@charset "UTF-8";
body{
	width:1020px;
	margin:0 auto;
	background-color:#858353;
	background-image:url(http://greenroofsolutions.com/images/background_tile.jpg);
	background-repeat:repeat;
}
h1, h2, h3, h4{
	margin:0;
	padding:0;
}
#client{
	width:370px;
	height:20px;
	padding:5px 0 10px;
	margin:0 35px;	
	float:right;
}
#client ul{
	list-style:none;
	margin:0;
	padding:0;	
}
#client ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2c2a17;
	width:350px;
	font-weight:bold;
	margin:0;
	padding:0;
}
#client ul li img{
	padding:2px 5px 0 0;	
}
#container{
	width:920px;
	margin:0 50px;
	background-color:#858353;
	float:left;
	-moz-box-shadow: 0px 4px 9px #2c2a17;
	-webkit-box-shadow: 0px 4px 9px #2c2a17;
	box-shadow: 0px 4px 9px #2c2a17;
}
/* header */
#GRS_header{
	width:920px;
	height:115px;
	background-color:#858353;
}
#Green_roof_solutions{
	width:240px;
	height:80px;
	margin:15px 0 0 50px;
	float:left;
}
#Green_roof_solutions img{
	border:none;
}
#GRS_navigation{
	margin: 57px 0 0 30px;
    width: 600px;
	float:left;
}
#GRS_navigation ul{
	list-style:none;
	text-align:right;
	width:570px;
	margin:0;
	padding:0;
}
#GRS_navigation ul li{
	display:inline;
	padding:0 0 0 30px;
}
#GRS_navigation ul li a{
	color:#F1F1F1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
	text-decoration:none;
	text-shadow: 1px 2px 0px #2c2a17;
}
#GRS_navigation ul li a:hover{
	color:#292719;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	text-shadow:none;
}
/* slider */
#GRS_feature_slide{
	height:320px;
	width:920px;
	background-color:#4e4b2f;
	border-top:5px solid #292719;
}
#GRS_feature_slide img{
	border:none;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#292719;
	padding:10px 0 0 10px;
	margin:0;
	font-size:18px;
	font-weight:bold;
}
#wrapper{
	background-color:#4E4B2F;	
}
/* homepage content */
#content{
	float:left;
	height:100%;
	width:920px;
	border-top:5px solid #292719;
}
#GRS_featured{
	background-color:#4f4b2e;
	width:240px;
	min-height:100%;
	padding:20px 20px 100px;
	float:left;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#F1F1F1;
}
#GRS_featured p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#161213;
}
#GRS_featured a{
	font-family:Arial, Helvetica, sans-serif;
	color:#161213;
	font-size: 12px;
    text-decoration: none;
	font-weight:bold;
}
.featured{
	display:block;
	width:279px;
	float:left;
	margin:0;
	padding:15px 0 5px;
}
.featured img{
	border:1px solid #292719;
}
#GRS_column_middle a, #GRS_column_right a{
	font-family:Arial, Helvetica, sans-serif;
	color:#292719;
    font-size:12px;
    text-decoration:none;
	font-weight:bold;
}
#GRS_column_middle a:hover, #GRS_featured a:hover, #GRS_column_right a:hover{
	color:#98A349;
    text-decoration:none;
	font-weight:bold;
}
#GRS_column_middle{
	width:279px;
	float:left;
	padding:20px;
	border-right:1px dotted #292719;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#292719;
}
#GRS_column_middle p{
	color:#292719;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#GRS_column_right{
	width:280px;
	float:left;
	padding:20px;
}
#GRS_column_right p{
	color:#292719;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#GRS_subnav{
	width:920px;
	height:40px;
	background-color:#292719;
}
#GRS_subnav ul{
	list-style:none;
	padding:10px 0 0 25px;
	margin:0;
}
#GRS_subnav ul li{
	display:inline;
	padding:0 20px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#GRS_subnav ul li a{
	color:#F1F1F1;
	text-decoration:none;
	padding:4px 10px 0px 0px;
}
#GRS_subnav ul li a:hover{
	color:#4e4b2f;
	text-decoration:none;
}
#GRS_tertiary_nav{
	padding:0px 10px 15px 0px;
	width:220px;
	display:inline-block;
	margin:20px 0 0;
}
#GRS_tertiary_nav ul{
	width:240px;
	list-style:none;
	margin:0;
	padding:0;
	border-top:1px dotted #292719;
}
#GRS_tertiary_nav ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#GRS_tertiary_nav ul li a{
	border-bottom:1px dotted #292719;
	width:220px;
	height:15px;
	padding:9px 10px 7px;
	color:#292719;
	text-decoration:none;
	display:block;
}
#GRS_tertiary_nav ul li a:hover{
	width:220px;
	height:15px;
	padding:9px 10px 7px;
	color:#F1F1F1;
	text-decoration:none;
	background-color:#292719;
	display:block;
}
#active{
	background-color:#726F4C;
	font-weight:bold;
}
#back{
	background-color:#292719;
	height:19px;
	padding:5px 0 0;
}
#back a{
	font-size:10px;
	color:#F5F5F5;	
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 25px;
}
h1{
	color:#292719;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}
#main_left a:hover{
	color:#98A349;
	text-decoration:none;
	font-weight:bold;
}
#main_left{
	padding: 25px 25px 100px;
    width: 240px;
	float:left;
}
#intro_text p{
	color:#292719;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;f
    margin:0;
    padding:10px 0 10px;
}
#intro_text a{
	color:#292719;
    font-size:12px;
    text-decoration:none;
	font-weight:bold;
}
#key{
	width:240px;
	margin:15px 0 0;
	float:left;
}
#key div{
	display:block;
	float:left;
	margin:2px 0 5px;
}
#key img{
	float:left;
	width:15px;
	height:15px;
	margin:0 5px 5px 0;
	display:inline-block;
}
#key p{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#292719;
	display:inline;
	width:200px;
	float:left;
	margin:2px 0 0;
	padding:0;
}
#photo_credit{
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	color:#292719;
	margin:25px 0 0;
	padding:0px 10px;
	background-color: #726F4C;
    border: 1px dotted #292719;
	width:220px;
	float:left;
}
#photo_credit p{
	font-size:10px;	
}
#photo_credit a{
	text-decoration:underline;
	color:#4E4B2F;
}
#photo_credit a:hover{
	text-decoration:none;
	color:#98A349;
	font-weight:normal;
}
#main_content{
	margin: 25px 0 30px;
    padding: 0px 20px 30px;
    width:575px;
	float:left;
	border-left:1px dotted #292719;
}
.top_image{
	margin:0 0 20px;
	border:1px solid #292719;
}
.products{
	width:585px;
	display:block;
	margin: 5px 0;
	float:left;
}
.products_landing{
	width:585px;
	display:block;
	padding:0 0 20px 0;
	margin:0 0 15px 0;
	float:left;
	border-bottom:1px dotted #292719;
}
.products_landing_bottom{
	width:585px;
	display:block;
	margin:0 0 20px 0;
	float:left;
}
.products ul{
	margin:0;
	padding:0 0 20px 15px;
	color:#292719;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
}
.products ul li{
	padding:0 0 5px 0;
	list-style-type:disc;
}
.doc_icons {
	width:15px;
	height:15px;
	display:inline;
	margin:0 0 0 5px;
	float:left;
	border:none;
}
.doc_icons2 {
	width:15px;
	height:15px;
	display:inline;
	margin:0 5px 0 0;
	float:left;
	border:none;
}
.top{
	display:block;
	width:585px;
	float:left;
	position:relative;
}
.top h5{
	float:left;
}
.white_content {
	display: none;
	position: absolute;
	top:-30px;
	left:0;
	width:567px;
	height:397px;
	padding: 10px;
	border: 5px solid #FFFFFF;
	background-color:#FFFFFF;
	z-index:1002;
}
.white_content p{
	color:#4E4B2F;
	font-size:10px;
	font-style:italic;
	margin:5px 0 0;
}
.close{
	position:absolute;
	top:0;
	left:0;	
	margin:0 2px 2px 0;
}
.no_icons{
	width:585px;	
}
h5{
	color:#292719;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0 0 15px;
}
.icon{
	width:50px;
	height:50px;
	float:left;
	margin:0 5px 5px 0;
	border:1px solid #292719;
}
#main_content p{
	margin:0;
	padding:0 0 10px;
	color:#292719;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#main_content a{
	color:#292719;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
