body {color: #001e00; background: #000 url(../images/bg-body.png) repeat-x;}
/* #loading {background: #FFF url(../images/loading.gif) no-repeat center center; width: 100%; height: 100%; position: absolute; z-index: 99999; opacity: .8; -moz-opacity: .8; filter: alpha(opacity=80);} */
#wrap {background: url(../images/bg-wrap.png) no-repeat; width: 975px; min-height: 1000px; margin: 0 auto; position: relative; font-size: 1em;}
#overlayLoad {background: #fff; width: 100%; position: absolute; top: 0; left: 0; z-index: 99999; opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40);}
#signUp {background: url(../images/bg-home-newsletter.png) no-repeat; width: 568px; height: 652px; z-index: 99999;}
#signUp h3 {background: url(../images/bg-home-newsletter-title.png) no-repeat; width: 297px; height: 58px; margin: 36px 0 0 130px; text-indent: -9999px; outline: none;}
#signUp p {margin: 10px 43px; font-size: 12px;}
#signUp .closeSignUp {background: url(../images/bg-home-popUp-close.png) no-repeat; width: 47px; height: 49px; margin: 0; position: absolute; top: -10px; right: -10px; cursor: pointer; text-indent: -9999px; outline: none;}
#signUp form {margin: 50px 0 0 93px;}
#signUp form fieldset label {color: #444; background: #DDD; width: 125px; margin: 0 5px 0 0; padding: 5px 10px 5px 5px; display: block; text-align: right; font-size: 12px; text-transform: uppercase; float: left; clear: left; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
#signUp form fieldset input {color: #EEE; background: #444; width: 200px; padding: 5px 5px 5px 10px; margin: 0 5px 7px 0; border: none; -border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
#signUp form fieldset input:focus {background: #333;}
#signUp form input#sendbutton {color: #FFF; background: #F16B00; width: auto; margin: 10px 0 0 0; padding: 5px; position: relative; left: 155px; border: 1px solid #FFF; text-transform: uppercase; cursor: pointer; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: 0.2em 0.2em 1.2em #999; -moz-box-shadow: 0.2em 0.2em 1.2em #999; -webkit-box-shadow: 0.2em 0.2em 1.2em #999;}
#signUp form input#sendbutton:hover {background: #D49553;}
  
                    /************************************************** CONTENT ********************************************/
                    
#content {position: relative; height: auto;}/*see ie.css for fixes*/
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

                    /************************************************** MAIN *******************************************/
                    
#main {width: 975; position: relative;}/*see ie.css for fixes*/
#main p {margin: 0 0 15px 0;}
#main ul {margin: 0 0 15px 15px;}
#main ul li {margin: 0 0 5px 0;}
  /* Divisions */  
#main h1.title {height: 33px; margin: 0 0 35px 0; position: absolute; top: 15px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); text-indent: -9999px; outline: none;}
#main img.logo {margin: 0 0 0 350px; position: absolute; top: 70px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
#main h2 a {width: 195px; height: 208px; display: block; position: absolute; text-indent: -9999px; outline: none;}
#main h2 a:hover {background-position: 0 -208px;}
#main .popUp {color: #333; background: url(../images/bg-home-popUp.png) no-repeat 0 100%; width: 302px; padding: 0 0 90px 0; position: absolute; top: 70px; left: 337px; font-size: 12px; z-index: 99999; display: none; /* will display with js */}
#main .popUp .popUpContent {background: url(../images/bg-home-popUpContent.png) no-repeat 0 42px; width: 302px; position: relative;}
#main .popUp .popUpContent a {color: #758e80;}
#main .popUp .popUpContent a:hover {color: #5e7468;}
#main .popUp p {margin: 15px 33px;}
#main .popUp p.close {background: url(../images/bg-home-popUp-stay.png) no-repeat; width: 192px; height: 27px; margin: 0 0 15px 55px; cursor: pointer; text-indent: -9999px; outline: none;}
#main .greenGuysPopUp p.close {background: url(../images/bg-home-popUp-close.png) no-repeat; width: 47px; height: 49px; margin: 0; position: absolute; top: -10px; right: -10px; cursor: pointer; text-indent: -9999px; outline: none;}
#main .popUp .popUpContent p.continue {margin: 30px 0 5px 55px;}
#main .landscapingPopUp .popUpContent p.continue a {background: url(../images/bg-home-popUp-continue-landscaping.png) no-repeat; width: 192px; height: 27px; display: block; text-indent: -9999px; outline: none;}
#main .constructionPopUp .popUpContent p.continue a {background: url(../images/bg-home-popUp-continue-construction.png) no-repeat; width: 192px; height: 27px; display: block; text-indent: -9999px; outline: none;}
#main .maintenancePopUp .popUpContent p.continue a {background: url(../images/bg-home-popUp-continue-maintenance.png) no-repeat; width: 192px; height: 27px; display: block; text-indent: -9999px; outline: none;}
#main .snowRemovalPopUp .popUpContent p.continue a {background: url(../images/bg-home-popUp-continue-snowRemoval.png) no-repeat; width: 192px; height: 27px; display: block; text-indent: -9999px; outline: none;}
#main .diyPopUp .popUpContent p.continue a {background: url(../images/bg-home-popUp-continue-diy.png) no-repeat; width: 192px; height: 27px; display: block; text-indent: -9999px; outline: none;}
#main .popUp .popUpContent h3 {width: 302px; height: 42px; text-indent: -9999px; outline: none;}
#main .popUp .popUpContent ul {margin: 0 33px 15px 33px;}
#main .popUp .popUpContent ul li {background: url(../images/bg-home-popUpContent-bullet.png) no-repeat 0 8px; margin: 0; padding: 0 0 0 10px; list-style: none;}
    /** Green Guys **/
#main h1.greenGuys {background: url(../images/bg-home-title-greenGuys.png) no-repeat; width: 275px; margin-left: 350px; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
#main img.greenGuysLogo {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); z-index: 9999;}
#main .greenGuysPopUp .popUpContent h3 {background: url(../images/bg-home-popUpContent-greenGuys-title.png) no-repeat;}
    /** Landscaping **/
#main h1.landscaping {background: url(../images/bg-home-title-landscaping.png) no-repeat; width: 609px; margin-left: 180px;}
#main h2.landscapingPopUpLink a {background-image: url(../images/bg-home-divisions-landscaping.png); top: 90px; left: 145px;}
#main .landscapingPopUp .popUpContent h3 {background: url(../images/bg-home-popUpContent-landscaping-title.png) no-repeat;}
    /** Construction **/
#main h1.construction {background: url(../images/bg-home-title-construction.png) no-repeat; width: 653px; margin-left: 160px;}
#main h2.constructionPopUpLink a {background-image: url(../images/bg-home-divisions-construction.png); top: 300px; left: 210px;}
#main .constructionPopUp .popUpContent h3 {background: url(../images/bg-home-popUpContent-construction-title.png) no-repeat;}
    /** Maintenance **/
#main h1.maintenance {background: url(../images/bg-home-title-maintenance.png) no-repeat; width: 618px; margin-left: 180px;}
#main h2.maintenancePopUpLink a {background-image: url(../images/bg-home-divisions-maintenance.png); top: 355px; left: 390px;}
#main .maintenancePopUp .popUpContent h3 {background: url(../images/bg-home-popUpContent-maintenance-title.png) no-repeat;}
    /** Snow Removal **/
#main h1.snowRemoval {background: url(../images/bg-home-title-snowRemoval.png) no-repeat; width: 656px; margin-left: 165px;}
#main h2.snowRemovalPopUpLink a {background-image: url(../images/bg-home-divisions-snowRemoval.png); top: 285px; left: 570px;}
#main .snowRemovalPopUp .popUpContent h3 {background: url(../images/bg-home-popUpContent-snowRemoval-title.png) no-repeat;}
    /** DIY **/
#main h1.diy {background: url(../images/bg-home-title-diy.png) no-repeat; width: 639px; margin-left: 175px;}
#main h2.diyPopUpLink a {background-image: url(../images/bg-home-divisions-doItYourself.png); top: 90px; left: 640px;}
#main .diyPopUp .popUpContent h3 {background: url(../images/bg-home-popUpContent-diy-title.png) no-repeat;}
  /* SECONDARY NAV */
ul#secondaryNav {position: absolute; left: -13px; top: 20px; font-size: 16px; font-family: "league", "Lucida Grande";}
ul#secondaryNav li {width: 45px; margin: 0 0 5px 0; list-style: none; display: block; position: relative;}
ul#secondaryNav li a {width: 45px; color: #FFF; margin: 0; padding: 0; display: block; position: relative; text-indent: -9999px; outline: none;}
ul#secondaryNav li.aboutUs a {background: url(../images/bg-home-secondaryNav-about_us.png) no-repeat; height: 51px;}
ul#secondaryNav li.contactUs a {background: url(../images/bg-home-secondaryNav-contact_us.png) no-repeat; height: 59px;}
ul#secondaryNav li.testimonials a {background: url(../images/bg-home-secondaryNav-testimonials.png) no-repeat; height: 100px;}
ul#secondaryNav li.designServices a {background: url(../images/bg-home-secondaryNav-design_services.png) no-repeat; height: 82px;}
ul#secondaryNav li.newsletter a {background: url(../images/bg-home-secondaryNav-newsletter.png) no-repeat; height: 112px;}
ul#secondaryNav li.onlineBilling a {background: url(../images/bg-home-secondaryNav-bill.png) no-repeat; height: 74px;}
ul#secondaryNav li.blog a {background: url(../images/bg-home-secondaryNav-blog.png) no-repeat; height: 32px;}
  /* Search */
#searchWrap {position: absolute; top: 600px; left: 360px;}
form#cse-search-box {background: url(../images/bg-search.png) no-repeat; width: 270px; height: 30px; position: relative;}
form#cse-search-box input#text {color: #555; background: transparent; width: 225px; margin: 4px 0 0 15px; padding: 5px 0; border: none;}
form#cse-search-box input#submit {background: url(../images/bg-header-search-button-maintenance.png) no-repeat; width: 23px; height: 23px; position: absolute; right: 6px; top: 4px; border: none; text-indent: -9999px; outline: none; cursor: pointer;}
  /* BUCKETS */
.bucket {color: #777; background: #333; width: 460px; margin: 0 0 15px 0; padding: 10px; position: relative; top: 670px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; float: left;}
.bucket:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
.bucket h4 {color: #666; background: url(../images/bg-home-bucket-inactive.gif) no-repeat; padding: 0 0 0 40px; font-size: 18px; font-weight: normal; text-transform: uppercase; cursor: pointer;}
.bucket h4.inactive {background: url(../images/bg-home-bucket-inactive.gif) no-repeat;}
.bucket h4.active {background: url(../images/bg-home-bucket-active.gif) no-repeat;}
.bucket p.subscribe {position: absolute; top: 10px; right: 15px;}
.bucket p.subscribe a {color: #777; background: url(../images/bg-rss_icon.gif) no-repeat 100% 0; height: 16px; padding: 5px 30px 0 0; display: block; font-size: 11px; text-transform: uppercase;}
.bucket p.viewMore {position: absolute; top: 16px; right: 15px;}
.bucket p.viewMore a {color: #777; background: url(../images/bg-viewMore.gif) no-repeat 100% 1px; height: 16px; padding: 0 20px 0 0; display: block; font-size: 11px; text-transform: uppercase;}
.bucket .toggle {margin: 10px 0 0 0;}
    /** POSTS **/
.recentNews {margin: 0 15px 15px 0;}
.bucket .post {padding: 0 0 25px 0;}
.bucket .post h2 {margin: 0 0 4px 0;}
.bucket .post h2 a {color: #777; font-size: 16px; font-weight: normal;}
.bucket .post h2 a:hover {color: #BBB;}
.bucket .post span.entry-date {color: #777; background: #282727; padding: 3px 7px; margin: 0 0 10px 0; position: relative; top: 2px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.bucket .post .post-content {margin: 5px 0 15px 0;}
.bucket .post p {margin-top: 15px; font-size: 12px; clear: both;}
.bucket .post .more-link {width: 88px; position: relative; top: 10px; left: 320px;}
.bucket .post .more-link a {color: #FFF; background: #B11D07 url(../images/bg-send_button.png) repeat-x; width: auto; padding: 2px 5px; display: block; left: 0; border: 1px solid #B11D07; font-size: 12px; text-transform: uppercase; text-align: center;}
.bucket .post .more-link a:hover {background: #B11D07 url(../images/bg-send_button-hover.png);}
    /** FEATURED PROJECT **/
.bucket .pics {margin: 0 0 5px 20px;}
.bucket p.caption {margin: 5px 0 0 20px; font-size: 12px;}

            /************************************************** FOOTER **************************************************/
            
#footer {color: #999; background: #333; width: 955px; margin: 0 auto; padding: 10px; position: relative; top: 670px; clear: both; border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px;}
#footer:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#footer .section {width: 140px; margin: 0 0 0 50px; float: left;}
#footer .section h3 {color: #777; margin: 0 0 15px 0; font-family: Trebuchet MS, Lucida Grande, Verdana, sans-serif; font-size: 18px; font-weight: normal;}
#footer .section ul {color: #666; margin: 0; font-size: 12px;}
#footer .section ul li {background: url(../images/bg-footer-bullet.gif) no-repeat 0 9px; margin: 0 0 5px 0; padding: 0 0 0 10px; list-style: none;}
#footer .section ul li a {color: #666;}
#footer .section ul li a:hover {color: #EEE;}