/* ========== */
/* == base == */
/* ========== */

body, html { background: #fff; border: 0; margin: 0; padding: 0; }
.green { color: #75ac00; }




/* ============= */
/* == top bar == */
/* ============= */

#top-bar-container { border: none; display: block; margin: 0 auto; padding: 0; overflow: hidden; width: 1168px; height: 124px; }
#top-bar-container .logo { background: url(../../_images/global/gh-logo.jpg) no-repeat 0 0; float: left; margin: 0; padding: 0; width: 332px; height: 124px; }
#top-bar-container .slogan { color: #999; float: left; font: normal 15px Arial; line-height: 19px; margin: 0px 196px 0px 0px; padding: 41px 0px 0px 16px; width: 195px; height: 124px; }
#top-bar-container .livechat-image { background: url(../../_images/global/headset.jpg) no-repeat 0 0; float: left; margin: 0; padding: 0; width: 53px; height: 124px;  }
#top-bar-container .livechat { color: #818181; float: left; font: normal 19px Arial; letter-spacing: 1px; line-height: 19px; margin: 0; padding: 41px 0px 0px 0px; text-align: center; width: 135px; height: 124px; }
.livechat-text-link { color: #75ac00; font: bold 20px Arial; line-height: 20px; text-decoration: none; width: 109px; }
#top-bar-container .divider { background: url(../../_images/global/divider.gif) no-repeat 0 0; float: left; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 20px; width: 1px; height: 124px; }
#top-bar-container .contact { color: #818181; float: left; font: normal 19px Arial; letter-spacing: 1px; line-height: 19px; margin: 0; padding: 30px 0px 0px 0px; text-align: center; width: 210px; height: 124px; }
.contact-number { color: #75ac00; font: bold 27px Arial; line-height: 28px; }
.contact-hours { font: normal 12px Arial; line-height: 12px; position: relative; top: -5px; }




/* ================ */
/* == global nav == */
/* ================ */

#global-nav-container { background: url(../../_images/global/global-nav-bg.gif) repeat-x 0 0; border: none; margin: 0; padding: 0; width: 100%; height: 51px; }
#global-nav { background: url(../../_images/global/global-nav.jpg) no-repeat 0 0; margin: 0 auto; padding: 0; width: 1168px ; height: 51px; }
#global-nav .home { border: none; cursor: pointer; float: left; margin: 0; padding: 0; width: 52px; height: 51px; }
#global-nav .home-builders { color: #666; cursor: pointer; float: left; font: normal 13px Arial; margin: 0px 0px 0px 1px; padding: 18px 0px 0px 0px; text-align: center; width: 220px; height: 51px; }
#global-nav .commercial-builders { color: #666; cursor: pointer; float: left; font: normal 13px Arial; margin: 0px 0px 0px 1px; padding: 18px 0px 0px 0px; text-align: center; width: 158px; height: 51px; }
#global-nav .leed-recycling { color: #666; cursor: pointer; float: left; font: normal 13px Arial; margin: 0px 0px 0px 1px; padding: 18px 0px 0px 0px; text-align: center; width: 124px; height: 51px; }
#global-nav .facilities { color: #666; cursor: pointer; float: left; font: normal 13px Arial; margin: 0px 0px 0px 1px; padding: 18px 0px 0px 0px; text-align: center; width: 283px; height: 51px; }
#global-nav .news { color: #666; cursor: pointer; float: left; font: normal 13px Arial; margin: 0px 0px 0px 1px; padding: 18px 0px 0px 0px; text-align: center; width: 104px; height: 51px; }
#global-nav .my-greenhalo { background: url(../../_images/global/button-my-gh.png) no-repeat 0 0; color: #fff; cursor: pointer; float: left; margin: 0; padding: 12px 0px 0px 0px; text-align: center; width: 222px; height: 51px; }
.nav-link { color: #666; text-decoration: none; }
.nav-link:hover { color: #666; text-decoration: none; }
.nav-link:visited { color: #666; text-decoration: none; }
.nav-link:active { color: #666; text-decoration: none; }
.my-greenhalo-big-text { font: bold 18px Arial; line-height: 18px; position: relative; top: 0; left: 20px; }
.my-greenhalo-small-text { font: bold 8px Arial; line-height: 8px; position: relative; top: -6px; left: 20px; }
.green-halo-link { color: #fff; text-decoration: none; }
.green-halo-link:hover { color: #fff; text-decoration: none; }
.green-halo-link:visited { color: #fff; text-decoration: none; }
.green-halo-link:active { color: #fff; text-decoration: none; }




/* ========== */
/* == hero == */
/* ========== */

#hero-container { border: none; margin: 0; padding: 0; width: 100%; height: 503px; }
#hero-home-builders { background: url(../../_images/hero/hero-home-builders.jpg) no-repeat center center; border: none; margin: 0; padding: 0; width: 100%; height: 503px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#hero-commercial-builders { background: url(../../_images/hero/hero-commercial-builders.jpg) no-repeat center center; border: none; margin: 0; padding: 0; width: 100%; height: 503px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#hero-leed-recylcing { background: url(../../_images/hero/hero-leed-recycling.jpg) no-repeat center center; border: none; margin: 0; padding: 0; width: 100%; height: 503px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#hero-recylcing-facilities { background: url(../../_images/hero/hero-recycling-facilities.jpg) no-repeat center center; border: none; margin: 0; padding: 0; width: 100%; height: 503px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#hero-content { display: block; margin: 0 auto; padding: 100px 0px 0px 0px; position: relative; width: 1168px; height: 503px; z-index: 10; }
.hero-title { color: #333; float: right; font: normal 50px Arial; line-height: 50px; margin: 0; padding: 0; text-align: right; text-shadow: 1px 1px 1px rgba(255, 255, 255, .41); vertical-align: middle; }
.hero-sub-title { color: #444; float: right; font: normal 34px Arial; line-height: 38px; margin: 0; padding: 40px 0px 0px 0px; text-align: right; text-shadow: 1px 1px 1px rgba(255, 255, 255, .41); }




/* ============= */
/* == content == */
/* ============= */

#content-container { border: none; display: block; margin: 0 auto; padding: 0; width: 1168px; }

#content-container-left { float: left; margin: 0; padding: 0px 0px 0px 0px; width: 754px; height: 500px; }
#content-container-left .editorial { color: #777; font: normal 14px Arial; line-height: 21px; margin: 0; padding: 40px 45px 0px 0px; }
#content-container-left .turn-into-this { color: #75ac00; font: bold 17px Arial; line-height: 18px; margin: 0 auto; padding: 29px 0px 0px 0px; width: 411px; height: 180px; }
#content-container-left .info-section-header { color: #444; font: italic 33px Arial; line-height: 33px; margin: 0; padding: 48px 0px 0px 0px; }
#content-container-left .info-section-container { background: #dfdfdf; margin: 35px 0px 0px 0px; padding: 0; width: 727px; height: 398px; }
#content-container-left .info-section-container-left { background: #fff; float: left; margin: 0; padding: 0; width: 353px; height: 398px; }
#content-container-left .info-section-container-right { background: #fff; float: left; margin: 0px 0px 0px 1px; padding: 0; width: 373px; height: 398px; }
.turn-into-this-text { padding: 0px 190px 0px 20px; }
.info-section-mod { margin: 0; padding: 0; width: 353px; height: auto; }
.info-section-mod-image { float: left; margin: 0; padding: 0; width: 116px; }
.info-section-mod-text { color: #777; float: left; font: normal 14px Arial; line-height: 18px; margin: 0; padding: 0; width: 237px; }

#ad-container { display: block; margin: 30px 0px 0px 0px; padding: 0; width: 754px; height: 119px; }
#ad-container .free-live-support { background: url(../../_images/content/mod-free-live-support.jpg) no-repeat 0 0; color: #444; float: left; font: normal 13px Arial; line-height: 18px; margin: 0; padding: 0px 21px 0px 0px; width: 343px; height: 119px; }
#ad-container .mobile-access { background: url(../../_images/content/mod-mobile-access.jpg) no-repeat 0 0; color: #444; float: left; font: normal 13px Arial; line-height: 18px; margin: 0; padding: 0; width: 344px; height: 119px; }
.ad-container-title { color: #75ac00; font: bold 24px Arial; line-height: 25px; margin: 0; padding: 0; height: 25px; }

#content-container-right { float: left; margin: 0; padding: 0; width: 414px; height: 500px; }
#demo-form-container { background: url(../../_images/content/demo-form-bg.jpg) no-repeat 0 0; display: block; margin: 40px 0px 0px 0px; padding: 0; width: 414px; height: 557px; }
#demo-form-container .header-area { color: #fff; display: block; font: normal 13px Arial; line-height: 17px; margin: 0; padding: 0; width: 414px; height: 107px; }
#demo-form { display: block; margin: 0; padding: 0; width: 414px; height: 449px; }
#demo-form .left-form { color: #777; font: normal 12px Arial; float: left; line-height: 12px; margin: 0; padding: 0; text-align: right; width: 156px; height: 449px; }
#demo-form .right-form { color: #444; font: normal 12px Arial; line-height: 14px; float: left; margin: 0; padding: 0; width: 258px; height: 449px; }
#logos-container { display: block; margin: 40px 0px 0px 0px; padding: 0; width: 414px; height: 63px; }
.demo-form-header { font: bold 18px Arial; line-height: 19px; }




/* =============== */
/* == demo form == */
/* =============== */

input { background: none; border: none; color: #444; font: normal 12px Arial; line-height: 26px; margin: 0; outline: none; padding: 0; }
/*select { border: none; background: none; color: #444; font: normal 12px Arial; line-height: 14px; margin: 0; outline: none; padding: 0; }*/
textarea { border: none; background: none; color: #444; font: normal 12px Arial; line-height: 15px; margin: 0; outline: none; padding: 0; resize: none; }
.field-name { margin: 21px 0px 0px 7px; width: 215px; height: 26px; }
.field-company { margin: 10px 0px 0px 7px; width: 215px; height: 26px; }
.field-website { margin: 10px 0px 0px 7px; width: 215px; height: 26px; }
.field-email { margin: 10px 0px 0px 7px; width: 215px; height: 26px; }
.field-phone { margin: 10px 0px 0px 7px; width: 215px; height: 26px; }
.field-date { margin: 10px 0px 0px 30px; width: 192px; height: 26px; }
.field-time { margin: 10px 0px 0px 7px; width: 115px; height: 26px; }
/*.field-zone { background: none; float: right; margin: 17px 26px 0px 0px; outline: none; padding: 0px 0px 0px 6px; width: 62px; height: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	text-indent: 0.01px;
	text-overflow: ""; 
}*/
.styled-select-time { background: none; border: none; cursor: pointer; float: right; font: normal 12px Arial; line-height: 14px; margin: 15px 26px 0px 0px; overflow: hidden; outline: none; width: 62px; height: 16px; }
.styled-select-time select { background: none; border: none; cursor: pointer; font: normal 12px Arial; line-height: 14px; outline: none; padding: 0px 0px 0px 5px; width: 82px; height: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.styled-select-zone { background: none; border: none; cursor: pointer; font: normal 12px Arial; line-height: 14px; margin: 14px 26px 0px 0px; padding: 0px 0px 0px 5px; overflow: hidden; outline: none; width: 158px; height: 16px; }
.styled-select-zone select { background: none; border: none; cursor: pointer; font: normal 12px Arial; line-height: 14px; outline: none; padding: 0; width: 178px; height: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.field-comments { background: none; border: 0; margin: 15px 0px 0px 7px; padding: 4px; width: 222px; height: 57px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
 }
.field-submit { background: none; cursor: pointer; float: right; line-height: 1px; margin: 19px 20px 0px 0px; padding: 0; width: 132px; height: 32px; }




/* ================= */
/* == quick links == */
/* ================= */

#quick-links-container { background: #ececec; border: 0; display: block; margin: 0; padding: 0; width: 100%; height: 240px; }
#quick-links-header { color: #555; font: normal 19px Arial; line-height: 21px; margin: 0 auto; padding: 33px 0px 24px 0px; width: 1168px; height: 21px; }
#quick-links { background: #ccc; border: 0; display: block; margin: 0 auto; padding: 0; width: 1168px; height: 124px; }
#quick-links .box-1 { background: #ececec; float: left; margin: 0; padding: 0; width: 280px; height: 124px; }
#quick-links .box-2 { background: #ececec; float: left; margin: 0px 0px 0px 1px; padding: 0; width: 337px; height: 124px; }
#quick-links .box-3 { background: #ececec; float: left; margin: 0px 0px 0px 1px; padding: 0; width: 282px; height: 124px; }
#quick-links .box-4 { background: #ececec; float: left; margin: 0px 0px 0px 1px; padding: 0; width: 266px; height: 124px; }
.quick-links-link { border: none; color: #444; font: normal 14px Arial; line-height: 14px; margin: 0; padding: 0; height: 32px; }
.ql-link { color: #444; text-decoration: none; }
.ql-link:hover { color: #444; text-decoration: none; }
.ql-link:visited { color: #444; text-decoration: none; }
.ql-link:active { color: #444; text-decoration: none; }




/* ============ */
/* == footer == */
/* ============ */

#footer-container { display: block; margin: 0 auto; padding: 48px 0px 0px 0px; width: 1168px; height: 116px; }
#footer-container .left { color: #666; font: normal 13px Arial; float: left; line-height: 18px; margin: 0; padding: 0; width: 584px; height: 116px; }
#footer-container .right { float: left; margin: 0; padding: 0; width: 584px; height: 160px; text-align: right; height: 116px; }
.office { color: #555; font: bold 18px Arial; line-height: 19px; }
.copyright { color: #999; font: normal 12px Arial; line-height: 13px; position: relative; top: -6px; }
.social-icons { border: none; float: right; margin: 0; padding: 0px 0px 0px 6px; width: 36px; height: 36px; }