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,
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-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit; 
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	/*reset body line height*/
	line-height: 1.5em;
	/* reset font color */
	color: #4D4D4D;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*UNIVERSAL STYLES*****************************************************/

body {font-size:62.5%;font-family:Georgia, serif;}
#wrapper {width:941px;margin:0 auto;font-size:1.1em;} 
h1 {background:url('../images/logo.gif') no-repeat top left;width:177px;height:61px;text-indent:-9999px;cursor:pointer;margin:0px 0px 0px 57px;}
h2 {font: 2em Verdana, sans-serif;color:#fff;letter-spacing:2px;float:left;}
.mainContent h2 {font-size:1.6em;color:#000;padding:14px 0px 14px 57px;margin:39px 0px 33px -57px;background:#D6DE23 url("../images/header_corner.gif") no-repeat top left;width:100%;}
h3 {font: 1.6em Verdana, sans-serif;color:#000;padding:0px 0px 13px 0px;letter-spacing:1px;}
h4 {font: 1.4em Georgia, serif;color:#000;padding:0px 0px 10px 0px;} 

p {padding:0px 0px 12px 0px;}
strong {font-weight:bold;}

.marked {padding:0px 12px 0px 12px;border-right:1px solid #4d4d4d;}
.marked:last-child {border:0;padding:0px 0px 0px 12px;}
.small {font-size:0.9em;}

.clear {clear:both;}
.clearRight {clear:right;}
.clearLeft {clear:left;}

.wide {margin:0px 0px 0px -57px;}

.group {content:".";display:block;height:0;clear:both;visibility:hidden;}

/*links*/
a {color:#37B34A; text-decoration:none;}
a:hover {color:#4D4D4D;text-decoration:underline;}

h3 a {color:#000;}
h3 a:hover {color:#37B34A; text-decoration:none;}

#header a, .footer .footerInner a {color: #4D4D4D}
#header a:hover, .footer .footerInner a:hover {color:#37B34A;text-decoration:none;}

a.secondary {font:1.7em Verdana,sans-serif; letter-spacing:2px; text-decoration:none;}

/*header*/
#header {height:83px;padding:84px 0px 0px 0px;} 
#header .logo {float:left;}
#header .contactInfo {float:right;padding:49px 70px 0px 0px;font:1.02em Verdana, sans-serif;}
#header .contactInfo p, #header .contactInfo a {display:inline;}

/*footer*/
.footer {width:568px;padding:27px 0px 100px 57px;}
.footer .footerInner {float:right;}

/*sidebar*/
.sidebar {float:right;width:139px;padding:10px 47px 40px 32px;margin:40px 70px 0px 0px;background:#ebebeb url('../images/sb_corner.gif') no-repeat top left;} 
body.page #wrapper .quickLinks, 
body.error404 #wrapper .quickLinks,
body.category #wrapper .posts,
body.single #wrapper .quickLinks {margin:-320px 70px 0px 0px;}
body.page-template-contactus-php #wrapper .sidebar {margin:-368px 70px 0px 0px;}

.sidebar li {padding:0px 0px 13px 0px;width:155px;font-size:1.2em;}
.sidebar li a {display:block;padding:0px 0px 5px 0px;} 

/*main content*/ 
ul.anchors {display:block;float:right;margin:-40px 0px 0px 0px;}
ul.anchors li {display:inline;}
.mainContent {width:583px;padding:48px 0px 0px 57px;float:left;}

/*HOME PAGE*****************************************************/

.banner {position:relative;height:315px;}
.banner img {position:absolute;}
.banner .bannerContent {position:relative;z-index:1000;padding:69px 0px 0px 0px;}

.banner .bannerContent a.greenRoofCta {text-indent:-9999px;background:url(../images/greenRoofCta.png) no-repeat top left;width:310px;height:110px;display:block;float:right;margin-bottom:14px;}
.banner .bannerContent a.livingWallCta {text-indent:-9999px;background:url(../images/livingWallCta.png) no-repeat top left;width:310px;height:110px;display:block;float:right;}

.banner .bannerContent p.tagline{font: 2em Verdana, sans-serif;color:#fff;letter-spacing:2px;margin:0 0 0 57px;float:left;}
.banner .bannerContent p.tagline span{font-size:1.5em; display:block;}
.banner .bannerContent p.tagline a.more {font-size:.75em; margin:-20px 20px 0 0; letter-spacing: 0; float: right; color: #cae438; }


.test {margin:0px 70px 0px 0px;}

/*PRODUCT PAGE*****************************************************/ 

ul.options li {margin:0px 0px 12px 0px;}
ul.options li a {font-size:1.3em;}

.contentBanner {position:relative;width:640px;}
.contentBanner img.arrow_img {margin:0px 8px -3px 0px;}
.contentBannerCopy {position:absolute;top:0;left:0;padding:27px 0px 0px 0px;}
.contentBannerCopy h2 {padding:0px 0px 0px 57px;}
.contentBannerCopy a {margin:0px 0px 0px 180px; padding:2px 0px 0px 22px; color:#fff; display: inline-block;}

.benefits ol.column1 {float:left;padding:0px 0px 0px 7px;}
.benefits ol.column2 {float:right;}
.benefits ol li p {width:201px;padding:0px 0px 0px 76px;}
.benefits ol li {width:295px;position:relative;margin:0px 0px 21px 0px;}
.benefits ol li img {float:left;margin:0px 12px 0px 0px;}

select#dropdown {border:1px solid #D6DE23;font-size:1em;padding:5px;}
#questions {width:540px;}
label.faq {float:left;padding:0px 12px 0px 0px;font:1.6em Verdana, sans-serif;color:#000;}
#answers {padding:21px 0px 0px 0px;}
.answer{width:544px;min-height:200px;height:auto !important;height:200px;float:left;padding:5px 0px 0px 0px;}

/*CONTACT US PAGE*****************************************************/

.headOffice p, .secondaryOffices p {padding:0;}
.headOffice {float:left;}
.headOffice .adr {padding:0px 0px 16px 0px;}

ul.emailContact {float:right;padding:0px 42px 0px 0px;zoom:1;}  
ul.emailContact li {padding:0px 0px 6px 0px;}
ul.emailContact a {display:block;}

.office {width:165px;}    
.secondaryOffices {padding:15px 0px 0px 0px;}
.secondaryOffices .office {padding:20px 24px 0px 0px;}
.secondaryOffices .officeGroup {float:left;}

/* OVERLAY ****************/

#overlay { width: 700px; height: 490px; border: 1px solid #333; background-color: #fff;overflow:hidden;}
#overlayHeading { width: 100%; background-color:#636363; padding: 5px 0px 8px;color:#fff; clear: both; }
#overlayContentWrapper { width: 100%; height: 401px; padding:20px 0px 0px 0px;}
#overlayContent { width: 260px; height:379px; padding:0px 20px 10px 20px; font-size:1.1em; line-height: 1.5em; text-align: left; }
#slideshow { width:380px; padding:0px 0px 5px; float: right; text-align: left; }
#slideshow img { max-width: 370px; max-height: 355px; }
#overlayPostSelect { width: 660px; height: 22px; background-color:#636363; padding: 5px 20px; color:#fff; text-align: left; clear: both; }
#nav {float:right;margin-top:-30px;text-align:left;width:381px;}
#centeringDiv {text-align:center;}