#main_content a:hover{
	color:#98A349;
	text-decoration:none;
	font-weight:bold;
}
/* footer */
#footer{
	width:870px;
	float:left;
	background-color:#4f4b2e;
	border-top:5px solid #292719;
	padding:25px 25px 55px;
}
#footer_left{
	width:435px;	
	float:left;
}
#footer_left p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#292719;	
	margin:0;
	padding:0;
}
#footer_left a{
	text-decoration:none;	
	color:#292719;	
}
#footer_left a:hover{
	text-decoration:underline;	
}
#footer_right{
	width:310px;	
	float:right;
}
#footer_right ul{
	list-style:none;
	padding:0;
	margin:0	
}
#footer_right ul li{
	display:inline-block;
	margin:0 10px 0;	
}
#footer_right ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#292719;	
	text-decoration:none;
	display:inline;
	font-weight:bold;
}
#footer_right ul li img{
	margin:0 5px 0 0;	
}
#footer_right ul li a:hover{
	text-decoration:underline;	
}
table{
	width:282px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#292719;
	padding:5px;
	margin:0 10px 5px 0;
	float:left;
	background-color:#726F4C;
	border:1px dotted #292719;
}
.table_cell{
	width:136px;
}
.table_middle{
	width:10px;	
}
b{
	font-weight:bold;
}
.landing_icon{
	width:240px;
	margin:0 20px 0 2px;	
	display:inline;
	float:left;
}
.landing_icon img{
	border:1px solid #292719;
	margin:0 0 10px 0;
}
.landing_icon img:hover{
	border:1px solid #98A349;
	margin:0 0 10px 0;
}
.landing_info{
	float:left;
	width:320px;
	display:inline;
}
.header{
	display:block;
	margin:0 50px 10px 0;
}
#map{
	border:1px solid #292719;
	margin:0 0 10px;	
}
.list{
	float:left;
	width:140px;
	 margin:10px 5px 20px 0;
}
.list div{
	margin:0 0 10px 0;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#292719;
}  
.list div p{
	display:inline;	
}
.list div a{
	text-decoration:none;
}  
.list div a:hover{
	text-decoration:none;
}
.list img{
	width:12px;
	height:12px;	
	margin:0 5px 0 0;	
}   
#home {
	height: 15px;
	width: 60px;
	display:inline-block;
	background: url(http://greenroofsolutions.com/images/home.png) no-repeat 0 0;
}
#home:hover {
	background-position: 0 -15px;
}
#home span{
	display:none;
}
#products {
	height: 15px;
	width: 65px;
	display:inline-block;
	background: url(http://greenroofsolutions.com/images/products.png) no-repeat 0 0;
}
#products:hover {
	background-position: 0 -15px;
}
#products span{
	display:none;
}
#services {
	height: 15px;
	width: 60px;
	display:inline-block;
	background: url(http://greenroofsolutions.com/images/services.png) no-repeat 0 0;
}
#services:hover {
	background-position: 0 -15px;
}
#services span{
	display:none;
}
#about {
	height: 15px;
	width: 60px;
	display:inline-block;
	background: url(http://greenroofsolutions.com/images/about.png) no-repeat 0 0;
}
#about:hover {
	background-position: 0 -15px;
}
#about span{
	display:none;
}
#contact {
	height: 15px;
	width: 60px;
	display:inline-block;
	background: url(http://greenroofsolutions.com/images/contact.png) no-repeat 0 0;
}
#contact:hover {
	background-position: 0 -15px;
}
#contact span{
	display:none;
}
#main_content_right{
	float:left;
	width:280px;
}
#main_content_left{
	float:left;
	width:250px;
	margin:0 20px 0 0;
}

