/*collage*/

.clearRight {
	clear:right;
	}
	
.refresh li{
	list-style-type:none;
	display:inline;
	}

.refresh #content{
	width:972px;
	padding-top:25px;
	}
	
.refresh a{
	text-decoration:none;
	}
	
.hidden{
	display:none !important;
}

#refresh-content{
	position:relative;
	background:url("../images/refresh/landing/back-main-sides.png") repeat-y;
	padding:0pt 5px 0 3px;
	border-top:1px solid #ccc;
	}
	
#refresh-container{
	background:url("../images/refresh/landing/back-main-bottom.png") left bottom no-repeat;
	padding-bottom:10px;
	clear:both;
	margin-bottom:5px;
	} 

#refresh-content-wrapper{
	position:relative;
	display:block;
}

/* #view-Intro{
	padding-bottom:10px;
	text-indent:-9999px;
	float:left; 
	width:135px;
	background:url("../images/refresh/landing/button-viewIntro.png") no-repeat 0 0;
	}
*/ 		
#refresh-nav{
text-align:right;
	margin-top:8px;
}

* html #refresh-nav{
	margin-top:30px;
	height:20px;
	position:relative;
}

*+html #refresh-nav{
	margin-top:30px;
	height:20px;
	position:relative;
}

	#refresh-nav li{
		margin-right:15px;
	}

	#refresh-nav a{
		text-decoration:none;
		color:#555;
		font-size:0.9em;
		}
		
		#refresh-nav a:hover, #refresh-nav a:active{
			text-decoration:underline;
			color:#D37A22;
			}
	
		#refresh-nav a#home{
			background:url("../images/refresh/landing/icon-home.png") no-repeat 0 0;
			width:20px;
			text-indent:-9999px;
			padding-left:17px;
			}

		#refresh-nav a#home:hover, #refresh-nav a#home:active, #home #refresh-nav a#home{
			background:url("../images/refresh/landing/icon-home.png") no-repeat 0 0;
			}
				
		#it-works #refresh-nav a#it-works{
			color:#D37A22;
			}

		#green #refresh-nav a#green{
			color:#D37A22;
			}

		#demo #refresh-nav a#demo{
			color:#D37A22;
			}

		#faq #refresh-nav a#faq{
			color:#D37A22;
			}
			
		#refresh-nav a#wtb{
			text-transform:uppercase;
			}

.refresh .disclaimer{
	font-size:0.7em;
	color:#aaa;
	margin:0 0 15px 5px;
	clear:both;
}
/*------------------------- LANDING PAGE SPECIFIC ------------------------- */
#refresh-content-wrapper{
	position:relative;
	min-height:425px;
}

* html #refresh-content-wrapper{
	height:auto !important;
	height:425px;
}

/*having this even on an empty div stops the flicker in IE 6*/
* html div#nyro_empty_div {
	position: absolute;
	top: expression((30 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
}

.cycle{
	display:none;
}

.cycle-current{
	height:400px;
	position:absolute;
	z-index:2;
	background:#fca;
}

.cycle-current img{
	float:left;
	height:425px;
	width:967px;
	margin-left:-1px;
}

.cycle-current p{
float:right;
	text-indent:-9999px;
	width:0;
	height:0;
}
	
#final-frame{
	background:url("../images/refresh/landing/back-FinalFrame.jpg") no-repeat 0 0;
	height:425px;
	width:967px;
	position:absolute;
	z-index:1;
	margin-left:-1px;
}

	#final-frame a{
		text-indent:-9999px;
	}

		#final-frame a#arm-hammer{
			height:20px;
			width:155px;
			position:absolute;
			top:187px;
			left:599px;
		}
		
		#final-frame a#arm-hammer:hover{
			border-bottom:1px solid #D37A22;
		}

		#final-frame a#button-how{
			background:url("../images/refresh/landing/button-how.gif") no-repeat 0 0;
			height:15px;
			width:145px;
			position:absolute;
			top:285px;
			left:390px;
		}

		#final-frame a#button-wtb{
			background:url("../images/refresh/landing/button-wtb.gif") no-repeat 0 0;
			height:16px;
			width:145px;
			position:absolute;
			top:341px;
			left:388px;
		}

		#final-frame a#button-where{
			background:url("../images/refresh/landing/button-where.gif") no-repeat 0 0;
			height:14px;
			width:141px;
			position:absolute;
			top:315px;
			left:390px;
		}
		
		#final-frame a#button-TV{
			background:url("../images/refresh/landing/View-Television-Commercial.gif") no-repeat 0 0;
			height:16px;
			width:225px;
			position:absolute;
			top:368px;
			left:388px;
		}

		#final-frame a#button-not-sure{
			background:url("../images/refresh/landing/button-not-sure.png") no-repeat 0 0;
			height:22px;
			width:184px;
			position:absolute;
			top:315px;
			left:685px;
		}
		
		#final-frame a#button-stinky-home{
			background:url("../images/refresh/landing/stinky-home-button.jpg") no-repeat 0 0;
			height:105px;
			width:184px;
			position:absolute;
			top:279px;
			left:720px;
		}

