/*
Theme Name: Western Spray Foam
Description: The theme for Western Spray Foam
Version: 1.0
Author: Jared Pendergraft
Author URI: http://www.jaredpendergraft.com
*/

/*Reset*/

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:none;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* 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: "" "";
text-indent: -0.8em;
}

/*Global*/
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Helvetica, Arial, Verdana, sans-serif;
background:url(images/background/blue_gradient_big.gif)  repeat-x ;
background-color:#173c47; /*Blue*/
color:#2A3E48; /*Blue*/
text-align: center;
}
a {
color:#444;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#85B24A;/*Green*/
}
a img {
border:none;
}
span {
font-weight:bold;
}
ol, ul {
list-style: none;
list-style-position:inside;
}
li {
margin:10px 0;
}
input, textarea {
font-size:1.2em;
padding:5px;
margin-bottom:5px;
border:none;
border:1px solid #ccc;
background:#eee;
}
:focus {
outline: 0;
background:#fff;
border:1px solid #85B24A;/*Green*/
}
label {
font-size:1.2em;
line-height:1.6em;
}
hr {	
margin:10px 0;
border:none;
border-bottom:1px solid #CCC;
}		

/*Typography*/

p {
font-size:1.2em;
line-height:1.6em;
color:#666;	
margin-bottom:20px;
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
h1 {
font-size:2.6em;
margin-bottom:15px;
}
h2 {
font-size:1.875em;
}
h3 {
font-size:1.6em;
}
h4 {
font-size:1.2em;
}


/*Positioning*/

.clear {
clear: both;
}
.center {
text-align: center;
margin:0 auto;
}
.right {
float:right;
}
.left {
float:left;
}
.spacer {
margin-bottom:40px;
}
hr.green {
border-bottom:1px solid #85B24A;
}

/*The Grid - 960px System*/

.one {
width:220px;
float:left;
padding:10px;
overflow:hidden;
}
.one_third {
width:300px;
padding:10px;
float:left;
overflow:hidden;
}
.two {
height:100%;
width:460px;
float:left;
padding:10px;
overflow:hidden;
}
.three {
width:700px;
float:left;
padding:10px;
overflow:hidden;
}
.four {
width:960px;
overflow:hidden;
margin:0 auto;
}

/*Classes*/
.dissapear {
visibility:hidden;
}
.green {
color:#85B24A;/*Green*/
font-weight:normal;
}
.grey {		
background:url(images/background/grey.jpg) repeat-x #ccc;
}
.grey_text {
color:#666;
}
.light_grey {		
background:url(images/background/light_grey.jpg) repeat-x #ddd;
}
.top {
margin-bottom:40px;
border-bottom:1px solid #ccc;
}
.facebook {
margin:40px 0;
}
	.top h1 {
	color:#85B24A;/*Green*/
	}
	.top .meta {
	width:219px;
	float:right;
	border-left:1px solid #ccc;	
	}	
	.title_single {
	padding-left:10px;
	}


/*Main Site Structure*/
#outer_wrap {
padding:20px 0;
margin:auto;
position:relative;
background:url(images/background/blue_gradient_big.gif)  repeat-x ;
background-color:#173c47; /*Blue*/
}
body > div#outer_wrap {
width:100%;
}
body > div#wrap {
width:98%;
}
#wrap {
width:980px;
padding:0 20px;
background:#fff;
margin:0 auto;
overflow:hidden;
text-align: left;
display:block;
}
	/*Header*/
	#header {
	width:960px;
	padding:0 30px;
	margin:0 auto;
	border-bottom:3px solid #ccc;
	background:url(images/content/header.jpg) repeat-x #fff;
	}
		#logo {
		height:144px;
		display:block;
		padding-top:0;
		margin:10px 0;	
		background:url(images/content/wsf-logo.jpg) no-repeat;			
		}
		#logo h1 {
		display:block;
		height:144px;
		width:200px;
		}
		#nav {		
		}
			#nav ul {
			padding:0;			
			float:right;
			}
				#nav li, #nav li:hover {
				float:left;		
				height:25px;
				width:117px;
				border-top:1px solid #eee;
				border-right:1px solid #bbb;
				margin:0;															
				display:block;	
				text-align:center;						
				font-size:1.6em;
				line-height:25px;
				display:inline;	
				background:url(images/button/button_light.jpg) repeat-x #ccc;
				}
					#nav li a {
					color:#666;
					display:block;
					}
					#nav li#current, #nav li:hover {													
					background:url(images/button/button.jpg) repeat-x #ccc;
					}	
					#nav li#current a, #nav li#current a:active, #nav li a:hover {
					outline:none;
					color:#85B24A;/*Green*/		
					}
		/*Search*/
		#searchbox{
		width:260px;
		float:right;
		margin-top:48px;
		padding-bottom:15px;
		border:1px solid #eee;
		}
		#searchform {
		
		}		
		#searchform label {
		float:left;
		clear:both;
		display:block;
		width:100%;
		padding-left:50px;
		text-align:left;
		overflow:hidden;
		}
			#searchform #s {
			float:left;
			display:block;
			width:140px;
			overflow:hidden;
			margin:0;
			}
			#searchsubmit, #submit, #contactsubmit {				
			padding:5px 10px;
			float:right;
			background:#2A3E48; /*Blue*/
			color:#bbb;
			display:block;
			border: 1px solid #bbb;
			} 
			#searchsubmit:hover, #submit:hover, #contactsubmit:hover {
			color:#fff;
			}		
	/*Body - Main*/
	
	#content {
	width:960px;
	padding:10px;
	margin:0 auto;
	font-size:1.2em;
	background:#fff;	
	} 	
	  #content.testimonials {width:100%; padding:0; padding-top:5px; text-align:left;}
	
	/*Body - Home*/
	.home hr {
	margin:20px 0;
	}
	.tagline {	
	margin:20px 0;
	border:1px solid #85B24A;/*Green*/
	background:url(images/background/green-gradient-small.jpg) repeat-x;/*Green*/	
	color:#fff;	
	overflow:hidden;
	}
	.tagline h1 {
	text-align:center;
	padding:20px;
	font-size:2.5em;
	margin:0;
	}
	.main {
	margin-bottom:30px;
	overflow:hidden;
	background:url(images/background/green-gradient-small.jpg) repeat-x #6db33f;/*Green*/	
	}
	.main .text_holder {
	margin-top:55px;
	}
	.main h1 {
	font-size:2.2em;
	margin-bottom:20px;
	color:#FFF;
	}
	.flash {
	width:476px;
	height:356px;
	overflow:hidden;
	padding:0;
	margin:0;
	border:1px solid #CCC;
	}
	.column1 {
	margin-top:20px;
	width:480px;
	float:left;
	overflow:hidden;
	}
		.column1 h2 {
		padding-right:20px;
		color:#666;
		margin-bottom:20px;
		}
		.column1 hr, .column2 hr {
		margin-right:20px;		
		}
	.column2 {
	margin-top:20px;
	width:477px;
	float:left;
	overflow:hidden;
	border-left:1px solid #ccc;
	}	
		.column2 p {
		padding-left:20px;
		}
	.button a {
	padding:5px;
	margin-right:20px;
	border:1px solid #eee;
	background:url(images/button/button.jpg) repeat-x #ccc;
	text-align:center;	
	display:block;	
	float:right;
	}	
	.quotes_left {
	padding:0 60px;
	min-height:32px;
	display:block;
	background:url(images/background/quotes-left.jpg) no-repeat;
	}
	.quotes_right{
	margin-top:20px;
	margin-right:20px;
	padding:0 60px;
	height:32px;
	line-height:32px;
	display:block;
	background:url(images/background/quotes-right.jpg) right no-repeat;
	color:#666;
	font-style:italic;
	}
	.footprint {
	height:240px;
	padding-left:160px;
	padding-right:20px;
	margin-top:62px;
	display:block;
	background:url(images/content/footprint_new.jpg) no-repeat;	
	}
	.beegreen {
	height:140px;
	background:url(images/logos/logo-beegreen.jpg) no-repeat;
	}			
	/*Body - Products*/
	.products_top {
		width:960px;
		height:136px;
		display:block;
		padding-top:0;
		margin-bottom:40px;	
		background:url(images/content/products_top.jpg) no-repeat;			
	}
	.products {
	
	}
		.products h2 {
		font-size:1.4em;
		margin-bottom:20px;
		}		
		.products p {
		padding-right:20px;
		}
		.product {
		margin-top:40px;
		}
		.benefits h2 {
		padding:5px;
		background:url(images/background/blue_gradient_small.gif) repeat-x;
		background-color:#173c47; /*Blue*/
		color:#fff;
		margin-bottom:0;
		text-align:center;
		}	
	.logos {
	}
		.sealection_500 {
		width:216px;
		height:32px;
		display:block;
		margin:0 auto;
		background:url(images/logos/logo-sealaction.jpg) no-repeat;
		}
		.sealection_agri {
		width:216px;
		height:63px;
		display:block;
		margin:0 auto;
		background:url(images/logos/logo-agri.jpg) no-repeat;
		}
		.heatlok {
		width:216px;
		height:104px;
		display:block;
		margin:0 auto;
		background:url(images/logos/logo-heatlok.jpg) no-repeat;
		}
		.venmar{
		width:216px;
		height:48px;
		display:block;
		margin:0 auto;
		background:url(images/logos/logo-venmar.jpg) no-repeat;
		}
		
	.description {
	margin-bottom:20px;
	}	
	.benefits_flash {
	padding:20px;
	margin:20px 0;
	background-color:#6db33f; /*Green*/
	color:#fff;
	text-align:center;
	}
	.benefits {
	color:#fff; 
	padding:0;
	background:url(images/background/green_gradient.gif) repeat-x #6db33f;/*Green*/
	}
		.benefits ul {
		padding:10px;
		}
			.benefits ul li, .forms ul li {
			font-size:1.2em;		
			margin-left:18px;
			list-style:square;
			}	
	.incentives {
	padding:10px;
	}
	.top-incentives {
	color:#85B24A;/*Green*/
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	}
	.incentives ul {padding-left:20px;}
	.incentives ul li {
	list-style:square;
	}
	/*Body - Benefits*/
	
	.benefits_main h2 {
	margin-bottom:20px;
	}	
	.image {
	width:300px;
	overflow:hidden;
	margin-bottom:20px;
	}
		.image p {
		text-align:center;
		background:#eee;
		}
	.benefits_links ul {
	padding-left:20px;		
	}
		.benefits_links ul li {
		list-style:square;
		}
	.benefits_links .doe {	
	height:120px;
	display:block;
	background:url(images/content/doe.jpg) no-repeat;
	}
	.energytrust {
	height:120px;
	display:block;
	background:url(images/content/energy_trust.jpg) no-repeat;
	}	
	.benefits_links .energy_star {
	height:120px;
	display:block;
	background:url(images/content/energy_star.jpg) no-repeat;
	}	
	.benefits_links .hba {
	height:120px;
	display:block;
	background:url(images/content/hba.jpg) no-repeat;
	}	
	.benefits_links .demilec {
	height:120px;
	display:block;
	background:url(images/content/demilec-benefits.jpg) no-repeat;
	}
	
	/*Body - Forms*/
	.forms_main h2 {
	padding-bottom:15px;
	}
	.forms_main h3 {
	color:#666;
	padding-bottom:15px;
	}
	
	/*Body - Photos*/
	.photos .button a {
	margin-top:40px;
	float:left;
	}
	.photos p {
	margin:40px 0;
	}
	.photos .three {
	width:697px;
	border-left:1px solid #ccc;
	margin-bottom:20px;
	}
	.testimonial {
	margin-top:20px;
	background:#ccc;
	padding:20px;
	}
	.testimonial p {
	margin:0;
	}
	.testimonial h4 {
	text-align:right;
	font-weight:bold;
	}

	
	/*Body - About Us*/
	.about_us p {
	padding:0 10px;
	}
	.about_us h2 {
	padding-left:10px;
	margin-bottom:20px;
	}
	.about_truck {
		width:960px;
		height:238px;
		display:block;
		padding-top:0;
		margin-bottom:40px;	
		background:url(images/content/truckandtrailer.jpg) no-repeat;			
	}
				
	/*Body - Sidebar*/	
	#sidebar {
	width:960px;
	margin:0 auto;
	padding:20px 0;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;	
	}	
		#sidebar h2 {
		margin-bottom:20px;
		}
		#sidebar ul li {
		float:left;
		width:240px;
		height:60px;
		}
			#sidebar li a {
			width:240px;
			height:60px;
			display:block;
			}
		#sidebar .dac {
		background:url(images/logos/footer/logo-dac.jpg) no-repeat;
		}
		#sidebar .demi {
		background:url(images/logos/footer/logo-demi.jpg) no-repeat;
		}
		#sidebar .bg {
		background:url(images/logos/footer/logo-buildinggreen.jpg) no-repeat;
		}
		#sidebar .energy_star {
		background:url(images/logos/footer/logo-energystar.jpg) no-repeat;
		}
		#sidebar .earth {
		background:url(images/logos/footer/logo-earthadvantage.jpg) no-repeat;
		}
		#sidebar .energy {
		background:url(images/logos/footer/logo-energytrust.jpg) no-repeat;
		}
		#sidebar .hba {
		background:url(images/logos/footer/logo-hba.jpg) no-repeat;
		}
		#sidebar .rex {
		background:url(images/logos/footer/logo-rex.jpg) no-repeat;
		}
		#sidebar .sprayfoam {
		background:url(images/logos/footer/logo-sprayfoam.jpg) no-repeat;
		}	
		#sidebar .aci {
		background:url(images/logos/footer/logo-aci.jpg) no-repeat;
		}	
		#sidebar .oregonwine {
		background:url(images/logos/footer/logo-oregonwine.jpg) no-repeat;
		}		
		#sidebar .ora {
		background:url(images/logos/footer/logo-ora.jpg) no-repeat;
		}	
		#sidebar .mservicemagic {
		background:url(images/logos/footer/logo-mservicemagic.jpg) no-repeat;
		}	
	/*Body - Blog*/
	.post {
	margin:20px 0;	
	padding-bottom:20px;
	}		
		.post_title {
		padding-left:10px;
		margin-bottom:15px;
		}
		.post_meta {
			
		}
			
		.post_content {		
		overflow:hidden;
		min-height:75px;
		width:697px;
		border-left:1px solid #bbb;
		margin-bottom:10px;
		}
		
		.post_nav {
		
		}
			.prev a {
			float:left;			
			display:block;
			margin:20px 0;
			height:35px;
			line-height:35px;
			padding-left:45px;
			background:url(images/button/prev.jpg) no-repeat left center;
			}
			.next a{			
			float:right;			
			display:block;
			margin:20px 0;
			height:35px;
			line-height:35px;
			padding-right:45px;
			background:url(images/button/next.jpg) no-repeat right center;
			}
		.post img {
		max-width:700px;
		background-position:center;
		margin:20px 0;
		padding:5px;
		border:2px solid #bbb;
		}
			
		.gallery {
		margin: auto;
		}
		.gallery-item {
		float: left;
		margin-bottom: 10px;
		text-align: center;
		width: 25%;			}
		.gallery img {
		border:none;
		}
		.gallery-caption {
		margin-left: 0;
		}		
	/*Body - Blog - Comments*/
	.commentlist {	
	
	}	
		.commentlist li {
		margin:0;
		padding:20px 10px;	
		}		
	
	.comment-author {
	font-weight:normal;
	}
	.fn, .says {
	font-style:normal;
	font-weight:normal;
	}
	.comment-meta {
	visibility:hidden;
	}
	.thread-odd {
	background:#ddd;
	}
	.thread-even {
	background:#eee;
	}
	#commentform {
	
	}
		#comment {	
		width:450px;
		max-width:450px;
		margin-bottom:10px;
		}		
	
	/*Body - Contact*/
	.contact_main {
	margin-top:40px;
	}
		.contact_main li {
		font-size:1.6em;
		}
		.contact_main hr {
		margin:20px auto;
		width:240px;
		}
	#contact {
	width:95%;
	max-width:95%;
	margin-bottom:10px;
	}
		/*Contact Form*/
		.contactform {
		
		}
			.tcf_input {display:none !important; visibility:hidden !important;}
			.contactform legend {
			visibility:hidden;
			}
			.contactform label {
			width:100%;
			float:left;
			clear:left;
			overflow:hidden;
			background:#fff;
			display:block;
			}
			.contactform input {
			float:left;
			clear:left;
			width:220px;				
			overflow:hidden;	
			display:block;
			}
			.contactform textarea {
			width:460px;
			max-width:450px;
			margin:5px 0;
			overflow:hidden;
			clear:both;
			}	
			.contactform #contactsubmit {
			margin-top:10px;
			width:100px;	
			display:block;		
			}
			.contactform_respons {			
			padding:5px 10px;
			background:#85B24A; /*Green*/
			color:#fff;
			display:block;
			border: 1px solid #ccc;
			font-size:1.6em;
			text-align:center;
			display:block;
			}
			.contactform_error {					
			padding:5px 10px;
			float:left;
			margin:0 auto;
			margin-bottom:10px;
			background:#2A3E48; /*Blue*/
			color:#fff;
			display:block;
			border: 1px solid #ccc;
			text-align:center;
			display:block;
			}
	
	/*Footer*/
	#footer {	
	width:960px;
	margin:0 auto;	
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #ccc;
	}
		#footer .phone {
		height:300px;
		background:url(images/content/phone_contact.jpg) no-repeat;
		}
		#footer .mission {
		width:640px;
		padding:20px 0;
		margin-top:20px;
		float:left;
		}
		#footer .mission h1 {
		text-align:center;
		line-height:1.5em;
		font-size:3em;		
		}
		.blue_box {
		padding:5px;
		background:url(images/background/blue_gradient_small.gif) repeat-x;
		background-color:#173c47; /*Blue*/
		color:#fff;
		margin-bottom:20px;
		text-align:center;
		}	
		.space {
		margin-top:70px;
		}
		.blue_box a {
		display:block;
		margin:10px 0;
		color:#fff;
		}
		.blue_box a:hover {
		color:#CCC;
		}

	.footer_meta {
	
	}		
		.footer_meta p {
		width:320px;
		line-height:35px;
		float:left;
		}
		#footer .jpd {
		height:35px;
		width:45px;
		float:left;
		display:block;
		background:url(images/content/jpd.jpg) no-repeat;
		}	
		#footer .wordpress {
		height:35px;
		width:45px;
		margin-left:20px;
		float:left;
		display:block;
		background:url(images/content/wordpress.jpg) no-repeat;
		}	
		#footer ul {
		float:right;
		}
		#footer ul li {
		font-size:1.2em;
		line-height:35px;
		display:inline;
		}
		
	/*Site Map*/
	.site_map ul li {
	
	}