/* DIAGRAM */

#diagram{width:585px;height:250px;background-image:url(../images/green_roof_diagram.jpg);position:relative;border:1px solid #292719;}
#diagram img{border:none;}
#diagram img:hover{border:none;}
#one{position:absolute;top:15px;left:43px;}
#two{position:absolute;top:64px;left:82px;}
#three{position:absolute;top:89px;left:44px;}
#four{position:absolute;top:225px;left:17px;}
#five{position:absolute;top:142px;left:102px;}
#six{position:absolute;top:204px;left:172px;}
#seven{position:absolute;top:132px;left:251px;}
#eight{position:absolute;top:168px;left:317px;}
#nine{position:absolute;top:111px;left:356px;}
#ten{position:absolute;top:170px;left:421px;}
#eleven{position:absolute;top:28px;left:271px;}
#twelve{position:absolute;top:13px;left:503px;}
#thirteen{position:absolute;top:160px;left:540px;}
#tooltip{position:absolute;background:#F5F5F5;padding:10px;color:#292719;display:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;border:1px solid #292719;max-width:400px;}
.tooltip-heading{font-weight:bold;}


#contact_form table{
	width:585px;
	padding:5px 25px 15px 30px;	
	margin:10px 0 15px;
	font-family:Arial, Helvetica, sans-serif;
}
.field_title{
	width:225px;
	display:block;
	float:left;
}
#contact_form .field_title{
	font-weight:bold;
	font-size:11px;
	margin:0;
	padding:10px 0 0 0;	
}
.input_width{
	width:235px;
	padding:0 15px 0 0;
	float:left;
}
.leak_detect_textarea{
	width:519px;
	height:125px;
	overflow:auto;
	margin:0 0 10px 0;	
}
.submit{
	background-color:#292719;
	font-size:11px;
	font-weight:bold;
	color:#F5F5F5;
	border:none;
	padding:5px;
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
}

