/*

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

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html {
	background: url(../images/htmlbg.png) repeat-x top;
	width:100%;
}
body {

	line-height: 1;

	font: normal 14px Arial, Helvetica, sans-serif;

	vertical-align: top;

	background: #fcfae0 url(../images/bodybg.png) repeat-x center 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:2px solid #a8a79d; }

.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/.jpg) no-repeat bottom; 

	height: 370px;

	position:relative;

}

/*#header a.header-logo {

	display:block;

	height:79px;

	width:285px;

	position:absolute;

	top:9px;

	left:0;

	z-index:2;

}*/

#header #slideshow{
	background:url(../images/slideshow01.png) no-repeat top center;
	display:block;
	width:960px;
	height:205px;
	position:absolute;
	top:169px;
	right:0;
	z-index:0;
}
/* =6 Navigation

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.call-us {
	font-size:20px;
	color:#bd3106;
	position:absolute;
	top:50px;
	right:15px;
}
#header ul {
	display:block;
	width: 960px;
	height: 43px;
	position:absolute;
	top: 106px;
	right:0;	

}

#header ul li {
	float: right;
}
#header ul a {
	font:bold 1.1em Arial, Helvetica, sans-serif;
	display: block;
	color:#000000;
	text-align:center;
	line-height:43px;
}
#header ul li a:hover {
	color:#069;
	background:;
	text-decoration:none;
}
#header ul li.first {
	background: none;
	border:none;
}
#header a.home {
	display:block;
	height:43px;
	width:240px;
	background:url(../images/menu/home.png) no-repeat center top;
	border:
}
#header a:hover.home, #home #header a.home {
	background:url(../images/menu/home-nav.png) no-repeat center top;
	color:#FFF;
}
#header a.about_us {
	display:block;
	height:43px;
	width:240px;
	background: url(../images/menu/menubg.png) repeat-x center top;
	border:
}
#header a:hover.about_us, #about_us #header a.about_us {
	background:url(../images/menu/menu-nav.png) repeat-x left top;
	color:#FFF;
}
#header a.services {
	display:block;
	height:43px;
	width:240px;
	background: url(../images/menu/menubg.png) repeat-x center top;
	border:
}
#header a:hover.services, #services #header a.services {
	background:url(../images/menu/menu-nav.png) repeat-x left top;
	color:#FFF;
}
#header a.contact {
	display:block;
	height:43px;
	width:240px;
	background: url(../images/menu/contact.png) no-repeat center top;
}
#header a:hover.contact, #header li.first a:hover, #contact_us #header a.contact {
	background:url(../images/menu/contact-nav.png) no-repeat left top;
	color:#FFF;
}
#footer ul {

	list-style: none;
	width: 100%;
	height: 49px;
	position:absolute;
	right:50px;

}

#footer ul li {
	float: right;
	background: url(../images/divf.gif) no-repeat left center;
}

#footer ul a {
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	display: block;
	padding: 0 15px;
	line-height: 60px;
	color:#000;
}
#footer ul a:hover {
	color:#fff;
	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: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;

}
.main-content {
	float: left;
	width: 960px;
}

.main-content h2 {
	font-size:18px;
	height:30px;
	line-height:30px;

}

.main-content p {

	background: url(../images/box-portfolio-middle.png) repeat-y;

	padding:0 5px;

}
#services-boxes {
	display:block;
	width:960px;
	height:305px;
	position:relative;
}
#services-boxes .upper-left {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:309px;
	height:89px;
	background:url(../images/boxes/call-center.png) no-repeat top;
}
#services-boxes .upper-right {
	position:absolute;
	top:0;
	right:0;
	float:right;
	display:block;
	width:309px;
	height:89px;
	background:url(../images/boxes/development-maintenance.png) no-repeat top;
}
#services-boxes .upper {
	position:absolute;
	top:0;
	right:327px;
	float:right;
	display:block;
	width:309px;
	height:89px;
	background:url(../images/boxes/web-hosting.png) no-repeat top;
}


#services-boxes .center-left {
	position:absolute;
	top:108px;
	left:0;
	display:block;
	width:309px;
	height:89px;
	background:url(../images/boxes/data-entry.png) no-repeat top;
}
#services-boxes .center-right {
	position:absolute;
	top:108px;
	right:0;
	float:right;
	display:block;
	width:309px;
	height:89px;
	background:url(../images/boxes/software-development.png) no-repeat top;
}
#services-boxes .center {
	position:absolute;
	top:108px;
	right:327px;
	display:block;
	width:309px;
	height:89px;
	background:url(../images/boxes/accounting.png) no-repeat top;
}


#services-boxes .lower-left {
	position:absolute;
	bottom:0;
	left:0;
	float:right;
	display:block;
	width:309px;
	height:89px;
	background:url(../images/boxes/virtual-assistant.png) no-repeat top;
}
#services-boxes .lower {
	position:absolute;
	bottom:0;
	right:327px;
	float:right;
	display:block;
	width:309px;
	height:89px;
	background:url(../images/boxes/local-networkdesign.png) no-repeat top;
}
#services-boxes .lower-right {
	position:absolute;
	bottom:0;
	right:0;
	float:right;
	display:block;
	width:309px;
	height:89px;
	background:url(../images/boxes/lower-right.png) no-repeat top;
}


#services-boxes .upper-left:hover {
	background:url(../images/boxes/call-center-nav.png) no-repeat top;
}
#services-boxes .upper-right:hover {
	background:url(../images/boxes/development-maintenance-nav.png) no-repeat top;
}
#services-boxes .upper:hover {
	background:url(../images/boxes/web-hosting-nav.png) no-repeat top;
}
#services-boxes .center-left:hover {
	background:url(../images/boxes/data-entry-nav.png) no-repeat top;
}
#services-boxes .center-right:hover {
	background:url(../images/boxes/software-development-nav.png) no-repeat top;
}
#services-boxes .center:hover {
	background:url(../images/boxes/accounting-nav.png) no-repeat top;
}
#services-boxes .lower-left:hover {
	background:url(../images/boxes/virtual-assistant-nav.png) no-repeat top;
}
#services-boxes .lower:hover {
	background:url(../images/boxes/local-networkdesign-nav.png) no-repeat top;
}
#services-boxes .lower-right:hover {
	background:url(../images/boxes/lower-right-nav.png) no-repeat top;
}



.welcome {
	background:url(../images/wel-bg.png) no-repeat top center;
	display:block;
	width:960px;
	height:46px;
	line-height:46px;
	text-indent:18px;
	font-size:17px;
	color:#FFFFFF;
	font-weight:bold;
}
.wel-cont {
	background:url(../images/wel-content.png) repeat-y top;
	display:block;
	width:960px;
	text-align:justify;
}
.wel-cont p {
	padding:9px;
}
.welcome-content {
	text-align:justify;
	display:block;
	text-indent:10px;
	width:930px;
}
.h3 {
	background:url(../images/wel-bottom.png) no-repeat top center;
	display:block;
	width:960px;
	height:12px;
}
.main-content h3 {

	background: url(../images/box-portfolio-footer.png) no-repeat;

	height:10px;

}


/* =8 Form

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/





table{

width:100%;

}



/* =9 Extra

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/





/* =10 Footer

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#footerbg {
	background:url(../images/footerbg.png) repeat-x top;
	display:block;
	height: 49px;
	width:100%;
}
#footer {
	height: 49px;
	margin:0 auto 10px auto;
	width:960px;
	position:relative;
}	
#footer p {
	position:absolute;
	top:-15px;
	left:10px;
}
#footer .copyright {
	font: 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	bottom:0;
	position:absolute;
	left:280px;
}