/*
Theme Name: Default Theme
Description: Gleent Innovative Technologies
Template: Gleent Innovative Technologies
Version: 1

Author: Gleent Innovative Technologies
URL: www.gleent.com

[Table Of contents]

0- Reset
1- Global
2- Links
3- Headings
4- Container
5- Header
6- Navigation
7- Middle
8- Forms
9- Extras
10- Footer
*/

/* =0 Reset 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	line-height: 1;
	font: normal 14px Arial, Helvetica, sans-serif;
	vertical-align: top;
	background: #f0f0f0 url(../images/bg.png) repeat-x top;
	color: #333;
}
.width100		{ width:100%; }
.width90		{ width:90%; }
.width917		{ width:917px;}
.width960		{ width:960px; }

.float-right 	{ float:right; }
.float-left  	{ float:left; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.text-indent	{ text-indent:15px; }

.break 			{ margin-bottom:15px; }
.hide 			{ display: none; }
.clear 			{ clear:both; }

.font-medium 	{ font: 1.1em Arial, Helvetica, sans-serif; }
.font-small 	{ font: 0.9em Arial, Helvetica, sans-serif; }
.font-smaller 	{ font: 0.7em Arial, Helvetica, sans-serif; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.text-underline	{ text-decoration:underline; }

.underline 		{ border-bottom:1px solid #d3ebf3; }
.overline		{ border-top:1px solid #eee; }

.black 			{ color:#333; }
.gray 			{ color:#616161; }
.white 			{ color:#fff; }
.blue 			{ color:#004566; }
.lightblue		{ color:#007ec3;}
.green 			{ color:#0F0; }
.red 			{ color:#f00; }

.no-bullet 		{ list-style: none;list-style-image:none; }
.no-padding     { padding:0; }
.no-margin		{ margin:0; }
.no-indent      { margin-left:0;padding-left:0; }

.img-center { 
	display:block; 
	margin: 4px auto;
}
.img-left {
	float:left;
	margin:4px 10px 4px 0;
}
.img-right {
	float:right;
	margin:4px 0 4px 10px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}

html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* =2 Links 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {
	color: #0094c6;
	text-decoration:none;
}
a:hover, a:active {
	color: #0094c6;
	text-decoration:underline;
}
a:link.button-link, a:visited.button-link {
	background: url(../images/button-link.png) no-repeat;
	width:111px;
	height:24px;
	display:block;
	color:#fff;
	line-height:24px;
	text-indent:10px;
}
a:hover.button-link, a:active.button-link {
	text-decoration:none;
	background: url(../images/button-link-hover.png) no-repeat;
}
/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 {
	font: bold 1.7em Arial, Geneva, Helvetica, sans-serif;
}
h2 {
	font: bold 1.5em Arial, Geneva, Helvetica, sans-serif;
}
h3 {
	font: bold 1.3em Arial, Geneva, Helvetica, sans-serif;
}
h4 {
	font: bold 1.1em Arial, Geneva, Helvetica, sans-serif;
}
h5 {
	font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;
}
.heading-icon {
	background: url(../images/content-heading-icon.png) no-repeat center right;
}
/* =4 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#container {
	background: url(../images/) top center no-repeat;
	margin: 0 auto;
	text-align: left;
}

/* =5 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header {
	background: url(../images/head.jpg) no-repeat bottom; 
	height: 361px;
	position:relative;
}
#header a.header-logo {
	display:block;
	height:79px;
	width:285px;
	position:absolute;
	top:20px;
	left:0;
	z-index:2;
}
#header #slideshow{
	width:914px;
	height:221px;
	position:absolute;
	bottom:0px;
	right:0;
	z-index:0;
	/*background: url(../images/.png) no-repeat; */
}
#home #header {
	background: url(../images/header-quote.jpg) no-repeat bottom right; 
}
#about_us #header {
	background: url(../images/header-about-us.png) no-repeat bottom right; 
}
#services #header {
	background: url(../images/header-services.jpg) no-repeat bottom right; 
}
#process #header {
	background: url(../images/header-process.png) no-repeat bottom right; 
}
#strategy #header {
	background: url(../images/header-strategy.png) no-repeat bottom right; 
}
#portfolio #header {
	background: url(../images/header-portfolio.jpg) no-repeat bottom right; 
}
#contact_us #header {
	background: url(../images/header-contact-us.jpg) no-repeat bottom right; 
}
#header a.request-quote {
	background: url(../images/request-quote.png) no-repeat; 
	height: 330px;
	display:block;
	height:79px;
	width:204px;
	position:absolute;
	bottom:37px;
	left:108px;
	text-indent:-4000px;
}
#header a:hover.request-quote {
	background: url(../images/request-quote-hover.png) no-repeat; 
}

