body {text-align: center;min-width: 805px; font:12px verdana; color:#333333; margin:0; padding:10px 0 80px 0;}
#wrapper {margin:0 auto;width:805px; text-align:left;}
#masthead{position:relative; height:70px;}
.logo{display:block;width:124px; z-index: 10; height: 60px;  position:absolute; background:url(/i/logo_eso_new.gif) no-repeat;}

/* new top level nav added August 5, 2009 */
#locnav, #sitenav{position:absolute; right:5px; margin:0; padding:0;}
#locnav{top:30px;}
#sitenav{top:50px;}
#locnav li, #sitenav li{list-style-type:none; display:inline; border-right:solid 1px #333333; padding:0 3px 0 4px;}
#locnav li.last, #sitenav li.last{border-right:none;}
#locnav li a, #sitenav li a{text-decoration:none; color:#2e2276; font:12px verdana}
#locnav li a:hover, #sitenav li a:hover{text-decoration:underline;color:#e26d1d;}

/* old site nav styles 
#sitenav{ margin:10px 0; padding:0; float:right; margin-top: 44px; right:0px}
#sitenav li{list-style-type:none; display:inline; float:left; padding:0 10px; border-right:solid 1px #333333;}
#sitenav li.last{border-right:none;}
#sitenav li a{text-decoration:none; color:#2e2276; font:12px verdana}
#sitenav li a:hover{text-decoration:underline;color:#e26d1d;}
*/
#slidewrapper{height:380px; width:805px; position:relative;}
#slideshow{height:273px; width:805px; background1:url(/i/slides/slide7.jpg) no-repeat; position:relative;}
#slideshow div.inner{padding:20px;}
#slideshow .inner h1{margin:0; padding:0 0 10px 0;font:36px arial; color:#333333;}
#slideshow .inner p{margin:0; padding:0 0 0  30px; font:24px arial; color:#626262;}
#slideshow .er_desc{position:absolute; left:15px; bottom:0; width:583px; height:245px; background:url(/i/bg_er_dec.png) no-repeat; z-index:900} 
#slideshow .com_desc{position:absolute;  left:15px; bottom:0; width:583px; height:245px; background:url(/i/bg_com_dec.png) no-repeat; z-index:900} 
#slideshow .util_desc{position:absolute; left:15px; bottom:0; width:583px; height:245px; background:url(/i/bg_util_dec.png) no-repeat; z-index:900} 
#slideshow .mil_desc{position:absolute; left:15px; bottom:0; width:583px; height:245px; background:url(/i/bg_mil_dec.png) no-repeat; z-index:900} 
#slideshow .gas_desc{position:absolute; left:15px; bottom:0; width:583px; height:248px; background:url(/i/bg_gas_dec.png) no-repeat; z-index:900} 


#portnav {/*position:absolute; top:284px;*/ margin:0; padding:0; z-index:400; width:805px; height:103px; background:url(/i/portnav_sprite.gif) no-repeat;}
#portnav li{list-style-type:none;display:inline; float:left; padding:0;}

#portnav li a{display:block; height:103px; background:url(/i/portnav_sprite.gif) no-repeat;}
#portnav li.er a{background-position: 0 0; width:118px;}
#portnav li.er a:hover{background-position:0 -103px;}

#portnav li.com a{background-position: -118px 0; width:113px;}
#portnav li.com a:hover{background-position:-118px -103px;}

#portnav li.util a{background-position: -231px 0; width:112px;}
#portnav li.util a:hover{background-position:-231px -103px;}

#portnav li.mil a{background-position: -343px 0; width:112px;}
#portnav li.mil a:hover{background-position:-343px -103px;}

#portnav li.gas a{background-position: -455px 0; width:112px;}
#portnav li.gas a:hover{background-position:-455px -103px;}

.round{width:395px; height:250px; float:left; background:#f4f4e8;}
.round .inner{ padding:10px;}
.round .inner h2{margin:0; padding:0 0 10px 0; font:36px arial narrow; color:#333333;}
.round .inner p{margin:0; padding:5px 0; line-height:140%;}
.marr15{margin-right:15px}
.cl{clear:left;}
a.learn{display:block; width:102px; height:24px; position:absolute; right:5px; bottom:5px; background:url(/i/b_learnmore.gif) no-repeat;}
a.learn:hover{background-position:0 -24px;}


 
 @media screen{
  body>div#footer{
   position: fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 
 
#landingpanel{width:805px; height:325px; background:URL(../i/bg_land.png) no-repeat top left;}
#landingpanel .landlogo{float:right; margin:10px 20px 0 0;}
#landingpanel .inner{padding:10px 36px;}
#landingpanel h1{font:36px arial; color:#333333; margin:0; padding:0;}
#landingpanel h2{font:24px arial; color:#333333; margin:0; padding:0;}
#landingpanel h3{font:bold 18px arial; color:#333333; margin:20px 0 0 0; padding:0;}
#landingpanel p{font:16px arial; color:#333333; margin:5px 0 0 0; padding:0;}
.landingbuttons{text-align:center; margin:30px 80px;}

/* button id';s */
#learnabouteso{display:block; background:url(../i/button_learnabouteso.png) no-repeat; width:225px; height:42px; float:left;}
#learnabouteso:hover{background-position:0 -42px;}
#ecsignin{display:block; background:url(../i/button_ecsignin.png) no-repeat; width:299px; height:42px;  float:right;}
#ecsignin:hover{background-position:0 -42px;}
