@charset "utf-8";
/* CSS Document */


body {
	background:#c9d4a0 url(../images/top.png) top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#outerwrapper{
	height: 100%;
	background:url(../images/bg.png)top center no-repeat;
}
#innerwrapper{
	height: 100%;
	position: relative;
}
.contentwrapper, .contentwrapper2{
	height: 100%;
	margin:0 auto;
	background:url(../images/outer_bg.png) bottom center repeat-x;
	position: relative;
}
.contentwrapper2{
	background:url(../images/center_bg.png)bottom center no-repeat;
	height:650px;
	
} 
h3{
	padding:0 0 0 1.0em;
	text-align:left;
}
h4{
	padding:0 0 0 1.0em;
	text-align:left;
}
p{
	text-align:justify;
	padding:1.0em;
}
img{
	border:none;
}
* {
   margin:0;
   padding:0;
}
.logo{
	float:left;
	background:url(../images/esite-logo.png) top left no-repeat;
	width:167px;
	height:83px;
	margin-top:10px;
	display:block;
}
.badge{
	width:94px;
	height:94px;
	position:absolute;
	margin-left:490px;
	margin-top:-20px;
	display:block;
	background:url(../images/art.gif) top no-repeat;
}
#navigation{
	height:72px;
	text-align:center;
	color:#fff;
	margin-right:0.5em;
	font-size:11px;}
#navigation img{border:none}
#navigation ul {
	float:right;}
#navigation ul li{
	list-style:none;
	float:right;
	border-right:1px solid #1b729d;
	display:inline;
}
#navigation li a{
	line-height:72px;
	width:115px;
	display:block;
	text-decoration:none;
	color:#fff;
}
#navigation li a:hover{
	background:url(../images/menu_h.png) top repeat-x;
	line-height:72px;
}
#navigation  li.about:hover, #navigation li.web:hover, #navigation li.web:hover a.sol, #navigation  li.about:hover a.us{
	background:#186a93;
}
	
#navigation ul li ul{
	margin:0;
	position: absolute;
	display: block;
	float:left;
	background:#186a93;
	z-index: 100;
	width:180px;
	visibility:hidden;
}

/*Sub level menu list items*/
#navigation ul li ul li{
	display:list-item;
	float: left;
	
}

/* Sub level menu links style */
#navigation ul li ul li a{
width: 163px; /*width of sub menu levels*/
font-weight: normal;
line-height:30px;
color:#fff;
text-align:left;
padding-left:1.5em;
display:block;
}
#navigation ul li ul li a:hover{
background: #56b1fc;
line-height:30px;
color:#FFFFFF;
}


/* Holly Hack for IE \*/
* html #navigation ul li { float: left; height: 1%; }
* html #navigation ul li a { height: 1%; }

/* End */

#content{
	height:auto;
	width:845px;
	margin:0 auto;
	background:url(../images/holder2_bg.png) bottom repeat-x;
	
}
.holder1{
	padding-top:3.0em;
	height:auto;
}
.holder2{
	width:845px;
	height:auto;
	height:267px;
	margin:0 auto;
	margin-bottom:0px;
}
#freequote{
	width:235px;
	height:256px;
	float:left;
	display:block;
	background:url(../images/freequote.png) top left no-repeat;
}
			#freequote .freequotetitle{
				background:url(../images/freequote_t.png) top no-repeat;
				width:144px;
				height:35px;
				display:block;
				position:absolute;
				border:none;
				left:10;
				margin-left:-20px;
				margin-top:13px;
			}
            form.getquote{
			  width:200px;
			  padding:5.3em 0 0 2.0em;
			}
			form.getquote div {
			  width:200px;
			  height:20px;
			  margin-left: 0px;
			  border-bottom:none;
			  padding:0;
				color:#036;
			}
			form.getquote div span{
			 display:block;
			 position:relative;
			 float:left;
			 text-align:left;
			 width:120px;
			}
			form.getquote fieldset ol {
			  margin: 0;
			  padding: 0;
			}
			form.getquote fieldset {
			  height:auto;
			  border:none;
			
			}
			form.getquote input {
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#093;
				border:#c5e4ad solid 1px;
			}
			form.getquote label {
				display: inline-block;
				line-height: 1.8;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				vertical-align:top;
				font-weight:bold;
				width:40%;
				float:left;
				text-align:left;
			}
			form.getquote .btn{
				width:150px;
				height:32px;
				background:url(../images/get_btn.png) no-repeat;
				border:none;
				margin-left:20px;
				margin-top:5px;
			}
			form.getquote .btn:hover{
				background:url(../images/get_btnh.png) no-repeat;
			}
#banner_left, #banner_left-e{
	width:610px;
	height:256px;
	float:right;
	display:block;
	margin:1.0em 0 0 0;
	background:url(../images/banner_left.png) top right no-repeat;
}
#banner_left-e{
	background:url(../images/banner_left-e.png) top right no-repeat;
}
#banner_left h2 , #banner_left-e h2{
	width:430px;
	padding:1.5em 0 0 0;
}
#banner_left  p, #banner_left-e p{
	width:390px;
	padding:1.3em 0 0 0;
}
	