/* =6 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header p {
	position:absolute;
	top:30px;
	right:0;
	font-size:13px;
	text-align:right;
}
#header ul {
	background:url(../images/menu-bg.png) no-repeat top left;
	width: 920px;
	height: 39px;
	position:absolute;
	top: 100px;
	left:0;
}
#header ul li {
	float: left;
	background: url(../images/divider.png) no-repeat right bottom;
}
#header ul a {
	font-family:"Segoe UI";
	font-size:13px;
	font-weight:bold;
	display: block;
	width:182px;
	height:39px;
	text-align:center;
	line-height: 35px;
	color:#fff;
}
#header ul a:hover {
	color:#fff;
	text-decoration:none;
}

#header ul li.first {
	background: none;
	border:none;
	display:block;
	width:179px;
}

#header ul li.second {
	background: none;
	border:none;
	display:block;
	width:183px;
}
#header ul li.third {
	background: none;
	border:none;
	display:block;
	width:185px;
}
#header ul li.fourth {
	background: none;
	border:none;
	display:block;
	width:185px;
}
#header ul li.fifth {
	background: none;
	border:none;
	display:block;
	width:183px;
}

#header a.home {
	background: url(../images/) no-repeat center top;
}
#header a:hover.home, #home #header a.home {
	background: url(../images/home-nav.png) no-repeat center top;
	color:#fff;
}
#header a.about_us {
	background: url(../images/) no-repeat center top;
}
#header a:hover.about_us, #about_us #header a.about_us {
	background: url(../images/menu-nav.png) repeat-x center top;
	color:#fff;
}
#header a.products {
	background: url(../images/) no-repeat center top;
}
#header a:hover.products, #products #header a.products {
	background: url(../images/menu-nav.png) repeat-x center top;
	color:#fff;
}
#header a.clients {
	background: url(../images/) no-repeat center top;
}
#header a:hover.clients, #clients #header a.clients {
	background: url(../images/menu-nav.png) repeat-x center top;
	color:#fff;
}
#header a.contact_us {
	background: url(../images/) no-repeat center top;
}
#header a:hover.contact_us, #header li.first a:hover, #contact_us #header a.contact_us {
	background: url(../images/contact-nav.png) no-repeat right top;
	color:#fff;
}
#footer ul {
	list-style: none;
	width: 550px;
	height: 19px;
	position:absolute;
	top:0;
	left:-260px;
}
#footer ul li {
	float: right;
}
#footer ul a {
	font-size:14px;
	display: block;
	padding: 0 3px;
	line-height: 19px;
	color:#000;
}
#footer ul a:hover {
	color:#262626;
	text-decoration:none;
}
#footer ul li.first {
	background: none;
}
#footer ul .first a:hover {
}

/* =7 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#content {
	padding-top:30px;
}
#about_us #content, #services #content, #process #content, #portfolio #content, #contact_us #content {
}
#home-info {
	display:block;
	width:100%;
	height:200px;
	background: url(../images/home-info.png);
	position:relative;
}

#home-info .about {
	background: url(../images/box-bg.png) no-repeat top center;
	display:block;
	width:300px;
	height:195px;
}
#home-info .about h2 {
	background:url(../images) no-repeat top center;
	font-size:18px;
	padding-left:20px;
	padding-top:15px;
	color:#FFFFFF;
}
#home-info .about p {
	padding:20px 15px;
	font-size:12px;
}
#home-info .about a {
	display:block;
	width:83px;
	height:20px;
	background:url(../images/readmorebg.png) no-repeat top center;
	line-height:20px;
	text-align:center;
	font-size:11px;
	position:absolute;
	top:115px;
	left:205px;
	float:right;
	color:#FFFFFF;
}
#home-info .project {
	background: url(../images/box-bg.png) no-repeat top center;
	display:block;
	width:300px;
	height:195px;
	position:absolute;
	top:0;
	right:309px;
}
#home-info .project h2 {
	background:url(../images) no-repeat top center;
	font-size:18px;
	padding-left:20px;
	padding-top:15px;
	color:#FFFFFF;
}
#home-info .project p {
	padding:20px 15px;
	font-size:12px;
}
#home-info .project a {
	display:block;
	width:83px;
	height:20px;
	background:url(../images/readmorebg.png) no-repeat top center;
	line-height:20px;
	text-align:center;
	font-size:11px;
	position:absolute;
	top:115px;
	right:10px;
	float:right;
	color:#FFFFFF;
}
#home-info .choose {
	background: url(../images/box-bg.png) no-repeat top center;
	display:block;
	width:300px;
	height:195px;
	position:absolute;
	right:0;
	top:0;
}
#home-info .choose h2 {
	background:url(../images) no-repeat top center;
	font-size:18px;
	padding-left:20px;
	padding-top:15px;
	color:#FFFFFF;
}
#home-info .choose p {
	padding:20px 15px;
	font-size:12px;
}
#home-info .choose a {
	display:block;
	width:83px;
	height:20px;
	background:url(../images/readmorebg.png) no-repeat top center;
	line-height:20px;
	text-align:center;
	font-size:11px;
	position:absolute;
	top:115px;
	right:10px;
	float:right;
	color:#FFFFFF;
}


.home-info p.service, .home-info ul.service {
	left:350px
}
.home-info ul.service span {
	margin:-35px;
}
.home-info ul.service a {
	position:absolute;
	bottom:8px;
	right:0;
}
.home-info p.why-us {
	left:683px
}
.home-info p.why-us a {
	position:absolute;
	bottom:8px;
	right:0;
}
.main-content {
	float: right;
	width: 604px;
}
.main-content h2 {
	background: url(../images/featured-top.png) no-repeat;
	height:63px;
	line-height:40px;
	font-size:19px;
}
.main-content p {
	background:#dedfdf;
}
.main-content p span#portfolioSlide {
	text-align:center;
	width: 604px;
	height: 222px;
	display:block;
}
.main-content h3 {
	background: url(../images/featured-bottom.png) no-repeat;
	height:16px;
}
#portfolio #content li {
	width:210px;
	height:150px;
	float:left;
}
.sub-content {
	float: left;
	width: 298px;
	margin-right:-3px;
}
.sub-content h2 {
	background: url(../images/leftnav-top.png) no-repeat;
	height:62px;
	line-height:40px;
	font-size:18px;
}
.sub-content p {
	background: url(../images/leftnavbg.png) repeat-y;
	padding:0 10px;
	font-size:13px;
}
.sub-content h3 {
	background: url(../images/leftnav-bottom.png) no-repeat;
	height:16px;
}
#body_content_inner {
	background:#fbfbfb;
}
/* =8 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/



/* =9 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


/* =10 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer {
	height: 30px;
	width: 100%;
	position:relative;
}
	
#footer p {
	position:absolute;
	bottom:12px;
	right:0;
	color:#000;
	margin-bottom:0;
}
#footer .copyright {

	font: 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	bottom:0;
	position:absolute;
	left:280px;
}