@import url('reset.css'); @import url('default.css'); @import url('type.css'); /*** Font-sizes. Browser default is 16px. Set body to 75%,which is equal to 12px and,therefore,1em is 12px. 9px :0.75em 10px :0.8333em 11px :0.9167em 12px :1.0em 13px :1.0833em 14px :1.1667em 15px :1.25em 16px :1.3333em 17px :1.4167em 18px :1.5em 19px :1.5833em 20px :1.6667em 21px :1.75em 22px :1.8333em 23px :1.9167em 24px :2.0em 25px :2.0833em 26px :2.1667em 27px :2.25em 28px :2.3333em 29px :2.4167em 30px :2.5em 31px :2.5833em 32px :2.6667em ***/ body { font-family: Arial, sans-serif; background: #202223; } hr.break { display: block; float: left; } .clear { clear: both;} .left { float: left;} .right { float: right;} .wrap { width:960px; margin: 0 auto; position: relative;} img { -ms-interpolation-mode:bicubic; } img.left { float: left; margin: 0 20px 20px 0;} img.right { float: right; margin: 0 0 20px 20px;} #fullWrap { background: url(../img/bg-body.jpg) repeat #e1e2dd;} #fullWrapTop { background: url(../img/bg-bodyTop.jpg) repeat-x;} #topbar { position: relative; overflow: hidden; padding: 0 0 2px;} #search { padding: 0 2px 2px; margin: 0; position: relative; float: right; top: 2px; display: inline-block; background: #5b1300; border: 1px solid #fff; border-top: none; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;} #searchForm { padding: 0px; margin: 0; background: #fff; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #searchText { padding: 4px 5px; margin: 0; background: #fff; border: none; color: #565d5f; font-size: 13px; line-height: 14px; width: 200px;} #searchSubmit { padding: 4px 8px; background: #076324; color: #fff; font-size: 13px; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} #header { overflow: hidden; padding: 0; margin-top: -10px;} #header h1 { margin: 0; } #header #logo { width: 231px; height: 72px; background: url(../img/logo-geoflo.gif) top left no-repeat; display: block; text-indent: -9999px; } #main-nav { width: 960px; margin-top: 20px; margin-right: 0px; text-align: center;} #main-nav li { display: inline-block; margin: 0 5px; list-style: none;} #main-nav li a { color: #444444; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 11px 15px; display: inline-block;} #main-nav li a:hover { color: #076324;} #main-nav li.current { background: url(../img/nav-currentLeft.jpg) top left no-repeat;} #main-nav li.current a { background: url(../img/nav-currentRight.jpg) top right no-repeat; color: #eaebe6;} #sub-nav { margin: 0; padding: 0; margin-top: 20px; right: -5px; position: relative;} #sub-nav li { margin: 0 0 -10px; list-style: none; padding: 0;} #sub-nav li a { color: #727370; text-shadow: 0 1px 0 #fff; font-size: 15px; font-weight: bold; padding: 10px 15px 20px; display: block; width: 210px;} #sub-nav li a:hover { color: #076324; text-decoration: none;} #sub-nav li.current { background: url(../img/subnav-current.png) top left no-repeat;} #sub-nav li.current a { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.5);} #banner { height: 471px; margin: -25px auto -100px; background: url(../img/bg-tree.jpg) top right no-repeat;} #banner.content .col { width:450px; padding: 0 50px 65px 10px; float: left; position: relative; top:120px; background: url(../img/bg-home-shadow.png) bottom left no-repeat;} #banner.content .col h2 { font-size: 24px; margin-bottom: 2px;} #banner.content .col p { font-size: 15px; line-height: 23px; padding-right: 20px;} #banner.content .col p.readmore a { color: #d7d8d3; text-shadow: 0 -1px 0 rgba(0,0,0,0.75); font-size: 15px; padding: 10px 15px; display: inline-block; font-weight: bold; background: #5b1300; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #banner #tree { position: absolute; top: 10px; right: 10px; width: 550px; height: 350px; display: block; } #banner #tree .leaf { position: absolute; } #banner #tree .leaf:hover img { cursor: pointer; position: relative; z-index: 20; opacity: 0; -khtml-opacity: 0; -moz-opacity:0; filter:alpha(opacity=0); } #banner #tree .leaf-content { display: none; opacity:0; position: absolute; top:40px; right: 30px; z-index: 1; width: 240px; padding: 15px 15px 0; background: #076324; background: rgba(7, 99, 36, 0.9); border: 2px solid #024918; border: 2px solid rgba(2,73,24,0.9); -webkit-border-radius: 7px; -moz-border-radius: 7px; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.35); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.35); } #banner #tree .leaf-content h3 { font-size: 24px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.25); margin-bottom: 5px; } #banner #tree .leaf-content p { color: #fff; opacity: 0.85; line-height: 18px; padding: 5px 0; } #banner #tree #leaf-1.leaf { top: 100px; left: 310px; } #banner #tree #leaf-2.leaf { top: 133px; left: 60px; } #banner #tree #leaf-3.leaf { top: 236px; left: 166px; } #banner #tree #leaf-4.leaf { top: 140px; left: 206px; } #banner #tree #leaf-5.leaf { top: 286px; left: 355px; } #titleBar { height: 89px; background: url(../img/bg-titleBar.jpg) repeat-x top left;} #titleBar h1 { font-size: 34px; color: #fff; font-weight: bold; padding: 30px 0 0; text-shadow: 0 1px 1px rgba(0,0,0,0.5);} #titleBar #bys { padding: 14px 30px; text-align: center; color: #fff; font-size: 24px; font-weight: bold; font-family: 'Myriad Pro', Helvetica, Arial, sans-serif; position: absolute; top: 15px; right: 0; background: url(../img/button-titleBar.png) top center no-repeat;} #titleBar #bys span { font-size: 14px; font-weight: normal; line-height: 16px;} #content { overflow: hidden;} #content .col { width:460px; padding: 0 10px; float: left;} #content #main-col { background: url(../img/bg-content.jpg) top left repeat-y; padding: 25px 30px; width: 660px; min-height: 300px; float: right;} #content #side-col { float: left;} #newsList { margin: 0;} #newsList li { margin: 0; padding-bottom: 25px; list-style: none;} #newsList li .date { float: left; width: 52px; height: 58px; display: block; background: url(../img/bg-date.gif) top left no-repeat;} #newsList li .date .month { width: 52px; color: #dbdcd8; text-align: center; padding: 4px 0 0; margin: 0; font-weight: bold; text-transform: uppercase;} #newsList li .date .day { width: 52px; color: #dbdcd8; line-height: 1em; text-align: center; padding: 0 0; margin: -5px 0 0; font-weight: bold; text-transform: uppercase; font-size: 24px;} #newsList li h4.title { margin-left: 60px; margin-bottom: 0; padding: 10px 0 0; font-size: 20px;} #newsList li p { margin-left: 60px; font-style: normal;} #newsList li h1, #newsList li h2, #newsList li h3, #newsList li h4, #newsList li h5, #newsList li h6 { margin-left: 60px; margin-top: 5px; font-style: normal; color: #444; font-size: 16px; line-height: 20px; padding: 5px 0 0; } .content h1, .content h2, .content h3, .content h3, .content h4, .content h5, .content h6 { font-weight: bold; font-family: 'Myriad Pro', Helvetica, Arial, sans-serif; padding-top: 25px; } .content h2:first-child { padding-top: 0; } .content h1 { font-size: 42px; color: #076324; } .content h2 { font-size: 32px; color: #076324; } .content h3 { font-size: 22px; color: #5b1300; } .content h3.date { font-size: 15px; color: #5b1300; margin-top: -10px; padding: 0;} .content h4 { font-size: 16px; color: #444444; } .content h5 { font-size: 13px; color: #444444; } .content h6 { font-size: 13px; color: #444444; } .content h1 a { color: #076324;} .content h1 a:hover { color: #076324; text-decoration: underline;} .content h2 a { color: #076324;} .content h2 a:hover { color: #076324; text-decoration: underline;} .content h3 a { color: #5b1300;} .content h3 a:hover { color: #5b1300; text-decoration: underline;} .content h4 a { color: #444444;} .content h4 a:hover { color: #444444; text-decoration: underline;} .content h5 a { color: #444444;} .content h5 a:hover { color: #444444; text-decoration: underline;} .content h6 a { color: #444444;} .content h6 a:hover { color: #444444; text-decoration: underline;} .content p, .content ul li, .content ol li { line-height: 1.877em;} .content p { font-size: 14px; color: #444444;} .content ul li { font-size: 14px; color: #444444; margin: 0 0 0 10px; padding: 0;} .content ol li { font-size: 14px; color: #444444; margin: 0 0 0 10px; padding: 0;} .content blockquote p { font-size: 16px; font-family: Georgia; font-style: italic; padding: 5px 25px;} .content p a { color: #076324;} .content p a:hover { color: #076324; text-decoration: underline;} .content ul li a { color: #076324;} .content ul li a:hover { color: #076324; text-decoration: underline;} .content ol li a { color: #076324;} .content ol li a:hover { color: #076324; text-decoration: underline;} .content hr { border: none; border-bottom: 1px dashed #aeb5a1; margin: 20px 0; clear: both;} .content ul#blog, .content ul#archives { margin: 0; padding: 0 0 0 20px; } .content ul#archives { padding-top: 10px; } .content ul#blog li, .content ul#archives li { margin: 0; padding: 0; } .content ul#blog li h4 { margin: 0; padding: 0; } .content ul#blog li p.date { font-size: 0.8333em; } .content ul#archives p { margin: 0; padding: 0; } .content p#rss { margin-top: 20px; } #buildyoursystem { width: 460px; height:320px; background: url(../img/bg-home-house.png) 200px 0 no-repeat; position: relative;} #buildyoursystem #solar { width: 460px; height: 80px; display: block; position: absolute; top:0px; left: 90px; background: url(../img/button-solar.png) top left no-repeat; text-indent: -9999px;} #buildyoursystem #solar:hover { background: url(../img/button-solar-over.png) top left no-repeat;} #buildyoursystem #geothermal { width: 460px; height: 80px; display: block; position: absolute; top:110px; left: 20px; background: url(../img/button-geothermal.png) top left no-repeat; text-indent: -9999px;} #buildyoursystem #geothermal:hover { background: url(../img/button-geothermal-over2.png) top left no-repeat;} #footer { background: url(../img/bg-footer.jpg) top left repeat-x #202223; overflow: hidden; color: #807e7e; padding-bottom: 5px;} #footertop { color: #fff; text-align: center; font-weight: bold; padding: 10px 0; margin: 0 0 10px; line-height: 1.5em;} #footertop span { padding: 0 6px; text-shadow: 0 1px 1px rgba(0,0,0,0.5);} #footer-nav { padding: 0; margin: 0; float: right;} #footer-nav li { padding: 0; margin: 0; float: left;} #footer-nav li a { padding: 0 0 0 25px; color: #807e7e; text-shadow: 0 -1px 0 #000;} #footer-nav li a:hover { color: #076324; text-shadow: 0 -1px 0 #000;} #footer #copy { text-shadow: 0 -1px 0 #000;} #footer #copy #lift { font-family: Georgia; font-weight: bold; font-style: italic; text-shadow: 0 -1px 0 #000;} /*** Splash Page ***/ body.splash #header #logo { position: relative; left: 50%; margin-left: -115px; } body.splash #footer { overflow: hidden; color: #807e7e; padding-bottom: 5px;} body.splash #footer #copy { text-align: center } body.splash #content #main-col { background: none; } body.splash #content #main-col { padding: 25px 30px; text-align: center; width: 350px; position: relative; left: 50%; margin-left: -220px; float: none; }