#testimonials-alt{
position:relative;
padding:20px;
margin-top:5px;
color:#777777;
font-size:1.1em;
}

#testimonials-alt a{
color:#D37A22;
}

#testimonials-alt a:hover{
text-decoration:underline;
}
	
#testimonials{
position:relative;
padding:20px;
margin-top:5px;
min-height:164px
}

* html #testimonials{
	height:auto !important;
	height:164px;
}


#testimonials ul{
position:relative;
padding:10px 0 0;
}

#testimonials li{
	float:left;
	margin-right:70px;
	width:150px;
	height:auto;
	}

#testimonials a{
	color:#999;
	font-size:0.9em;
	}
	
#testimonials a#greenguard{
	float:right;
	text-indent:-9999px;
	background:url("../images/refresh/landing/icon-green.png") no-repeat;
	width:70px;
	height:32px;
	margin:0 10px 3px;
	position:relative;
	}
	
#testimonials a#green-cert{
	float:right;
	text-indent:-9999px;
	background:url("../images/refresh/landing/icon-green.png") no-repeat -78px 0;
	width:65px;
	height:32px;
	margin:0 10px 3px;
	position:relative;
	}
	
#testimonials a:hover p{
	text-decoration:underline;
	}
	
#testimonials h4{
	font-size:1.4em;
	color:#777;
	padding-top:13px;
	margin-bottom:5px;
	}


/*------------------------- How it Works PAGE SPECIFIC ------------------------- */
#it-works #refresh-content{
	background:url("../images/refresh/works/works-back-main-sides.png") repeat-y;
	padding:0pt 5px 1pt 0px;
	position:relative;
	}
	
#it-works #refresh-container{
	background:url("../images/refresh/works/works-back-main-bottom.png") left bottom no-repeat;
	padding-bottom:19px;
	position:relative;
	}
	
#it-works #copy{
		width:593px;
		margin:0 0 -1px 375px;
		color:#555555;
		line-height:1.5em;
		position:relative;
	}
	
*+html #it-works #copy{
		width:593px;
	}
	
* html #it-works #copy{
		width:593px;
	}

#it-works #copy h1{
		text-indent:-9999px;
		background:url("../images/refresh/works/title.png") left bottom no-repeat;
		height:163px;
		width:593px;
		padding:0;
		margin:0;
		position:relative;
	}
	
* html #it-works #copy h1{
		width:593px;

	}
		
#it-works #copy h2{
	display:block;
		padding:0;
		margin:20px 20px 5px 23px;
		font-size:1.2em;
		font-weight:bold;
		text-transform:uppercase;
		position:relative;
	}
	
#it-works #copy h2#first-heading{
		margin-top:-13px;
	}

#it-works #copy p{
		padding:0;
		margin:0px 20px 20px 23px;
	}

#it-works #copy ul{
		padding:0;
		margin:-15px 0 20px 0;
	}

#it-works #copy li{
		padding:0;
		margin:0px 20px 3px 37px;
		display:list-item;
		list-style-position:outside;
		list-style-type:disc;
	}

#it-works #room-demo{
		width:312px;	
		background:url("../images/refresh/works/works-button-demo.png") 50% bottom no-repeat;
		height:13px;
		margin:-5px 0 20px 20px;
		display:block;
		text-indent:-9999px;
	}


