/* Theme Name: GreenPlumbers Theme URI: http://27thisland.com/ Description: Theme developed for GreenPlumbers USA Version: 1.0 Author: Arief Rachmansyah Author URI: arief@27thisland.com */ body{margin: 0;padding: 0;background: #fff url(images/body-bg.jpg) repeat-x top; font-family: Arial, Helvetica, sans-serif;} a img{border: none;} #wrapper{width: 1000px;margin: 0 auto;} #header{background: transparent url(images/header-bg.jpg) no-repeat top;width: 1000px;height: 425px;} #logo{position: relative;top: 28px; left: 40px; width: 960px; display: block;} #slider{ width: 820px; height: 275px; margin: 15px auto; position: relative; color: #fff;} #slider-about, #slider-stat, #slider-highlight, #slider-commitment, #slider-difference, #slider-application {position: absolute; left: 13px; width: 790px; height: 275px;} #slider-about{background: transparent url(images/slide/slide-about-bg.jpg) no-repeat top; z-index: 6;} #slider-about ul{margin-top: 18px;} .slide-text{ position: absolute; top: 30px; left: 20px; font-family: Arial; font-size: 14px; width: 350px; z-index: 1; font-weight:bold} .slide-text a{ color: #fff; text-decoration: none;} .slide-text ul li{ margin: 5px 0;} .slide-text ul{ list-style:none; margin:0;} .slide-image{ position: absolute; top: 0; right: 0;} .slide-image object{ display: inherit;} #slider-stat{background: transparent url(images/slide/marketing-head2.jpg) no-repeat top; z-index: 5;} #slider-highlight{ background: transparent url(images/slide/slide-bg.jpg) no-repeat top; z-index: 4;} #slider-commitment{ background: transparent url(images/slide/slide-commitment-bg.jpg) no-repeat top; z-index: 3;} #slider-difference{ background: transparent url(images/slide/slide-difference-bg.jpg) no-repeat top; z-index: 2;} #slider-application{ background: transparent url(images/slide/slide-application-bg.jpg) no-repeat top; z-index: 1;} #slider-highlight .slide-text{ width: 320px;} #slider-highlight .slide-text ul, #slider-commitment .slide-text ul, #slider-commitment .slide-text ul {list-style: none; padding-left: 20px;} #slider-highlight .slide-text ul li, #slider-commitment .slide-text ul li, #slider-difference .slide-text ul li {opacity: 0.7; list-style-image: url(images/head-bullet.png);} #slider-highlight .slide-text ul li:hover, #slider-commitment .slide-text ul li:hover, #slider-difference .slide-text ul li:hover {opacity: 1; list-style-image: url(images/head-bullet.png); /* deprecated list-style-image: url(images/head-bullet-hover.png); */} #slider-highlight .slide-text ul li a, #slider-commitment .slide-text ul li a, #slider-difference .slide-text ul li a {text-decoration: underline;color: white;} #slider-highlight .slide-text ul li a:hover, #slider-commitment .slide-text ul li a:hover, #slider-difference .slide-text ul li a:hover {color: white;} /* deprecated #slider-difference ul li{ width: 340px;} #slider-commitment .slide-text ul{ margin: 15px 0;} .opasit{ opacity: 0.7;} #slider-commitment .transparant{ position: relative; top: 80px; left: 0; width: 365px; height: 138px; z-index: 1000; background: transparent url(images/slide/slide-commitment-transparant.png) repeat-x top;} */ #nav{ position: relative; top: 0; left: 0; background: transparent url(images/nav-bg.jpg) no-repeat top; width: 785px; height: 60px; margin: 0 auto;} #nav ul{ margin: 0; padding: 16px; list-style: none;} #nav ul li{ height: 24px; font-size: 0; float: left; margin: 2px 16px;} #nav ul li a{ height: 24px; display: block; text-decoration: none;} .navabout{background: transparent url(images/nav-about.jpg) no-repeat top;width: 85px;} .navstat{background: transparent url(images/nav-market.jpg) no-repeat top;width: 99px;} .navhighlight{background: transparent url(images/nav-media.jpg) no-repeat top;width: 55px;} .navcommitment{background: transparent url(images/nav-commitment.jpg) no-repeat top;width: 115px;} .navdifference{background: transparent url(images/nav-difference.jpg) no-repeat top;width: 98px;} .navapplication{background: transparent url(images/nav-application.jpg) no-repeat top;width: 109px;} .navabout:hover, .navabout.selected{background: transparent url(images/nav-about.jpg) no-repeat bottom;} .navstat:hover, .navstat.selected{background: transparent url(images/nav-market.jpg) no-repeat bottom;} .navhighlight:hover, .navhighlight.selected{background: transparent url(images/nav-media.jpg) no-repeat bottom;} .navcommitment:hover, .navcommitment.selected{background: transparent url(images/nav-commitment.jpg) no-repeat bottom;} .navdifference:hover, .navdifference.selected{background: transparent url(images/nav-difference.jpg) no-repeat bottom;} .navapplication:hover, .navapplication.selected{background: transparent url(images/nav-application.jpg) no-repeat bottom;} #center{ margin: 40px 40px 0;} .entry{ padding: 60px 50px 0 20px; font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 12px; line-height: 20px;} .entry ul{ list-style: url(images/bullet.png);} .entry h1{line-height: 28px;} .entry h2{ font-size: 18px; font-weight: bold;} .entry h2 a{color: #2c600c;} .entry h2 a:hover{color: #4c9023;} .entry p{ margin:15px 0px; text-indent: 0px;} .entry p a{color: #2c600c;} .entry p a:hover{color: #4c9023;} .entry .left{ float: left; width: 525px; margin: 0 15px;} .entry .pict{ float: left; margin-right: 13px; width: 80px; height: 80px; background: transparent url(images/testipict-bg.png) no-repeat top left; padding: 7px;} .entry .right{ float: right; width: 400px; margin: 0 15px;} .testimonial{ /* deprecated background: transparent url(images/testimonial_title.png) no-repeat center top; */ padding: 50px 0;} .testimonial .right{ float: right; width: 340px; margin: 18px 15px 0px 0px;} .testimonial p{ width: 350px; float: left; text-align: left; margin: 0; line-height: 18px;} .testimonial p.bottom{ width: 480px;} /* page heading */ .about{background: transparent url(images/aboutus_title.png) no-repeat center top;} .marketing{background: transparent url(images/marketing_title.png) no-repeat center top;} .commitment{background: transparent url(images/commit_title.png) no-repeat center top;} .application{background: transparent url(images/appl_title.png) no-repeat center top;} .difference{background: transparent url(images/diff_title.png) no-repeat center top;} .highlight{background: transparent url(images/news_title.png) no-repeat center top;} .commitment{ padding: 50px 0px 0px;} #footer{ height: 47px; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #4c9023; margin: 30px 0px 20px; border-bottom: 1px solid; border-top: 1px solid;} #footer a{ text-decoration: none; color: #4c9023;} #footer a:hover{ text-decoration: underline;} #footer ul{ list-style: none; margin: 0; padding: 6px 0;} #footer ul li{ display: inline; margin: 0 15px;} .readmore {display:block; width: 98px; height: 21px; overflow: hidden; background: transparent url(images/readmore.png) no-repeat top center; margin: 30px 0px 0px 250px;} .readmore a { text-indent: 100px; width:98px; height: 21px; display: inherit; line-height: 25px;} #aboutus{ background: transparent url(images/aboutus_title.png) no-repeat center top; padding: 60px 0 0; font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 12px;} #aboutus h2{ font-size: 18px; font-weight: bold;} #aboutus p{ margin: 5px 40px;} #aboutus .pict{ border: 7px solid #8b8b8b; float: left; margin-right: 13px;} .inputtxt{ background-color: #E2EEC7; border: 1px solid #444444; color: #222222; height: 17px; width: 233px; padding: 6px; margin: 0 0 7px 0;} .inputarea{ background-color: #E2EEC7; border: 1px solid #444444; color: #222222; padding: 6px; margin: 0 0 7px 0; } .statistics p{ text-align: center; padding: 60px 20px;} .license-program{ width: 322px; height: 91px; background: transparent url(images/license-program.jpg) no-repeat top; display: block; margin: 5px;} .license-program:hover{ background: transparent url(images/license-programhov.jpg) no-repeat top;} .start-marketing{ width: 322px; height: 91px; background: transparent url(images/start-marketing.jpg) no-repeat top; display: block; margin: 5px;} .start-marketing:hover{ background: transparent url(images/start-marketinghov.jpg) no-repeat top;} .market-all {display:block;height:275px;margin:10px auto;padding-left:50px;width:800px;} .marketing-badge {width:362px;height: 91px;display: block;margin: 10px;float: left;} .m1 { background: transparent url(images/badge_1.png) no-repeat top center; } .m2 {background: transparent url(images/badge_2.png) no-repeat top center; } .m3 {background: transparent url(images/badge_3.png) no-repeat top center; } .m4 {background: transparent url(images/badge_4.png) no-repeat top center; } .m5 {background: transparent url(images/badge_5.png) no-repeat top center; } .m6 {background: transparent url(images/badge_6.png) no-repeat top center; } .m1:hover {background: transparent url(images/badge_1.png) no-repeat bottom center; } .m2:hover {background: transparent url(images/badge_2.png) no-repeat bottom center; } .m3:hover {background: transparent url(images/badge_3.png) no-repeat bottom center; } .m4:hover {background: transparent url(images/badge_4.png) no-repeat bottom center; } .m5:hover {background: transparent url(images/badge_5.png) no-repeat bottom center; } .m6:hover {background: transparent url(images/badge_6.png) no-repeat bottom center; } .market-res {display:block;height:330px;margin:10px auto;padding-left:50px;width:800px;} .marketing-xbadge {width:362px;height: 91px;display: block;margin: 10px;float: left;} .marketing-xbadge2 {width:744px;height: 88px;display: block;margin: 10px;float: left;} .xm1 {background: transparent url(images/xbadge_1.png) no-repeat top center;} .xm2 {background: transparent url(images/xbadge_2.png) no-repeat top center;} .xm3 {background: transparent url(images/xbadge_3.png) no-repeat top center;} .xm4 {background: transparent url(images/xbadge_4.png) no-repeat top center;} .xm5 {background: transparent url(images/xbadge_5.png) no-repeat top center;} .xm6 {background: transparent url(images/xbadge_6.png) no-repeat top center;} .xm7 {background: transparent url(images/xxbadge.png) no-repeat top center; background-position: -16px -18px; } .xm1:hover {background: transparent url(images/xbadge_1.png) no-repeat bottom center;} .xm2:hover {background: transparent url(images/xbadge_2.png) no-repeat bottom center;} .xm3:hover {background: transparent url(images/xbadge_3.png) no-repeat bottom center;} .xm4:hover {background: transparent url(images/xbadge_4.png) no-repeat bottom center;} .xm5:hover {background: transparent url(images/xbadge_5.png) no-repeat bottom center;} .xm6:hover {background: transparent url(images/xbadge_6.png) no-repeat bottom center;} .xm7:hover {background: transparent url(images/xxbadge.png) no-repeat bottom center; background-position: -16px -114px;} .aname {color: #024a92;margin: 25px 0px 15px 0px;} .gp {color: #024a92; font-weight: bold} .gp-login{ background: transparent url(images/login-form/lightbox-bg.png) no-repeat top left; width: 440px; height: 247px; margin: 0 auto; text-align: center;} .gp-login img{ margin: 20px 0;} .login-button{ background: transparent url(images/login-form/lightbox-button.jpg) no-repeat top left; width: 342px; height: 45px; margin: 10px auto; display: block;} .login-button:hover{ background: transparent url(images/login-form/lightbox-button-hover.jpg) no-repeat top left;} /* front page badges */ .tut-badges {display: block;width: 160px;height: 146px;float: left; margin: 0px 2px 0px 13px;} .fb-badges {background: transparent url(images/frontb_fb.png) no-repeat top center;} .fb-badges:hover {background: transparent url(images/frontb_fb.png) no-repeat bottom center;} .twit-badges {background: transparent url(images/frontb_twit.png) no-repeat top center;} .twit-badges:hover {background: transparent url(images/frontb_twit.png) no-repeat bottom center;} .market-badges {background: transparent url(images/badges_market.png) no-repeat top center;} .market-badges:hover {background: transparent url(images/badges_market.png) no-repeat bottom center;} .license-badges {background: transparent url(images/badges_license.png) no-repeat top center;} .license-badges:hover {background: transparent url(images/badges_license.png) no-repeat bottom center;} .tut-badges2 {display: block;width: 332px;height: 85px;float: left;margin: 3px 0 4px 0;} .blu-badges {background: transparent url(images/frontb_blue.png) no-repeat top center;} .blu-badges:hover {background: transparent url(images/frontb_blue.png) no-repeat bottom center;} .frontb-b1 {background: transparent url(images/frontb_b1.png) no-repeat top center;} .frontb-b1:hover {background: transparent url(images/frontb_b1.png) no-repeat bottom center;} .frontb-b2 {background: transparent url(images/frontb_b2.png) no-repeat top center;} .frontb-b2:hover {background: transparent url(images/frontb_b2.png) no-repeat bottom center;} .frontb-b3 {background: transparent url(images/frontb_b3.png) no-repeat top center;} .frontb-b3:hover {background: transparent url(images/frontb_b3.png) no-repeat bottom center;} #frontb-form{ background: transparent url(images/form.png) no-repeat top center; width: 332px; height: 292px; display: block; font-family: Arial; font-size: 14px; font-weight: bold; text-align: right; color: #fff; margin-bottom: 4px; } #form-atfront{ position: relative; width: 250px; height: 145px; top: 130px; left: 40px; } #form-atfront input{ border: none; } #form-atfront .textinput{ background: transparent url(images/frontform-input.png) no-repeat top center; width: 144px; height: 19px; padding: 4px 5px; font-size: 12px; } #form-atfront .button{ background: transparent url(images/frontform-button.png) no-repeat top center; width: 77px; height: 28px; margin: 5px 0; cursor: pointer; } /* difference slides */ .diff { height: 23px; width: 346px; display: block; overflow: hidden;} .diff a{ height: 23px; width: 346px; display: block; text-indent: 9999px; line-height: 50px; overflow: hidden;} .d1 {background: transparent url(images/diff_bullet1.png) no-repeat center bottom;} .d1:hover {background: transparent url(images/diff_bullet1.png) no-repeat center top;} .d2 {background: transparent url(images/diff_bullet2.png) no-repeat center bottom;} .d2:hover {background: transparent url(images/diff_bullet2.png) no-repeat center top;} .d3 {background: transparent url(images/diff_bullet3.png) no-repeat center bottom;} .d3:hover {background: transparent url(images/diff_bullet3.png) no-repeat center top;} .d4 {background: transparent url(images/diff_bullet4.png) no-repeat center bottom;} .d4:hover {background: transparent url(images/diff_bullet4.png) no-repeat center top;} .d5 {background: transparent url(images/diff_bullet5.png) no-repeat center bottom;} .d5:hover {background: transparent url(images/diff_bullet5.png) no-repeat center top;} /* application slides */ .appl { height: 23px; width: 167px; display: block; overflow: hidden;} .appl a{ height: 23px; width: 167px; display: block; text-indent: 9999px; line-height: 50px; overflow: hidden;} .a1 {background: transparent url(images/appl_bullet1.png) no-repeat center bottom;} .a1:hover {background: transparent url(images/appl_bullet1.png) no-repeat center top;} .a2 {background: transparent url(images/appl_bullet2.png) no-repeat center bottom;} .a2:hover {background: transparent url(images/appl_bullet2.png) no-repeat center top;} .a3 {background: transparent url(images/appl_bullet3.png) no-repeat center bottom;} .a3:hover {background: transparent url(images/appl_bullet3.png) no-repeat center top;} .a4 {background: transparent url(images/appl_bullet4.png) no-repeat center bottom;} .a4:hover {background: transparent url(images/appl_bullet4.png) no-repeat center top;} .a5 {background: transparent url(images/appl_bullet5.png) no-repeat center bottom;} .a5:hover {background: transparent url(images/appl_bullet5.png) no-repeat center top;} /*new slide navigation*/ #slidenav{ width: 185px; float: right; display: block; margin: 10px; display: inline-block; list-style: none; text-align: left;} #slidenav li{ display: inline-block; margin: 10px; opacity: 0.8;} #slidenav li:hover {opacity: 1;} #slidenav .home {background: transparent url(images/ico_home.png) top left no-repeat;} #slidenav .contact {background: transparent url(images/ico_email.png) top left no-repeat;} #slidenav a, #slidenav a:hover {padding-left: 30px; width: 30px; height: 24px; color:white; font-size: 12px; font-weight: bold; font-family: inherit; display: inline-block} #backsingle{ color: #2C600C;} #backsingle:hover{ color: #4c9023;} .headline{ padding-left: 15px; background: transparent url(images/head-bullet.png) no-repeat top left; margin: 5px 0;} .headline:hover{ background: transparent url(images/head-bullet-hover.png) no-repeat top left;} .bryanbuckhave { display:block; width: 502px; height: 296px; background: transparent url(images/bb1.jpg) no-repeat top center; margin: 5px 5px 15px ; } .bryanbuckhave a { top: 175px ; left: 243px; display: block; width: 219px; height: 91px; background: transparent; position: relative; } .bryanbuckhave a:hover{ background: transparent url(images/bb1.jpg) no-repeat bottom right; }