@charset "utf-8"; /* nav */ .efoi_nav { background-color:#fff; list-style-type:none; display:block; height:30px; width:720px; padding:0; margin:0; font: 15px "trebuchet ms", verdana, sans-serif; letter-spacing: 0.02em; } .efoi_nav li { float:left; overflow:hidden; padding:0; margin:0; height:30px; width:135px; } .efoi_nav li a { display:block; height:30px; width:135px; background:url(http://www.energyfocusinc.com/images/interface/nav_tab.gif) no-repeat top left; padding:7px 0 0 7px; color: #859239; text-decoration:none; } .efoi_nav li a:hover, .efoi_nav li a.selected { background-position:0 -30px; color: white; text-decoration:none; } /*SUBNAV MENUS*/ #innovation, #solutions, #about, #financials{ background:white; width:405px; /*545 when blog added */ height:159px; border:1px solid #CCC; border-top:none; position:absolute; top:162px; z-index:10; } #innovation_left{ color:#9A9A9A; width:125px; float:left; margin-left:5px; font-size: 10px; margin-top:15px; } #innovation_left a{ background:white; color:#A2BF3A; width:110px; margin:0; padding:0; float:left; height:auto; font-size:11px; } #innovation_left a:hover, .efoi_nav .innovation_right a:hover, #solutions a:hover, #about a:hover, #financials a:hover { text-decoration:underline; color:#859339; } #innovation_left img, #solutions img, #about img, #financials img{ clear:both; float:left; width:11px; margin:4px 0 0 0; padding:0; } .innovation_right{ float:left; width:125px; margin:0; padding:0; margin-top:15px; } .efoi_nav .innovation_right a{ background:none; color:#A2BF3A; font-size:11px; text-align:center; margin:0; padding:0; } #solutions, #about, #financials{ height:auto; width:129px; padding-left: 5px; padding-top:5px; } #financials{ width:140px; } #solutions a, #about a, #financials a{ background:white; color:#A2BF3A; margin:0; padding:0; height:auto; font-size:11px; float:left; width:114px; } #financials a{ width:125px; } #solutions p, #about p, #financials p, #innovation_left p { clear:both; padding-top:5px; margin:0; }