/* CSS Document * authred 051107 by brad@kaloupek.com */

body {
	background-color: #C8CACC;
	margin: 0;
	padding: 0;
	text-align: center;
	font:normal 11px/18px Helvetica Neue, Helvetica, Arial, sans-serif;
}

#wrapper {margin: 0 auto; width: 820px; background: url(../images/dropshadowBG.gif) repeat-y center top}


#header {text-align:right; margin:  0px 35px 0px 35px;}
#headerSpace { height:50px; margin: 0 0 5px 0; background:url(../images/topImage.jpg) no-repeat 0 0;}
#smallNav {
	font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #777777;
}
#smallNav a {color: #333333; text-decoration:none;}
#smallNav a#active {color:#3d70a0; font-weight:bold;}
#smallNav a:hover {color:#3d70a0; font-weight:normal;}
#smallNav a#active:hover {color:#3d70a0; font-weight:bold;}

#logo {float:left; width: 193px; }

#mainNav {top:45px; left:0px;  position:relative; margin: 0 0 10px 0; height: 45px; width:529px; float:right;} 




#mainNav ul {list-style:none; display:inline;}
#mainNav ul li {list-style: none;  display:inline;}
#mainNav ul li a {position: absolute; top: 0px; text-indent: -9000px; text-decoration: none; padding: 43px 0 0 0; overflow: hidden; height: 0px !important; 
height /**/:42px; /* IE5/Win */
background: #fff url(../images/main_nav.gif) no-repeat 0px 0px;}
body li#Benefits a {width: 130px; background-position: 0px 0px; left: 0px;}
body li#Benefits a:hover { background-position: 0 -45px;}
body li#Benefits a#active { background-position: 0 -89px;}
body li#Services a {width: 130px; background-position: -133px 0px; left: 133px;}
body li#Services a:hover {background-position: -133px -45px; }
body li#Services a#active {background-position: -133px -89px;}
body li#Clients a {width: 130px; background-position: -266px 0px; left: 266px;}
body li#Clients a:hover {background-position: -266px -45px;}
body li#Clients a#active {background-position: -266px -89px;}
body li#Resources a {width: 130px; background-position: -399px 0px; left: 399px;}
body li#Resources a:hover {background-position: -399px -45px;}
body li#Resources a#active {background-position: -399px -89px;}


#homeContent {background-color:#000;  height: 220px;  margin: 6px 35px 6px 35px;}
html>body #homeContent {margin: 11px 35px 11px 35px;}
#homeGraphic {float:left; border-right: solid #fff 3px;}
#homeContent p { 	font: bold 12px/18px Helvetica Neue, Helvetica, Arial, sans-serif; padding: 10px 16px; margin: 0px 0px 0px 485px;  text-align:justify; color:#fff; } 
#homeContent a { color:#fff; text-decoration:none; } 
#homeContent a:hover { color:#fff; text-decoration:underline; } 

#affilationsAbove p {margin: 20px 0 5px 0;  text-align:left; color:#555;  margin:  0px 35px 0px 35px;}
#affilationsBar {background-color: #fff; border: 1px solid #555; padding: 5px 5px 2px 5px; text-align:left;  margin:  0px 35px 0px 35px; line-height:12px;}
#affilationsBar p {color:#3e3b37; margin:0; line-height:12px;}
#affilationsBar a { color:#3e3b37; text-decoration:none; }
#affilationsBar a:hover {text-decoration:underline; } 
 


#contentWrapper { margin: 12px 35px 0px 35px; background: url(../images/sidebar_BG.gif) repeat-y 0 0;}
/*
 #contentWrapper { margin: 12px 35px 0 35px; background: url(../images/newSidBar.jpg) no-repeat 0 0;}*/
#sidebar {float: left; width: 195px; margin: 0 0 0 0;}
#sidebar ul {margin: 10px 10px 0 0 ; padding: 0; list-style:none; text-align: right;}

#sidebar ul li {list-style:none; padding: 0 0 10px 0;}
#sidebar ul li a {color:#fff; text-decoration:none; font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;}
#sidebar ul li a:hover {color:#63BBF7; font-weight: normal;}
#sidebar ul li a#active {text-align: right;color:#63BBF7; font-weight: bold;}

#sidebar h5 {color:#fff; text-align: right; font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif; margin: 10px 10px 0 0 ;}


#content {float:right; width: 529px; text-align:left;}
#content #contentImage {}
#content h1 {color:#3d70a0; font: normal 18px/20px Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 20px 0; }
#content h2 {color:#3d70a0; font: normal 18px/50px Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 20px 0; padding-left:45px; }
.gray {color:#333; font-size:16px;}
#iconW {background: url(../images/navIcons/Water-Conservations-Solutions.gif) no-repeat;}
#iconP {background: url(../images/navIcons/Program-Management.gif) no-repeat;}
#iconS {background: url(../images/navIcons/Commercial-Solar-Integrated-Systems.gif) no-repeat;}
#iconE {background: url(../images/navIcons/Energy-Mangement-Control-Systems.gif) no-repeat;}
#iconL {background: url(../images/navIcons/Lighting.gif) no-repeat;}
#content h3 {color:#3d70a0; font: normal 14px/18px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0; }
h4.pullQuote {float:right; color:#3d70a0; font: italic normal 16px/22px Helvetica, Arial,  sans-serif; width:220px; margin:0; padding: 0px 0px 20px 20px;}
#content p {color:#000; font: normal 12px/18px Helvetica, Arial,  sans-serif;  margin: 0 0 20px 0;}
#content a { color:#000;  }
#content a:hover {text-decoration:underline; } 
.blue {color:#3d70a0;}

#content ol, #content ul {
	
	font: normal 12px/14px Helvetica, Arial,  sans-serif;
	list-style: square url(../images/bullet-arrow.gif) outside; color:#3d70a0;
}
#content ol li, #content ul li {color:#000; padding:5px 0;}

#content ul li ol , #content ul li ul  {font: normal 11px/14px Helvetica, Arial,  sans-serif;
	list-style: square url(../images/bullet-diamond.gif) outside; color:#3d70a0;
}
#content ul li ol li, #content ul li ul li {color:#000; padding:3px 0;
}


#spacer {height:15px; line-height:15px;}
#base {clear: both; height: 30px; margin: 0 auto; background: url(../images/baseBG.gif) no-repeat top center;}


#footer {padding: 0px 0px 10px 0px; font-size:10px; line-height:12px; text-align:left; color: #333; margin: 0 auto; width: 750px;}
#footer p {margin:0;  text-align:left; }
#footer a {color: #333; text-decoration:none;}
#footer a:hover {color:#000000;text-decoration:underline;}

.clearBoth {clear: both; line-height: 0px; }
/* declare height:0 to fucking fool fucking safari, but hide from fucking IE */
html>body .clearBoth {height: 0px; }