/*
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: #fbfbfb url(../images/bg_body.png) repeat-x top;
	color: #333;
}
.width100		{ width:100%; }
.width90		{ width:90%; }
.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; }
.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: 309px;
	position:relative;
}
#header a.header-logo {
	display:block;
	height:79px;
	width:285px;
	position:absolute;
	top:9px;
	left:0;
	z-index:2;
}
#home #header #slideshow{
	width:960px;
	height:210px;
	position:absolute;
	bottom:-72px;
	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 ul {
	background:url(../images/) repeat-x;
	width: 640px;
	height: 60px;
	position:absolute;
	top: 12px;	
	right:0;	
}
#header ul li {
	float: right;
	background: url(../images/divider.png) no-repeat right bottom;
}
#header ul a {
	font:bold 1.1em Arial, Helvetica, sans-serif;
	display: block;
	padding: 0 15px;
	line-height: 60px;
	color:#9a9a9a;
}
#header ul a:hover {
	color:#069;
	background:#fbfbfb;
	text-decoration:none;
}

#header ul li.first {
	background: none;
	border:none;
}
#header a.home {
	background: url(../images/home.png) no-repeat center top;
}
#header a:hover.home, #home #header a.home {
	background: #fbfbfb url(../images/home-hover.png) no-repeat center top;
	color:#069;
}
#header a.about {
	background: url(../images/about.png) no-repeat center top;
}
#header a:hover.about, #about_us #header a.about {
	background: #fbfbfb url(../images/about-hover.png) no-repeat center top;
	color:#069;
}
#header a.service {
	background: url(../images/service.png) no-repeat center top;
}
#header a:hover.service, #services #header a.service {
	background: #fbfbfb url(../images/service-hover.png) no-repeat center top;
	color:#069;
}
#header a.portfolio {
	background: url(../images/portfolio.png) no-repeat center top;
}
#header a:hover.portfolio, #portfolio #header a.portfolio {
	background: #fbfbfb url(../images/portfolio-hover.png) no-repeat center top;
	color:#069;
}
#header a.process {
	background: url(../images/process.png) no-repeat center top;
}
#header a:hover.process, #process #header a.process {
	background: #fbfbfb url(../images/process-hover.png) no-repeat center top;
	color:#069;
}
#header a.strategy {
	background: url(../images/strategy.png) no-repeat center top;
}
#header a:hover.strategy, #strategy #header a.strategy {
	background: #fbfbfb url(../images/strategy-hover.png) no-repeat center top;
	color:#069;
}
#header a.contact {
	background: url(../images/contact.png) no-repeat center top;
}
#header a:hover.contact, #header li.first a:hover, #contact_us #header a.contact {
	background: #fbfbfb url(../images/contact-hover.png) no-repeat center top;
	color:#069;
}
#footer ul {
	list-style: none;
	width: 70%;
	height: 19px;
	position:absolute;
	top:0;
	left:230px;
}
#footer ul li {
	float: right;
	background: url(../images/divf.gif) no-repeat left center;
}
#footer ul a {
	font: 1.1em Arial, Helvetica, sans-serif;
	display: block;
	padding: 0 15px;
	line-height: 19px;
	color:#898989;
	border-top:2px solid #f4f4f4;
}
#footer ul a:hover {
	color:#676767;
	border-top:2px solid #dedede;
	text-decoration:none;
}
#footer ul li.first {
	background: none;
}
#footer ul .first a:hover {
}

/* =7 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#content {
	padding: 30px 10px;
	background: url(../images/bg-content-home.png) no-repeat center top;	
}
#about_us #content, #services #content, #process #content, #portfolio #content, #contact_us #content {
	background: #fbfbfb url(../images/bg-content-inner.png) no-repeat center top;	
}
#content .home-info ul li {
	list-style-image:url(../images/bullet3.png);
}
#contact_us #content ul li {
list-style:none;
list-style-image:none;
}
.home-info {
	width:960px;
	height:248px;
	background: url(../images/home-info.png);
	margin-left:-10px;
	position:relative;
}

.home-info p, .home-info ul {
	width:255px;
	height:155px;
	top:68px;
	position:absolute;
	margin-right:55px;
}
.home-info p.about {
	left:15px
}
.home-info p.about a {
	position:absolute;
	bottom:8px;
	right:0;
}
.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: left;
	width: 635px;
}
.main-content h2 {
	background: url(../images/box-portfolio-header.png) no-repeat;
	height:62px;
	line-height:40px;
}
.main-content p {
	background: url(../images/box-portfolio-middle.png) repeat-y;
	padding:0 5px;
}
.main-content p span#portfolioSlide {
	width: 626px;
	height: 222px;
	display:block;
}
.main-content h3 {
	background: url(../images/box-portfolio-footer.png) no-repeat;
	height:10px;
}
#portfolio #content li {
	width:210px;
	height:150px;
	float:left;
}
.sub-content {
	float: right;
	width: 280px;
	margin-right:-3px;
}
.sub-content h2 {
	background: url(../images/box-sidebar-header.png) no-repeat;
	height:62px;
	line-height:40px;
}
.sub-content p {
	background: url(../images/box-sidebar-middle.png) repeat-y;
	padding:0 5px;
}
.sub-content h3 {
	background: url(../images/box-sidebar-footer.png) no-repeat;
	height:7px;
}
#body_content_inner {
	background:#fbfbfb;
}
/* =8 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


table{
width:100%;
}

/* =9 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


/* =10 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer {
	background: #f4f4f4 url(../images/footer-logo.png) no-repeat left;
	height: 70px;
	margin:0 auto 10px auto;
	width: 960px;
	position:relative;
}
	
#footer p {
	position:absolute;
	bottom:7px;
	left:353px;
	color:#aaa;
	margin-bottom:0;
}
#footer .copyright {

	font: 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	bottom:0;
	position:absolute;
	left:280px;
}