#it-works #capture-diagram{
		float:left;
		width:352px;	
		background:url("../images/refresh/works/odor-capture.png") 50% bottom no-repeat;
		padding:0px 10px 290px;
		text-align:center;
		margin-top:100px;
		color:#777777;
		font-size:1.1em;
	}

#it-works #capture-diagram a{
color:#D37A22;
}

#it-works #capture-diagram a:hover{
text-decoration:underline;
}

#it-works #capture-flash{
		float:left;
		width:375px;	
		margin:50px 0 0 1px;
	}
	
* html #it-works #capture-diagram{
		width:355px;
		float:none;
		position:absolute;	
	}
	
*+html #it-works #capture-diagram{
		width:355px;
		float:none;
		position:absolute;	
	}

*+html #it-works #capture-flash{
	width:375px;	
	float:none;
	position:absolute;
	}
		
* html #it-works #capture-flash{
		width:375px;	
		float:none;
		position:absolute;
	}

/*------------------------- Green Factor PAGE SPECIFIC ------------------------- */
#green #refresh-content{
	background:url("../images/refresh/green/green-back-main-sides.gif") repeat-y;
	padding:0pt 5px 1pt 0px;
	border:none;
	position:relative;
	}

#green #refresh-container{
	background:url("../images/refresh/green/green-back-main-bottom.gif") left bottom no-repeat;
	padding-bottom:13px;
	position:relative;
	}
	
#green #family{
	float:left;
	position:relative;
	width:375px;
	}

#green #copy{
		width:590px;
		margin:0 0 16px 375px;
		color:#555555;
		line-height:1.5em;
		position:relative;
			padding:0;	
	}
	
* html #green #copy{
		margin-bottom:0px
	}

*+html #green #copy{
		margin-bottom:0px
	}

* html #green #copy{
		width:589px;
	}

#green #copy h1{
		text-indent:-9999px;
		background:url("../images/refresh/green/title.png") left bottom no-repeat;
		height:168px;
		width:592px;
		margin:0;
		padding:0;
	}

* html #green #copy h1{
		width:589px;
	}
		
#green #copy h2{
	display:block;
		padding:0;
		margin:20px 20px 5px 23px;
		font-size:1.2em;
		font-weight:bold;
		text-transform:uppercase;
	}

#green #copy #disclaimer{
		font-size:0.8em;
		clear:none;
		line-height:1em;
	}

#green #copy p{
		padding:0;
		margin:0px 20px 12px 23px;
		line-height:1.3em;
	}

#green #copy ul{
		padding:0;
		margin:0px 40pt 9px 0pt;
		width:489px;
		height:85px;
		float:right;
	}

* html #green #copy ul{
		margin:10px 40px 14px 0;
	}
	
*+html #green #copy ul{
		margin:10px 40px 19px 0;
		padding-bottom:10px;
	}
			
#green #copy li{
		padding:0;
		margin:0;
		text-indent:-9999px;
		position:relative;
		}

#green #copy a{
		height:85px;
		display:block;
		float:left;
		}
					
#green #copy a#greenguard{
		background:url("../images/refresh/green/button-guard.png") left bottom no-repeat;
		width:145px;
		}

#green #copy a#green-cert{
		background:url("../images/refresh/green/button-cert.png") left bottom no-repeat;
		width:168px;
		}
		
#green #copy a#joe-biber{
		height:80px;
		width:150px;
		margin-left:25px;
		text-indent:0;
		}

#green #copy a#joe-biber p{
		margin:0;
		color:#555;
		}
	
#green #copy a#green-cert, #green #copy a#greenguard{
	border-top:1px solid #aac585;
	border-bottom:1px solid #aac585;
		}
				
#green #copy ul#benefits1, #green #copy ul#benefits2{
		border:medium none;
		float:left;
		font-size:12px;
		height:auto;
		line-height:1.3em;
		margin:13px 0 20px 5px;
		padding:0pt;
	}
	
#green #copy ul#benefits1{
		margin-left:30px;
		width:272px;
	}
	
* html #green #copy ul#benefits1{
		width:262px;
		margin-left:15px;
	}
	
