/* ...................... */
/* Site: www.sageenergy.com */
/* Styles by Overit Media, www.overit.com */
/* `````````````````````````````````````````````````````````````````````````````` */


/* ////  Globals  /////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////// */
* { margin:0; padding:0; }
body { background-color:#c8cdaf; font:11px/14px Verdana, Tahoma, sans-serif; color:#000; }
.clear { clear:both; height:1px; font-size:0; line-height:0; }
.print { display:none; }


/* ////  Header  /////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////// */
div#banner { width:760px; height:140px; background:#fff url(../../images/banner.png) top right no-repeat; margin:20px auto 0 auto; position:relative; }
div#banner h2 {  }
div#banner h2 a { position:absolute; left:460px; top:30px; display:block; width:280px; height:85px; z-index:2; }
div#banner h2 a span { display:none; text-decoration:none; border:none; }
div#navigation { position:relative; padding:100px 0 0 20px; }
div#navigation ul { list-style: none; display: inline; font-size: 11px; padding-right: 20px; }
div#navigation ul li { float:left; padding-right:16px; font-weight:bold; text-transform:lowercase; font-family:Tahoma, Helvetica, sans-serif; letter-spacing:1px; }
* html div#navigation ul li { position:relative; }
div#navigation ul li a { text-decoration:none; color:#263763; font-size:11px; padding-bottom:8px; }
div#navigation ul li a:hover { text-decoration:none; }
div#navigation ul li ul { position:absolute; left:auto; top:auto; list-style-type:none; display:none; padding:6px 3px 40px; width:150px; border:1px solid #AFB4B8; border-top:4px solid #263763; background:#fff url(../../images/nav-dd_bg.jpg) no-repeat bottom center; }
* html div#navigation ul li ul { left:0; top:14px; }
div#navigation ul li:hover ul,div#navigation ul li.over ul { display:block; }
div#navigation ul li ul li { margin:2px 5px 3px; display:block; float:none; text-transform:lowercase; font:11px/14px Verdana, Tahoma, sans-serif; letter-spacing:0; }
* html div#navigation ul li ul li { margin-bottom:-12px; }
div#navigation ul li ul li a { text-decoration:none; font-size:11px; font-weight:normal; display:block; padding-bottom:0; }
div#navigation ul li ul li a:hover { text-decoration:underline; border-bottom:none; }


/* ////  Sidebar  ////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////// */
div#sidebar { width:217px; float:left; background-position:right top; background-repeat:no-repeat; font:11px/14px Verdana, Arial, Helvetica, sans-serif; min-height:265px; }
* html div#sidebar { height:265px; }
body#energyefficiencypg div#sidebar, body#renewableenergypg div#sidebar, body#climatechangepg div#sidebar, body#airqualitypg div#sidebar, body#greenbuildingspg div#sidebar, body#expertisepg div#sidebar { background-image:url(../../images/sidebar-aoe.gif); }
body#clientspg div#sidebar { background-image:url(../../images/sidebar-clients.gif); }
body#aboutuspg div#sidebar, body#teampg div#sidebar, body#contactuspg div#sidebar { background-image:url(../../images/sidebar-about_us.gif); }
body#resourcespg div#sidebar, body#linkspg div#sidebar, body#whitepaperspg div#sidebar { background-image:url(../../images/sidebar-resources.gif); }
div#sidebar h2 { color:#7b844f; border-bottom:1px solid #939a7b; margin-bottom:10px; font:18px "Trebuchet MS", Tahoma, sans-serif; padding:3px 0;  width:100%; }
div#sidebar .htmlarea { margin:20px; color:#fff; line-height:17px; }
div#sidebar .htmlarea h1 { color:fff; font:18px/24px "Trebuchet MS", Tahoma, sans-serif; font-weight:normal; }
div#sidebar .htmlarea h2 { color:fff; font:16px/22px "Trebuchet MS", Tahoma, sans-serif; font-weight:normal; }
div#sidebar .htmlarea h3 { color:fff; font:14px/20px "Trebuchet MS", Tahoma, sans-serif; font-weight:bold; }
div#sidebar .htmlarea ul { margin-left:14px; }

div#sidebar ul#sidebar-nav { list-style:none; padding-top:30px; height:250px; }
div#sidebar ul#sidebar-nav li.odd { background:transparent url(../../images/sidebar-li_bg.jpg) repeat-y left center; } 
div#sidebar ul#sidebar-nav li a { display:block; color:#000; text-decoration:none; text-transform:lowercase; padding:2px 0 3px 15px; height:15px; }
div#sidebar ul#sidebar-nav li a:hover { display:block; text-decoration:none; border-left:6px solid #ECEFD1; padding:2px 0 3px 9px; background:transparent url(../../images/sidebar-li_bg-hover.jpg) repeat-y center left;  }
div#sidebar ul#sidebar-nav li.even a:hover { background:transparent url(../../images/sidebar-li_bg-hover-even.jpg) repeat-y center left; }

/* ////  Body  ///////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////// */
div#container { width:760px; margin:0 auto; background-color:#afb68c; }
div#pagecontent { width:543px; float:left; background:#b9d8f7 url(../../images/contentbg-others.jpg) bottom left no-repeat; min-height:400px; }
* html div#pagecontent { height:400px; }
body#homepg div#pagecontent { background-image:url(../../images/contentbg-air_quality.jpg); }
body#energyefficiencypg div#pagecontent { background-image:url(../../images/contentbg-energy_efficiency.jpg); }
body#renewableenergypg div#pagecontent { background-image:url(../../images/contentbg-renewable_energy.jpg); }
body#climatechangepg div#pagecontent { background-image:url(../../images/contentbg-climate_change.jpg); }
body#airqualitypg div#pagecontent { background-image:url(../../images/contentbg-air_quality.jpg); }
body#greenbuildingspg div#pagecontent { background-image:url(../../images/contentbg-green_buildings.jpg); }

#employeelist {float:right; width:140px; margin-right:-180px;}

div#pagecontent #slogan { padding:45px 100px 0 36px; margin-bottom:240px; }

div#pagecontent h1#contentheader { padding:26px 0 20px 16px; font:28px/34px "Trebuchet MS", Tahoma, sans-serif; color:#fff; letter-spacing:0.3px; font-weight:normal; border-bottom:2px solid #97c3e8; background-color:#22356d; background-position:left center; background-repeat:no-repeat; }
body#energyefficiencypg h1#contentheader { background-image:url(../../images/icon-energy_efficiency.gif); padding-left:65px; }
body#renewableenergypg h1#contentheader { background-image:url(../../images/icon-renewable_energy.gif); padding-left:65px; }
body#climatechangepg h1#contentheader { background-image:url(../../images/icon-climate_change.gif); padding-left:65px; }
body#airqualitypg h1#contentheader { background-image:url(../../images/icon-air_quality.gif); padding-left:65px; }
body#greenbuildingspg h1#contentheader { background-image:url(../../images/icon-green_buildings.gif); padding-left:65px; }

div#pagecontent div#contentarea { border-top:1px solid #22356d; padding:21px 169px 138px 16px; }

div#pagecontent div.htmlarea { font:11px/18px Verdana, Tahoma, sans-serif; }
div#pagecontent div.htmlarea h1 { font:28px/34px "Trebuchet MS", Tahoma, sans-serif; color:#648012; font-weight:normal; }
div#pagecontent div.htmlarea h2 { font:17px/20px "Trebuchet MS", Tahoma, sans-serif; color:#000; font-weight:normal; margin-bottom:16px; }
div#pagecontent div.htmlarea h2 span.sub { border-left:1px solid #333; margin-left:3px; padding-left:8px; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; }
div#pagecontent div.htmlarea h3 { font:14px/18px "Trebuchet MS", Tahoma, sans-serif; color:#000; font-weight:normal; margin-bottom:16px; }
div#pagecontent div.htmlarea ul { margin-left:24px; }
div#pagecontent div.htmlarea img { border:5px solid #fff; float:left; margin:0 12px 12px 0; }
div#pagecontent div.htmlarea a { color:#006633; }

div#pagecontent div.htmlarea div.employee { margin-bottom:25px; }
div#pagecontent div.htmlarea div#fixmargin { margin-top:-25px; }

#pagecontent ul#whitepapers { margin:18px; list-style-type:circle; }


/* ////  Footer  /////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////// */
div#footer { clear:both; width:760px; margin:0 auto 26px; padding-top:4px; text-align:center; color:#7a8253; }
div#footer a { color:#7a8253; }