/* Theme Name: GoGreen Description: Think Green theme by Melissa Dabucon Version: 2 (WP 2.9.2) Author: Melissa Dabucon Author URI: http://melissa.dabucon.com/ */ /*RESET CSS*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} /*CLEARFIX*/ .clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;} * html .clearfix{zoom:1;} *:first-child+html .clearfix{zoom:1;} /*GENERAL*/ body{background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:13px;min-width:960px;text-align:center;} a{background:none;text-decoration:none;} a:link,a:visited{color:#359505;} a:hover,a:active{color:#000;} .inner{margin:0 auto;overflow:hidden;text-align:left;width:960px;} #header{background:url(images/bg_border_grey.gif) repeat-x bottom left;height:100px;} #header .inner{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;position:relative;} #header #logo{background:url(images/logo.png) no-repeat;float:left;height:60px;margin-top:20px;text-indent:-9999px;width:350px;} #header #logo a{float:left;height:60px;width:350px;} #header #navi{font-size:12px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;position:absolute;top:65px;right:0;} #header #navi li{float:right;margin-left:20px;} #header #phoneno{font-size:12px;position:absolute;top:20px;right:0;} #header #phoneno span{font-size:15px;} #banner{background:url(images/bg_verticalstripes.png) left bottom;position:relative;} /*Banner Headers*/ #banner .header{height:85px;position:relative;text-indent:-9999px;} #banner #hdr-contact{background:url(images/hdr_contact.png) left center no-repeat;} #banner #hdr-products{background:url(images/hdr_products.png) left center no-repeat;} #banner #hdr-projects{background:url(images/hdr_projects.png) left center no-repeat;} #banner #hdr-services{background:url(images/hdr_services.png) left center no-repeat;} #banner #hdr-testimonials{background:url(images/hdr_testimonials.png) left center no-repeat;} /*Index Only*/ #banner #rotate{display:block;height:285px;overflow:hidden;} #banner #rotate > div{background:none;height:285px;width:960px;overflow:hidden;} #banner #rotate .text{float:left;width:600px;margin-right:34px;} #banner #rotate .image{float:left;height:251px;margin:18px 0 0 0;width:326px;} #rotate h1,#rotate p{text-indent:-9999px;width:590px;} #rotate a.btn{background:url(images/icon_button.png) no-repeat;float:left;height:33px;margin-top:20px;text-indent:-9999px;width:117px;} #rotate a.btn:hover{background-position:0 -33px;} /*Sun-Lite Plus*/ #sunlite .image{background:url(images/sunlite_image.png) no-repeat;} #sunlite .text{margin-top:25px;} #sunlite h1{background:url(images/sunlite_title.png) no-repeat;height:84px;} #sunlite p{background:url(images/sunlite_text.png) no-repeat;height:73px;margin-top:20px;} /*Go Green*/ #gogreen .image{background:url(images/gogreen_image.png) no-repeat;} #gogreen .text{margin-top:50px;} #gogreen h1{background:url(images/gogreen_title.png) no-repeat;height:48px;} #gogreen p{background:url(images/gogreen_text.png) no-repeat;height:47px;margin-top:20px;} /*Quality*/ #quality .image{background:url(images/quality_image.png) no-repeat;} #quality .text{margin-top:50px;} #quality h1{background:url(images/quality_title.png) no-repeat;height:46px;} #quality p{background:url(images/quality_text.png) no-repeat;height:53px;margin-top:20px;} /*Free Estimate*/ #estimate .image{background:url(images/estimate_image.png) no-repeat;} #estimate .text{margin-top:50px;} #estimate h1{background:url(images/estimate_title.png) no-repeat;height:38px;} #estimate p{background:url(images/estimate_text.png) no-repeat;height:53px;margin-top:20px;} /*Index Only Banner Rotate Navigation*/ #pager{margin:3px auto;text-align:center;width:44px;} #pager a{background:url(images/icon_dots.png) no-repeat;display:block;float:left;height:9px;margin:1px;text-indent:-9999px;width:9px;} #pager a:hover{background-position:0 -9px;} #pager a.activeSlide{background-position:0 -18px;} #content{color:#444;margin:35px 0;} #content #colleft{float:left;width:600px;} #content #colright{float:right;width:315px;} #content .section{margin-bottom:50px;} /***INDEX***/ #index .grid1,#index .grid2{margin:25px 0 0;width:280px;} #index .grid1{float:right;} #index .grid2{float:left;} #index h1{border-bottom:1px solid #ccc;height:37px;margin-bottom:12px;text-indent:-9999px;} #index #featproject h1{background:url(images/hdr_featuredproject.gif) no-repeat;} #index #featproject h2#hdr-stihl{background:url(images/hdr_stihl.gif) no-repeat;height:20px;text-indent:-9999px;} #index #featproject .description{font-size:11px;margin-bottom:15px;} #index #featproject .before{float:left;width:280px;} #index #featproject .after{float:left;margin-left:40px;width:280px;} #index #ourservices h1{background:url(images/hdr_ourservices.gif) no-repeat;} #index #ourservices h2{height:55px;text-indent:-9999px;} #index #ourservices h2#hdr-analysis{background:url(images/hdr_analysis.png) no-repeat;} #index #ourservices h2#hdr-develop{background:url(images/hdr_development.png) no-repeat;} #index #ourservices h2#hdr-demonstrate{background:url(images/hdr_demonstrate.png) no-repeat;} #index #ourservices h2#hdr-calculate{background:url(images/hdr_calculate.png) no-repeat;} #index #ourservices p{line-height:160%;} #index #clientele h1{background:url(images/hdr_clientele.gif) no-repeat;} #index #clientele li{background:#f6f6f6;border:1px solid #eaeaea;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;font-size:14px;font-style:italic;line-height:160%;margin-bottom:15px;padding:5px;} #index #clientele li span{display:block;font-size:11px;font-style:normal;} #index #catalog{background:#f9fff5;border:1px solid #a3fb77;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-top:25px;overflow:hidden;padding:5px;} #index #catalog img{float:left;width:32px;} #index #catalog p{float:left;font-size:11px;line-height:140%;margin-left:5px;width:260px;} /***CONTACT***/ #contact #contactinfo{line-height:160%;} #contact #contactinfo h1{background:url(images/hdr_contactinformation.png) no-repeat;height:21px;margin-bottom:8px;text-indent:-9999px;width:222px;} #content #contactinfo ul{margin-bottom:8px;} #contact #contactinfo li{margin-top:8px;} #contact #map small{display:block;font-size:10px;margin-top:3px;text-transform:uppercase;} /***PRODUCTS***/ #products .menu{background:#eee;float:left;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:12px;width:260px;} #products .menu ul{border-top:1px solid #ddd;} #products .menu li a{border-top:1px solid #fff;border-bottom:1px solid #ddd;color:#444;display:block;padding:9px 7px;} #products .menu li a:hover{background:#f8f8f8;} #products .description{float:right;position:relative;width:650px;} #products .description .section{border-bottom:1px dotted #ccc;clear:both;margin-bottom:30px;padding-bottom:30px;overflow:hidden;} #products .description p{line-height:160%;margin:10px 0;} #products .description li{line-height:160%;} #products .description .bulleted li{list-style:inside disc;} #products .description small{color:#777;font-size:11px;} #products .description img.partners{display:block;margin-top:75px;} #products .description h1{margin-bottom:20px;text-indent:-9999px;} #products h1#hdr-products-main{background:url(images/hdr_products_main.png) no-repeat;height:22px;} #products h1#hdr-products-sunlite{background:url(images/hdr_products_sunlite.png) no-repeat;height:22px;} #products h1#hdr-products-incandescents{background:url(images/hdr_products_incandescents.png) no-repeat;height:19px;} #products h1#hdr-products-halogens{background:url(images/hdr_products_halogens.png) no-repeat;height:23px;} #products h1#hdr-products-led{background:url(images/hdr_products_led.png) no-repeat;height:23px;} #products h1#hdr-products-halidehid{background:url(images/hdr_products_halidehid.png) no-repeat;height:23px;} #products h1#hdr-products-fluorescents{background:url(images/hdr_products_fluorescents.png) no-repeat;height:23px;} #products h1#hdr-products-ballasts{background:url(images/hdr_products_ballasts.png) no-repeat;height:19px;} #products h1#hdr-products-fixtures{background:url(images/hdr_products_fixtures.png) no-repeat;height:19px;} #products .description h2{color:#222;font-size:12px;font-weight:bold;line-height:140%;text-transform:uppercase;} #products .description h2.hdr-side{float:left;width:200px;} #products .description h2.hdr-gallery{margin-bottom:15px;} #products .description .cnt-side{float:left;margin-left:20px;overflow:hidden;width:420px;} #products .description ul.featlist li{list-style:inside square;} #products .description ul.gallery li{border:1px solid #eaeaea;float:left;list-style:none;margin:0 10px 10px 0;height:100px;width:100px;} #products .boxgrid{background:#f6f6f6;overflow:hidden;position:relative;} #products .boxgrid img{position:absolute;top:0;left:0;} #products .boxgrid p{font-size:11px;font-weight:bold;line-height:120%;padding:0 10px;} #free-estimate{border-top:1px dotted #ccc;margin-top:35px;padding:35px 0 0;} #free-estimate h1{background:url(images/hdr_products_estimate.png) no-repeat;height:19px;margin-bottom:10px;text-indent:-9999px;} #free-estimate p{padding-bottom:5px;} /***PROJECTS***/ #projects .grid1,#projects .grid2 {border-bottom:1px dotted #ccc;float:left;margin-bottom:20px;padding-bottom:20px;width:460px;} #projects .grid1{margin-right:40px;} #projects h1 span{color:#888;font-size:11px;font-weight:normal;} #projects .clearfix{margin:10px 0;} #projects .before,#projects .after{width:225px;} #projects .description{clear:both;line-height:160%;} #projects .description strong{font-weight:bold;} /***SERVICES***/ #services h1{border-bottom:1px solid #ccc;height:37px;margin-bottom:12px;text-indent:-9999px;} #services #green h1{background:url(images/hdr_services_green.png) no-repeat;} #services #green p{line-height:160%;margin-bottom:15px;} #services .bulleted li{line-height:160%;list-style:outside square;margin:5px 0 0 25px;} #services #ilctech h1{background:url(images/hdr_services_work.png) no-repeat;} #services #ilctech p{line-height:160%;margin:10px 0;} #services #ilctech .left{float:left;} #services #ilctech .right{float:right;} /***TESTIMONIALS***/ #hdr-clientssaying{border-bottom:1px dotted #ccc;padding-bottom:20px;margin-bottom:20px;} #hdr-clientssaying h1{background:url(images/hdr_testimonials_saying.png) no-repeat;height:23px;text-indent:-9999px;} #testimonials{font-size:12px;line-height:160%;} #testimonials .grid{background:#f6f6f6;border:1px solid #eaeaea;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin:10px;padding:5px 8px;} #testimonials .col1{width:282px;} #testimonials p{display:block;font-size:11px;margin-top:5px;} #footer{color:#888;font-size:10px;margin:35px 0 0;padding-bottom:20px;} #footer p{padding-bottom:3px;} #footer a{border-bottom:1px dotted #aaa;} #footer .inner{border-top:1px dotted #ccc;padding-top:8px;} #footer #social{float:right;} #footer #social li{float:right;margin-left:10px;} #footer #social li img{float:left;margin-right:2px;} #notfound{background:#fff;color:#555;} #notfound > div{line-height:160%;margin:60px 0 0 60px;text-align:left;width:300px;} #notfound h1{color:#111;font-size:20px;margin-bottom:20px;} #notfound ul{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;letter-spacing:1px;list-style:none;margin-top:20px;text-transform:uppercase;}