#contactpage_form table{
	width:235px;
	padding:5px 25px 15px 30px;	
	margin:10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
}
#contactpage_form .field_title{
	width:225px;
	display:block;
	float:left;
}
#contactpage_form .field_title{
	font-weight:bold;
	font-size:11px;
	margin:0;
	padding:10px 0 0 0;	
}
#contactpage_form .input_width{
	width:235px;
	padding:0 15px 0 0;
	float:left;
}
#contactpage_form .contact_textarea{
	width:255px;
	height:125px;
	overflow:auto;
	margin:0 0 10px 0;	
}
#contactpage_form .submit{
	background-color:#292719;
	font-size:11px;
	font-weight:bold;
	color:#F5F5F5;
	border:none;
	padding:5px;
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
}
#bottom{
	height:30px;
	width:900px;	
	float:left;
}
.extra{
	margin-bottom:15px!important;	
}
.hidden{
	display:none;
}
#contact_message{
	font-size: 13px !important;
    margin-top: 15px !important;
	margin-left:15px!important;
}
.videos{
	width:283px;
	margin:0 15px 0 0;	
	float:left;
	border:1px solid #292719;
}
.videos2{
	width:283px;
	float:left;	
	border:1px solid #292719;
}
#GRS_featured a img, #GRS_column_middle a img, #GRS_column_right a img{
	border:none;	
}