/* reset styles */ @import "/css/reset.css"; /* --- =body --- */ html, body { background: #306E18; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 100%; } /* --- =resize --- */ #wrapper { width: 100%; min-width: 1210px; } * html #wrapper { width: 100%; } #wrapper.right { margin-left:auto; margin-right:auto; float:right; position:absolute; left:-220px; } body > #wrapper.right { margin-left:auto; margin-right:auto; float:right; position:absolute; left:-220px; } /* -------------- */ /* ~~~~~~~~~~~~~~ IDs ~~~~~~~~~~~~~~~ */ /* --- =top_wrapper --- */ #top_wrapper { background: url(/images/body_bg2.jpg) top left repeat-x; height: auto; margin: 0; width: 100%; } /* --- =header --- */ #header { background: url(/images/header_bg3.jpg) top left no-repeat; color: #158902; font-size: 11px; height: 92px; line-height: 15px; margin: 0px auto; padding: 5px 0 0 235px; position: relative; width: 960px; } #header ul li { float: left; } #brand { background: url(/images/brand2.jpg) top left no-repeat; margin: 0 127px 0 0; padding: 0px; } #brand a { height: 69px; display: block; height: 89px; width: 249px; } #address { margin: 0 38px 0 0; padding: 33px 0 0 0; width: 170px; } #phone { padding: 33px 0 0 0; } #satisfied { background: url(/images/satisfied2.gif) top left no-repeat; height: 15px; left: 610px; position: absolute; top: 21px; width: 359px; } /* --- =navigation --- */ #navigation { background: url(/images/nav_bg3.jpg) left top no-repeat; margin: 0px auto; padding: 0; position: relative; width: 1195px; z-index: 1; } #navigation ul { background: url(/images/content_top2.jpg) left bottom no-repeat; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 53px; margin: 0; padding: 0 0 29px 234px; width: 961px; } #home_pic img { height: 270px; left: 234px; position: absolute; top: 55px; width: 536px; z-index: 2; } #interior_pic img { height: 224px; left: 234px; position: absolute; top: 54px; width: 536px; z-index: 2; } #navigation ul li { display: block; float: left; margin: 0; padding: 0; position: relative; z-index: 3; } #navigation ul li a { color: #ffffff; display: block; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; height: 27px; margin: 0; padding: 26px 14px 0 16px; } #navigation ul li a#nav_home { width: 37px; } #navigation ul li.li-over a#nav_home, #navigation ul li a#nav_home.active { background: url(/images/nav_home.jpg) 1px 1px no-repeat; } #navigation ul li a#nav_about { width: 58px; } #navigation ul li.li-over a#nav_about, #navigation ul li a#nav_about.active { background: url(/images/nav_about.jpg) 1px 1px no-repeat; } #navigation ul li a#nav_services { width: 56px; } #navigation ul li.li-over a#nav_services, #navigation ul li a#nav_services.active { background: url(/images/nav_services.jpg) 1px 0 no-repeat; } #navigation ul li a#nav_products { width: 57px; } #navigation ul li.li-over a#nav_products, #navigation ul li a#nav_products.active { background: url(/images/nav_products2.jpg) 1px 0 no-repeat; } #navigation ul li a#nav_tips { width: 94px; } #navigation ul li.li-over a#nav_tips, #navigation ul li a#nav_tips.active { background: url(/images/nav_tips2.jpg) 1px 0 no-repeat; } #navigation ul li a#nav_why { width: 106px; } #navigation ul li.li-over a#nav_why, #navigation ul li a#nav_why.active { background: url(/images/nav_why.jpg) 1px 0 no-repeat; } #navigation ul li a#nav_contact { width: 75px; } #navigation ul li.li-over a#nav_contact, #navigation ul li a#nav_contact.active { background: url(/images/nav_contact.jpg) 1px 0 no-repeat; } #navigation ul li h2 { display: none; } #navigation ul li.li-up ul { display: none; } #navigation ul li.li-over ul { background: #ffffff; border: 1px solid #cccccc; display: block; float: none; height: auto; left: 0; margin: 0; padding: 2px 0 0 0; position: absolute; top: 53px; width: 220px; z-index: 500; } #navigation ul li.li-over ul li { display: block; float: none; line-height: 11px; margin: 0; padding: 0; width: 220px; } #navigation ul li.li-over ul li a { border-bottom: 1px dotted #cccccc; background: url(/images/bull2.jpg) 17px center no-repeat; color: #2C641D; display: block; float: none; font-weight: normal; height: auto; line-height: 11px; margin: 0; padding: 6px 30px; vertical-align: middle; width: 160px; } #navigation ul li.li-over ul li a:hover { background: url(/images/bull2.jpg) 17px center no-repeat #f2f2f2; } #navigation ul li.li-over ul li ul { border: none; margin: 0; padding: 0; position: relative; top: 0; } #navigation ul li.li-over ul li ul li h3 { margin: 0; padding: 0; } #navigation ul li.li-over ul li ul li h3 a { background: none; color: #244F18; display: block; float: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; height: auto; line-height: 11px; margin: 0; padding: 8px 15px; vertical-align: middle; width: 190px; } #navigation ul li.li-over ul li ul li h3 a:hover { background: #EFEFEF; } /* --- =middle_wrapper --- */ #middle_wrapper { background: url(/images/content_bg.jpg) left bottom repeat-x #ffffff; height: auto; margin: 0; width: 100%; } /* --- =maincontent_wrapper --- */ #maincontent_wrapper { background: url(/images/content_shadow.jpg) 236px bottom no-repeat; margin: 0px auto; padding: 0 219px 0 238px; text-align: left; width: 746px; } /* --- =maincontent --- */ body#home #maincontent { background: #ffffff; float: left; margin: 0px; padding: 270px 14px 0 2px; text-align: left; width: 502px; } #maincontent { background: #ffffff; float: left; margin: 0px; min-height: 300px; padding: 193px 18px 0 18px; text-align: left; width: 484px; } * html #maincontent { height: 300px; } #maincontent ul li { background: url(/images/brief_bull.jpg) 0 1px no-repeat; margin: 0 0 16px 0; padding: 0 0 0 18px; } #maincontent ul li ul li { background: none; margin: 6px 0 6px 0; padding: 3px 0 3px 18px; } #maincontent ul li ul li a { color: #7ABF47; } /* --- =right_sidebar --- */ #right_sidebar { float: right; margin: 0 0 0 0; padding: 0 0 0 2px; text-align: left; width: 202px; } #search { border-bottom: 1px solid #e8e8e6; padding: 38px 0 20px 6px; } #resources, #energy { border-bottom: 1px solid #e8e8e6; font-size: 11px; padding: 20px 0 20px 6px; } #resources ul, #energy ul { padding: 0; width: 202px; } #resources ul li, #energy ul li { background: url(/images/home_li.gif) bottom left repeat-x; padding: 5px 0 8px 5px; vertical-align: middle; width: 197px; } #resources ul li a, #energy ul li a { color: #48ac09; display: block;letter-spacing: -.03em; line-height: 11px; vertical-align: middle; } /* --- =footer --- */ #footer_wrapper { background: url(/images/footer_bg.jpg) 0 0 repeat-x; clear: both; margin: 0; padding: 0; text-align: center; width: 100%; } #footer { background: url(/images/footer_content_bg.jpg) top left no-repeat; margin: 0px auto; height: 158px; padding: 0 0 0 236px; text-align:left; width: 959px; } #footer a { color: #cbec59; } #footer a:hover { border-bottom: 1px dotted #cbec59; } #footer_contact { color: #ffffff; float: left; font-size: 11px; line-height: 18px; padding: 36px 0 0 0; width: 420px; } #footer_contact strong { color: #ffffff; display: block; float: left; font-size: 14px; font-weight: bold; margin: 0 0 14px 0; width: 420px; } #footer_links { color: #ffffff; float: left; font-size: 10px; line-height: 28px; padding: 32px 0 0 0; } /* ~~~~~~~~~~~~~~ classes ~~~~~~~~~~~~~~~ */ .alt { background: #; } .right { float: right; padding: px px px px; } .clearfix { clear: both; } .left { float: left; padding: px px px px; } .pdf { background: url(/images/pdf.gif) top left no-repeat; padding: px px px px; } .word_doc { background: url(/images/doc.gif) top left no-repeat; padding: px px px px; } .go { background: url(/images/go.gif) top left no-repeat; border: px solid #; margin: px px px px; padding: px px px px; } /* ~~~~~~~~~~~~~~ headers ~~~~~~~~~~~~~~~ */ h1 { color: #da3036; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 23px; font-weight: bold; line-height: 29px; margin: 0px 0px 14px 0px; padding: 0px; } #right_sidebar h2 { color: #ff0000; display: block; font-size: 18px; line-height: 18px; margin: 0 0 10px 0; } #maincontent h2 { color: #316F1A; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 23px; margin: 0px 0px 18px 0px; padding: 0px; } h3, h4 { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin:0 0 3px 0; padding: 0; } /* ~~~~~~~~~~~~~~ copy ~~~~~~~~~~~~~~~ */ p { color: #000000; font-size: 11px; line-height: 18px; margin: 0 0 14px 0; padding: 0; } .as_text a, #maincontent li a { border-bottom: 1px dotted #5E8F35; color: #5E8F35; } .as_text a:hover { border: none; color: #3E5F23; text-decoration: underline; } blockquote { margin: px px px px; padding: px px px px; } em { font-style: italic; } a { text-decoration: none; } hr { height: 1px; background: #dcdcdc; margin: 18px 0; } /* ~~~~~~~~~~~~~~ forms ~~~~~~~~~~~~~~~ */ input.search { background: url(/images/search_bg.jpg) top left no-repeat; height: 20px; margin: 0 2px 3px 0; padding: 3px 3px 0 5px; width: 98px; } input.go { padding: 0 0 8px 0; } /* ~~~~~~~~~~~~~~ content magic ~~~~~~~~~~~~~~~ */ .as_title { color: #da3036; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 23px; font-weight: bold; line-height: 29px; margin: 0px 0px 18px 0px; padding: 0px; } .as_text { color: #000000; font-size: 11px; line-height: 18px; margin: 0; padding: 0; } .as_image { display: block; float: right; margin: 0 0 24px 24px; } body#home #maincontent .brief_link a { background: url(/images/brief_bull.jpg) left center no-repeat; color: #48ac09; display: block; font-size: 11px; font-weight: bold; padding: 0 0 0 16px; } body#home #maincontent .brief_link a:hover { color: #357F07; } body#home #maincontent .brief_title { color: #ff0000; display: block; font-size: 18px; line-height: 18px; margin: 0 0 6px 0; } body#home #maincontent .brief_text { color: #000000; line-height: 18px; padding: 0 0 0 18px; vertical-align: top; } body#home #maincontent .brief_between { display: none; } body#home #maincontent .brief_summary { display: block; margin: 0 0 4px 0; } body#home #maincontent .brief_text a img { display: block; margin: 0; width: 154px; } #right_sidebar .as_toc { font-size: 11px; padding: 20px 0 20px 6px; } #right_sidebar .as_toc ul { padding: 0; width: 202px; } #right_sidebar .as_toc ul li { background: url(/images/home_li.gif) bottom left repeat-x; margin: 0; padding: 0 0 1px 0; vertical-align: middle; width: 197px; } #right_sidebar .as_toc ul li a { color: #48ac09; display: block; letter-spacing: -.03em; line-height: 11px; padding: 5px 0 7px 5px; vertical-align: middle; } #right_sidebar .as_toc ul li a:hover { background: #EFEFEF; color: #214F05; }