body{background: url(images/bg_whitegray.jpg) repeat-x #f5f5f5;/*url(images/bg_lightblue1.gif) repeat-x top; background-color:#f5f5f5;*/ padding:0px; margin:0px;}
#all{width:850px; margin:0px auto; padding:0px;}
.cushycms{}

p{font:13px/17px "Lucida Grande", sans-serif; color:#666;}
p a:link, p a:visited{color:#003366;}
p a:hover{color:#990000;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.subnav{
width:835px; height:35px; margin:0px auto;
background:url(images/bg_subnav.jpg) no-repeat; 
font:12px/30px "Lucida Grande", sans-serif; font-weight:bold; color:#006699;
}
.subnav a:link, .subnav a:visited{text-decoration:none; color:#006699;}
.subnav a:hover{text-decoration:underline; color:#006699;}
.subnav ul{width:100%; display:block; height:30px; padding:0px; margin:0px 5px;}
.subnav li{display:block; width:auto; padding:2px; margin:0px 5px; float:left; list-style:none;}



/* --  Header -- */

#header{height:135; width:850px; margin:0px auto;}
#headerspacer{height:15px;}
#headertop{height:70px; background:no-repeat url(images/energlogo_tru.gif);}
#headerleft{width:200px; height:90px; float:left; margin-left:10px;}
#headerleft img{margin:15px 10px 0 0;}
#headerright{width:400px; height:90px; margin-right:10px; float:right;}
#homebut{text-align:right; margin:0px 0px 20px 0px;}
#tagline{text-align:right;}
/* -- Nav Elements -- */
#header ul{
	display:block;
	margin:0px auto;
	list-style:none;
	padding:0px;
	height:35px;
	width:850px;
}
#header li{dislay:block; float:left; height:35px; margin:0px; text-align:center;}
	.off{width:0px; float:left; display:block;} 
	#nav_about{width:105px;}
	#nav_work{width:114px;}
	#nav_services{width:145px;}
	#nav_bigdeal{width:202px;}
	#nav_news{width:147px;}
	#nav_contact{width:135px; float:right; text-align:right;}

#content{
background:url(images/hd_content1.gif) no-repeat top #fff; 
margin:0px; 
padding:5px 0px; 
}

/* -- Main Image -- */
#mainimage{width:840px; margin:1px auto;}
#home #mainimage{background:#fff /*url(images/mainimage_hm.jpg) no-repeat*/; height:240px;}
#about #mainimage{background:#fff url(images/hd_about.jpg) no-repeat; height:135px;}
#services #mainimage{background:#fff url(images/hd_services.jpg) no-repeat; height:135px;}
#work #mainimage{background:#fff url(images/hd_work.jpg) no-repeat; height:135px;}
#bigdealpg #mainimage{background:#fff url(images/hd_bigdeal.jpg) no-repeat; height:135px;}
#news #mainimage{background:#fff url(images/hd_news.jpg) no-repeat; height:135px;}
#contact #mainimage{background:#fff url(images/hd_contact.jpg) no-repeat; height:135px;}



#tag{float:left; width:250px; margin:5px 10px;}
#tag h1{font:24px/24px "Lucida Grande", sans-serif; color:#006666; font-weight:bold;}

/* --  Home --*/
#bigdeal{width:800px; height:auto; margin:10px auto; background-color:#f5f5f5;}
#bigdeal img{float:left; margin:0px;}
#bigdeal .right{width:600px; float:right;}
#bigdeal ul{display:block; padding:2px; margin:5px 0; list-style:none; clear:both;}
#bigdeal li{
display:block;margin:5px 3px; 
font:17px/23px "Lucida Grande", sans-serif;
letter-spacing:-.02em; color:#666;
}
#bottomtwo{width:100%; height:auto; margin:0px auto; padding:10px 0 0 0;}
#difference{width:100%; margin:0px; height:auto; }
#h_dif{width:850px; height:52px; background:url(images/wave.gif) no-repeat; clear:both;}
#dif_left{width:500px; float:left; margin-left:15px;}
#dif_right{width:315px; float:right;}
#difference p{display:block; margin:5px;}

#services_all{width:100%; clear:both; background-color:#f5f5f5;}
#services_in{width:800px; height:150px;margin:20px auto; background:url(images/bg_services.gif) no-repeat;}
#services_hm{width:780px; height:110px; margin:0 auto; padding: 30px 0 0 0; font:11px/13px "Lucida Grande", sans-serif; color:#333333;}
#services_hm ul{display:block; padding-left:20px;}
#serviceshm_left{display:block; margin:0px; float:left; width:350px;}
#serviceshm_right{display:block; margin:0px; float:right; width:350px;}

/* -- Footer  -- */
#footer{width:auto; margin:3px auto; 
background: url(images/bg_foot.gif) repeat-x #175b6e; height:85px; border-top:5px solid #fff; border-bottom:5px solid #c6e5f9; clear:both;}
#footernav{display:block; margin:10px auto; padding:0px; width:620px; list-style:none;}
#footernav li{display:block; float:left; font:12px/15px "Lucida Grande", sans-serif; color:#fff; margin:0px 6px;}
#footernav li a:link, #footernav li a:visited{color:#fff; text-decoration:none;}
#footernav li a:hover{text-decoration:underline;}
#copy, #copy a:link, #copy a:visited, #copy a:hover{
font:10px "Lucida Grande", sans-serif; color:#fff; 
text-align:center; display:block; clear:both; margin:10px auto 0 auto;}

/*	#foot_about{width:80px;}
	#foot_work{width:70px;}
	#foot_services{width:70px;}
	#foot_bigdeal{width:120px;}
	#foot_news{width:100px;}
	#foot_contact{width:80px;}
*/

/* -- Contact --*/
#contactall{width:98%; margin:0px auto;}
#adress{float:left; width:250px; font:16px/20px "Lucida Grande", sans-serif; color:#666; margin:5px;}
#theform{display:block; width:550px; margin:0; float:right;}
.myform{display:block; width:100%; height:25px; margin:5px 0; }
.myform input{width:400px; padding:2px 4px; font:12px/20px "Lucida Grande", sans-serif; color:#666;}
.myform_multi{display:block; width:100%; margin:10px auto;}
.myform_multi textarea{display:block; width:410px;  margin:5px 0; font:12px "Lucida Grande", sans-serif; color:#666;}
#theform label{width:100px; float:left; display:block; font:16px/25px "Lucida Grande", sans-serif; color:#333;}
#submit{display:block; margin:10px 0 0 110px;}
textarea{width:400px;}
input{width:400px;}
.submitbutton{width:100px;}
.backtotop{float:right; clear:both; width:100px; font:12px/18px "Lucida Grande", sans-serif;}

/* -- About --*/
#abouttoppair{width:700px; margin:8px auto;}
#visionbox{display:block; float:right; width:275px; height:250px; background:url(images/bg_vision.jpg) no-repeat;}
#visionbox div{width:80%; margin:45px auto 10px auto;}
#visionbox p{display:inline;}
#whoarewe{float:left; width:400px;}
#whoarewe img{float:left; margin-right:5px;}
#hd_aboutpair{width:100%; height:30px; margin:0 0 3px 0;}
#whopair div{width:230px; float:right; margin:5px 0px; padding:0px;}
#whopair p{display:block; margin:0 0 8px 0;}
#history{width:100%; clear:both; margin:10px auto;}
#h_history{width:100%; margin:0 0 5px 0;}
#history p{display: inline;}
#hist_left{width:400px; height:auto; float:left;}
#hist_right{width:250px; height:auto; float:right;}
#leadership{width:830px; margin:10px auto; background-color:#f5f5f5; clear:both; height:auto;}
#hd_leadership{width:100%; height:40px; background:url(images/h_about_leadership.jpg) no-repeat;}
#leadershipbody{background-color:#f5f5f5; padding:0px; margin:0px;}
#example h3, #example h3 a:link, #example h3 a:visited{
display:block; margin:0px; font-weight:bold;
font:16px/20px "Lucida Grande", sans-serif; color:#FF6600; text-decoration:none;
}
/*#example h3 a:hover{
display:block; margin:0px;
font:16px/20px "Lucida Grande", sans-serif; color:#003366; text-decoration:none;
}*/
#example li{
display:block; height:auto;
list-style:none; clear:both;
margin:5px 0px; padding:2px; 
font:13px/17px "Lucida Grande", sans-serif; color:#666666;
background-color:#FFF;
}

#example h3{width:100%; font-weight:bold;}
.leaderhead{width:700px; font:24px/30px; font-weight:bold; float:right; color:#CC3300;}
.person_photo{width:212px; float:left;}
.person_text{width:650px; float:right;}
.person_text1{width:450px; float:right;}
.person{height:auto;}
.person_all{ border-bottom:dotted 1px #ccc; height:auto; display:block; clear:both;}
#example{display:block; list-style:none; padding:0px; width:700px; margin:0 0 20px 0; margin:0 auto;}


/* -- Work --*/
#worktop{width:830px; margin:8px auto;}
#work h2{font:18px/18px "Lucida Grande", sans-serif; color:#993300; font-weight:bold; font-style:italic; display:block; margin:0px;}
#work h3{font:16px/20px "Lucida Grande", sans-serif; color:#993300; font-weight:normal; display:block; margin:0px;}
#workpair{width:820px; margin:5px auto; height:330px;}
#worksamples{float:left; width:500px; height:330px;}
#hd_worksamples{height:30px;}
#workclients{float:right; width:260px;}
#testimonial{width:90%; margin:5px auto;}
#testimonial ul{display:block; margin:0px; padding:0px; list-style:none;}
#testimonial li{
display:block;
font:17px Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold; color:#666666;
padding:3px 0px;
border-bottom:2px solid #333; margin:15px 0 5px 0;
}
#player{width:490px; height:300px; float:left;}
#myplayer{width:840px; height:240px;}
/* -- Services -- */
#services #all{height:inherit;}
#servicestop{width:700px; height:auto; margin:5px auto;}
#hd_servicestop{width:830px; height:45px;  background:url(images/h_servicesrd.jpg) no-repeat #f5f5f5;}
#servicestop_right{width:390px; float:right; margin:0px 5px 0 0;}
#servicestop_left{width:390px; float:left; margin:0px 0 0 205px;}
.servicestre{background-color:#f5f5f5; height:auto; width:640px; border:1px solid #ccc; clear:both; margin:10px auto;}
.serviceslogo{float:left; width:100px; height:100px; margin:3px 10px;}
.servicestext{float:right; width:475px; margin:3px 10px 3px 0; height:auto;}
#servicestop h2{display:block; margin:0px; font:20px/22px "Lucida Grande", sans-serif; font-weight:bold; color:#006666;}
/*#servicestop div{width:268px; border:1px solid #ccc; height:auto; float:left; margin:0px 3px; }*/
#servicestop ul{color:#666; display:block; margin:0px 2px;}
#servicestop li{list-style-type:square;
font:13px/17px "Lucida Grande", sans-serif; color:#666;
}
.bulls li{display:block; list-style:disc; margin:3px 0px;}

#servicestop h3{font:16px/22px "Lucida Grande", sans-serif; color:#CC6666; display:block; margin:0;}
.serviceshead{height:45px; border:none; width:100%; display:block;}
#enan_hd{ background:no-repeat url(images/hd_energyanalysis.gif);}
#enman_hd{background:no-repeat url(images/h_energymanagement.gif);}
#ensus_hd{background:no-repeat url(images/h_energysustain.gif);}
#bot_two{width:830px; clear:both; margin:10px auto;}
#approach{width:320px; float:left;}
#approach ul{width:100%; padding:0px; margin:0px;  font:14px "Lucida Grande", sans-serif; color:#333;}
#approach li{display:block; list-style:none; margin:2px 0px; padding:2px; border-bottom:1px dotted #666;}
#approach h4{font:18px "Lucida Grande", sans-serif; display:inline; font-weight:bold; color:#003333;}
#bestpractices{float:right; width:450px;}
#bestpractices p:first-child{ display:block; margin:0px; color:#333333;}


/* -- News -- */
#feed{width:800px; margin:0px auto; font:14px "Lucida Grande", sans-serif; font-weight:normal; color:#333333}
#feed p{display:block; margin:0 0 10px 0; border-bottom:1px dotted #ccc;}
#feed li{display:block; margin:5px 2px; list-style:none; }
#feed ul{display:block; padding:0px;}
#feed a:link, #feed a:visited{
font:14px/18px "Lucida Grande", sans-serif; font-weight:normal;
color:#003366; text-decoration:none;
}
#feed a:hover{
font:14px/18px "Lucida Grande", sans-serif; font-weight:normal;
color:#CC6600; text-decoration:none;
}
/* -- Services ind -- */
.services_ind #all{width:90%; margin:0px auto;}
.services_ind_left{width:550px; float:left; padding:0px; margin-left:10px;}
.services_ind_right{width:250px; float:right; margin-right:10px;}
.services_ind_right h2{
width:240px;
display:block; 
padding-left:10px; 
margin:0px;
background-color:#145c6f; 
color:#FFFFFF; 
font:16px/22px Georgia, "Times New Roman", Times, serif; font-weight:bold;
}
.servicesh2{
font:24px/30px Georgia, "Times New Roman", Times, serif;
color:#003366; display:block;
margin:0 0 10px 0;
width:100%; 
}
ul#services_nav{display:block; margin:0px; padding:0px; list-style:none;}
#services_nav li{
	display:block; 
	margin:2px 0px; 
	padding:2px 2px 2px 8px;; 
	list-style:none;
	background-color:#efefef;
	border:1px solid #ccc;
	}
#services_nav li a:link, #services_nav li a:visited{
	font:12px/15px "Lucida Grande", sans-serif; 
	font-weight:bold; color:#006699;
	text-decoration:none;
 }
 #services_nav li a:hover{ color:#CC3300;}

#approachpg ul{width:600px; font:14px "Lucida Grande", sans-serif; color:#333; display:block; margin:0 0 15px 0;}
#approachpg li{list-style:disc;}
#approachpg h4{font:18px "Lucida Grande", sans-serif; display:block; margin:0px; font-weight:bold; color:#003333;}

#leadershipblock{width:700px; height:auto; margin:10px auto;}
.abouth2{
font:24px/30px "Lucida Grande", sans-serif;
color:#003366; display:block;
margin:5px auto 10px auto;
width:700px;
}
#leadershipblock h3{display:block; clear:both;}

.wysy{width:850px; margin:20px auto; height:auto; background-color:#ccc; text-align:center;}
.wysy input{width:150px;}
.wysy textarea{margin:5px auto; width:80%;}
.wysy form{display:block; width:80%; margin:5px auto;}
.wysy h2{display:block; margin:15px auto 5px auto; padding:0px; font:18px/24px Arial, Helvetica, sans-serif;}