*+html #green #copy ul#benefits1{
		width:262px;
		margin-left:18px;
	}
	
#green #copy ul#benefits2{
		width:278px;
	}
				
#green #copy ul#benefits1 li, #green #copy ul#benefits2 li{
		padding:0px;
		margin:0px 0px 5px 0;
		display:list-item;
		list-style-position:outside;
		list-style-type:disc;
		text-indent:0;
	}

* html #green #copy ul#benefits1 li{
		margin-left:15px;
	}
	
* html #green #copy ul#benefits2 li{
		margin-left:15px;
	}
	
*+html #green #copy ul#benefits1 li{
		margin-left:15px;
	}
	
*+html #green #copy ul#benefits2 li{
		margin-left:15px;
	}
		
#green #copy #intro{
		margin-top:-15px;
	}

/*------------------------- Interactive Room Demo PAGE SPECIFIC ------------------------- */
#demo #refresh-content{
	padding:0pt 5px 1pt 0px;
	width:968px;
	}

#demo #refresh-container{
	padding:0 0 20px;
	}

#demo #copy{
		width:900px;
		color:#555555;
		line-height:1.5em;
	}

#demo #copy h1{
		text-indent:-9999px;
		background:url("../images/refresh/demo/title.png") 20px bottom no-repeat;
		height:70px;
		width:593px;
		padding:0;
		margin:0;
	}

#demo #copy h2{
	display:block;
		padding:0;
		margin:20px 20px 5px 23px;
		font-size:1.2em;
		font-weight:bold;
	}

#demo #copy p{
		padding:0;
		margin:0px 20px 20px 23px;
	}

#demo #floorplan-diagram{
		width:960px;	
		background:url("../images/refresh/demo/floorplan.jpg") 185px bottom no-repeat;
		padding:0px 10px 530px;
		text-align:center;
		color:#777777;
		font-size:1.1em;
	}

#demo #floorplan-diagram a{
color:#D37A22;
}

#demo #floorplan-diagram a:hover{
text-decoration:underline;
}
	
#demo #floorplan-flash{
	margin-left:20px; /*85px to be centered */
	}


/*------------------------- FAQ PAGE SPECIFIC ------------------------- */
#faq #refresh-content{
	background:url("../images/refresh/faq/back-main-sides.png") repeat-y;
	padding:0pt 5px 1pt 0px;
	position:relative;
	border:none;
	}

#faq #refresh-container{
	background:url("../images/refresh/faq/back-main-bottom.png") left bottom no-repeat;
	padding-bottom:10px;
	position:relative;

	}

* html #faq #refresh-container{
	border-left:1px solid #ccc !important;
	}
		
#faq #can-shot{
	border-top:1px solid #ccc;
	float:left;
	position:relative;
	width:374px;
	padding:10% 0 0 1px;
	}

* html #faq #can-shot{
	padding-left:0px;
	}
		
#faq #copy{
		width:590px;
		margin:0 0 0 374px;
		color:#555555;
		line-height:1.3em;
		position:relative;
			padding:0;	
	}

#faq #copy #instructions{
		margin:-10pt 0pt 10pt 25px;
	}
	
* html #faq #copy{
		width:589px;
	}

#faq #copy h1{
		text-indent:-9999px;
		background:url("../images/refresh/faq/title.png") left bottom no-repeat;
		height:188px;
		width:592px;
		margin:0;
		padding:0;
	}

* html #faq #copy h1{
		width:589px;
	}

#faq #copy dl{
		padding:0;
		margin:-20px 0pt 15px 26px;
	}

#faq #copy #instrucions{
		padding:0;
		margin:-10px 0pt 15px 26px;
	}
		
#faq #copy dt {
	color:#D37A22;
	font-weight:bold;
	padding-top:20px;
	cursor:pointer;
}

#faq #copy dt.selected {
	color:#a03700;
	outline-style:none;
}

#faq #copy ul{
	position:relative;
	top:-15px;
	width:550px;
	}

#faq #copy li{
		padding:0;
		margin:0px 0px 3px 35px;
		display:list-item;
		list-style-position:outside;
		list-style-type:disc;
	}

#faq #copy a{
		height:85px;
		display:block;
		float:left;
		}