.clearmiddle{
	clear:both;
	height:10px;
	background:url(../images/center_div.png) top center no-repeat;
}
.holder2 h2{
	padding:1.5em 1.5em 1.0em 3.5em;
	color:#333;
	font-family:"Arial Narrow";
	font-weight:900;
	font-size:20px;
}
.holder2 span.headerimage img{
	margin:10px 5px 0 18px;
}
.holder2 span img{
	margin-left:10px;
	margin-top:10px;
}
#portfolio{
	width:422px;
	float:left;
	height:auto;
}
#portfolio h4{
	padding:0.5em;
	margin-left:20px;
	color:#333;
	font-size:12px;
}
#portfolio li{
	margin-left:45px;
}
#portfolio ol li:hover h4{
	color:#1b6497;
}
#portfolio p.client{
	padding:0;
}
#portfolio a.thumb{
	height:129px;
	width:180px;
	padding: 1.0em 1.0em 1.0em 0.7em;
	display:block;
	background:url(../images/bg_thumb_a.png)no-repeat scroll 0 0;
	text-decoration:none;
	color:#333;
	font-size:12px;
	text-align:center;
	line-height:30px;
}
#portfolio ul li{
	list-style:none;
	margin-left:10px;
	float:left;
	position:relative;
}
#portfolio ul li a:hover{
	background:url(../images/bg_thumb_a.png) no-repeat scroll 0 -152px;
}
#testimonials{
	width:422px;
	float:right;
	height:auto;
	background:url(../images/centerL.png) top left repeat-y;
}
#testimonials p.testi{
	padding:1.0em;
	text-align:justify;
	line-height:normal;
	font-style:italic;
	width:355px;
	text-indent:40px;
	margin:0 auto;
	font-size:12px;
}
#testimonials span.company{
	color:#090;
}
#testimonials span.openquote, span.closequote{
	background:url(../images/left_q.png) top no-repeat;
	width:27px;
	height:18px;
	display:block;
	float:left;
	position:absolute;
	top:10;
	margin-top:-10px;
}
#testimonials span.closequote{
	background:url(../images/right_q.png) top no-repeat;
	float:right;
	right:5;
	margin-left:180px;
}
#testimonials .connect li{
	list-style:none;
	margin-left:80px;
	height:40px;
}
#testimonials .connect li a{
	text-decoration:none;
	color:#333;
	font-weight:bold;
	padding:0 0 2px 58px;
	font-size:12px;
	height:40px;
}
#testimonials .connect li a.twitter{
	background:url(../images/twitter.png) left no-repeat;
}
#testimonials .connect li a.youtube{
	background:url(../images/youtube.png) left no-repeat;
}
#testimonials .connect li a.slideshare{
	background:url(../images/share.png) left no-repeat;
}
#testimonials .connect li a.facebook{
	background:url(../images/facebook.png) left no-repeat;
}
#testimonials .connect li a.linkedin{
	background:url(../images/in.png) left no-repeat;
}
#testimonials .connect li a:hover{
	text-decoration:underline;
}
.holder2 span.readmore, span.seemore{
	background:url(../images/a_readmore.png)top right no-repeat;
	width:205px;
	height:29px;
	border:none;
	padding-top:0.8em;
	float:right;
	display:block;
	margin-top:20px;
	
	
}
.holder2 span.seemore{
	background:url(../images/a_seemore.png)top right no-repeat;
	padding-top:0.7em;
	padding-right:3.8em;
	width:200px;
	text-align:center;
	margin-right:10px;
}
.holder2 span a{
	font-style:italic;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}
.holder2 p span{
	font-size:10px;
	font-style:normal;
	font-weight:bold;
}
.seo{
	width:400px;
	list-style:none;
	height:80px;
	background:url(../images/divider.png) bottom center no-repeat;
}
.seo_name{
	padding-top:2.5em;
	display:block;
	margin-left:25px;
}
#faq , .answers, .shoppingcartfeatures{
	height:auto;
	float:left;
	display:block;
	padding:1.5em;
}
#faq li{ margin-left:15px;}
#faq li a{
	text-decoration:none;
	color:#060;
	line-height:17px;
	font-size:13px;
}
.backtop{
	height:44px;
	width:154px;
	display:block;
	float:right;
	background:url(../images/backtop.png) top no-repeat;
}
.answers , .shoppingcartfeatures{
	background:#d8e0ab;
	width:780px;
	margin:15px;
	color:#333;
	font-size:12px;
	border: 1px solid #e9efc5; 
	}
.answers h4{
	font-weight:normal;
	color:#333;
	font-size:12px;
}
.answers h3{ color:#030}
.shoppingcartfeatures h3{ color:#1b6497; width:300px; }
.shoppingcartfeatures{
	background:none;
	border:none;
	}
.shoppingcartfeatures li{
	padding:0.4em;
	margin:2px 0 0 40px;
}
.divider{
	background:url(../images/divider2.png) top center no-repeat; 
	height:20px; 
	width:840px; 
	float:left; 
	display:block;
}
.clearbottom{
	clear:both;
	height:10px;
	background:#c9d4a0;
	
}
#footer{
	background:url(../images/esite-landing3_07.jpg) top repeat-x;
	height:152px;
	margin:0;
	padding:0;
	position:relative;
	
	
}
#footer p{
	width:846px;
	padding:5.0em 2.0em 2.0em 2.0em;
	margin:0 auto;
	color:#FFF;
	text-align:center;
}
#footer span{
	width:180px;
	height:145px;
	float:right;
	background:url(../images/right_foot.jpg) top right no-repeat;
	position:absolute;
	right:0;
	display:block;
	margin-top:-90px;
}
/* slide show
*
*/
#master0{
	float:left;
	margin-top:17px;
	width:400px;
}
#master0 img{
	overflow:hidden;
}

#sexyBG { display: none; position: absolute; background: #000; opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=40); width: 100%; height: 100%; top: 0; left: 0; z-index: 99; }
#sexyBOX { display: none; position: absolute; background: #b9e77b; color: #333; font-size: 1.2em; text-align: center; border: 1px solid #111; top: 70px; z-index: 100; }
.sexyX { font-size: 12px; color: #ddd; padding: 4px 0; border-top: 1px solid #636D61; background: #778574; }