@charset "UTF-8";
/* CSS Document*/
body { margin: 0px; background: url(../images/bkgnd_repeat.png) repeat-x 0 0; }

body_secure { margin: 0px; background: url(../images/bkgnd_repeat_secure.png) repeat-x 0 0; }


#marketImage { padding:0 7px 0 0; }

#catalogCoverSwap { background:url(../images/catalog_cover.png) no-repeat 0 0; _background:url(../images/catalog_cover-png8.png) no-repeat 0 0; }

#header {
	float:				left;
	width: 				100%;
	height: 			114px;
	vertical-align:		top;
	background:			#b5da55 url(../../images/ecosurfaces-extend.jpg) repeat-y 0 0;
	display:			block;
	}
	
#logo_bottom {
	float:				left;
	width: 				146px;
	height: 			26px;
	position:			absolute;
	height: 			26px;
	left: 				0px;
	top: 				114px;
	background:			url(../images/logo_bottom.png) no-repeat 0 0;
	_background:		url(../images/logo_bottom-png8.png) no-repeat 0 0;
	background-image: url(../images/logo_bottom.png);
	}		
	

#tree {
	background:			url(http://www.ecosurfaces.com/images/body_tree.jpg) no-repeat 0 0;
	height:				435px;
	width:				100%;
	float:				left;
	vertical-align:     top;
	display:block;
}

	
#samples {
	clear:				both;
	background-image:	url(../images/body_samples.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}	
	
#licm {
	clear:				both;
	background-image:	url(../images/body_licm.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#wawa {
	clear:				both;
	background-image:	url(../images/body_wawa.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#sei {
	clear:				both;
	background-image:	url(../images/body_sei.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}	
	
#alvar {
	clear:				both;
	background-image:	url(../images/body_alvar.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}	
	
#kaiser {
	clear:				both;
	background-image:	url(../images/body_kaiser.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}	

#ecosand {
	clear:				both;
	background-image:	url(../images/body_ecosand.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#tweed {
	clear:				both;
	background-image:	url(../images/body_tweed.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}	
	
#ridgewood {
	clear:				both;
	background-image:	url(../images/body_ridgewood.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}	
	
	
#healthcare {
	clear:				both;
	background-image:	url(../images/body_healthcare.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#fitness {
	clear:				both;
	background-image:	url(../images/body_fitness.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#hospitality {
	clear:				both;
	background-image:	url(../images/body_hospitality.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#education {
	clear:				both;
	background-image:	url(../images/body_education.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#corporate {
	clear:				both;
	background-image:	url(../images/body_corporate.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#retail {
	clear:				both;
	background-image:	url(../images/body_retail.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}			
	
#ecounderlayment {
	clear:				both;
	background-image:	url(../images/body_ecounderlayment.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#ecosilence {
	clear:				both;
	background-image:	url(../images/body_ecosilence.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}				
	
#ecoshapes {
	clear:				both;
	background-image:	url(../images/body_ecoshapes.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}		
	
#ecostone {
	clear:				both;
	background-image:	url(../images/body_ecostone.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#ecorocks {
	clear:				both;
	background-image:	url(../images/body_ecorocks.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#ecoearth {
	clear:				both;
	background-image:	url(../images/body_ecoearth.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#econights {
	clear:				both;
	background-image:	url(../images/body_econights.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#customcolors {
	clear:				both;
	background-image:	url(../images/body_customcolors.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}	
	
#econightsforsport {
	clear:				both;
	background-image:	url(../images/body_econightsforsport.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#ecostars {
	clear:				both;
	background-image:	url(../images/body_ecostars.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#coolsuite {
	clear:				both;
	background-image:	url(../images/body_coolsuite.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#tansuite {
	clear:				both;
	background-image:	url(../images/body_tansuite.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#greysuite {
	clear:				both;
	background-image:	url(../images/body_greysuite.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#ecostars {
	clear:				both;
	background-image:	url(../images/body_ecostars.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}				
	
#ecomax {
	clear:				both;
	background-image:	url(../images/body_ecomax.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#ecosilence {
	clear:				both;
	background-image:	url(../images/body_ecosilence.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#coolsuite {
	clear:				both;
	background-image:	url(../images/body_coolsuite.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#warmsuite {
	clear:				both;
	background-image:	url(../images/body_warmsuite.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#greysuite {
	clear:				both;
	background-image:	url(../images/body_greysuite.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}
	
#tansuite {
	clear:				both;
	background-image:	url(../images/body_tansuite.jpg);
	background-repeat:	no-repeat;
	background-position:left;
	height:				435px;
	width:				100%;
	float:				left;
	}						
	
#infobar {
	float:				left;
	width: 				100%;
	height: 			130px;
		}
	
#footer {
	float:				left;
	width: 				100%;
	height: 			70px;
	background-color:	#1a1a1a;
	}	
	
#news {
	position:			relative;
	display:block;
	height: 			130px;
	width:				424px;
	left: 				20px;
	top: 0px;
	}
	
#snapshots {
	position:			absolute;
	top:				307px;
	left:				17px;
	width: 				221px;
	z-index:1;
	}
	
#login_icon {
	position:			absolute;
	height: 			110px;
	width:				145px;
	left: 				486px;
	top:				565px;
	vertical-align:		top;
	}	
	
#page_title {
	position:			absolute;
	width:				600px;
	left: 				318px;
	top: 				143px;
	height: 20px;
	}
	
#member_nav {
	position:			absolute;
	width:				200px;
	left: 				719px;
	top: 				193px;
	height: 			295px;
	z-index:			200;
	}		
	
#body_copy {
	position:			absolute;
	text-align:			left;
	width:				599px;
	left: 				316px;
	top: 				193px;
	z-index:1;
	}

#page_flip {
	position:			absolute;
	width:				760px;
	left: 				189px;
	top: 				194px;
	}	
	
#download {
	position:			absolute;
	text-align:			left;
	width:				600px;
	left: 				0px;
	top: 				184px;
	}	
	
#swatches {
	position:			absolute;
	text-align:			left;
	width:				625px;
	left: 				320px;
	top: 				184px;
	_top:178px;
	}	
	
#contact {
	position:			absolute;
	width:				147px;
	left: 				854px;
	top:				549px;
	vertical-align:		top;
	text-align:			right;
	}
	
#bottom_links {
	position:			absolute;
	width:				583px;
	left: 				28px;
	top: 				698px;
	height: 			39px;
	color:				#aeaeae;
	line-height:		14px;
	}	
	
#copyright {
	position:			absolute;
	width:				227px;
	left: 				776px;
	top: 				698px;
	height: 			39px;
	color:				#aeaeae;
	line-height:		14px;
	}
	
#bottom_tabs {
	position:			absolute;
	left: 				671px;
	top: 				527px;
	_top: 531px;
	height: 			22px;
	width:				334px;
	z-index:1000;
	}		
	
#copy2 {
	position:			relative;
	display:block;
	float:right;
	right: 				0px;
	top: 				20px;
	height: 			221px;
	width:				308px;
	}	
	
	
.copy {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			left;
	color:				#333333;
	line-height:		13px;
	font-weight:		normal;
	}
	
.copy_blue {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			left;
	color:				#006699;
	line-height:		13px;
	font-weight:		normal;
	}	
	
.copy_small {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	text-align:			left;
	color:				#333333;
	line-height:		13px;
	font-weight:		normal;
	}	
	
.copy_centered {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			center;
	color:				#333333;
	line-height:		13px;
	font-weight:		normal;
	}	
	
.swatch {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	text-align:			left;
	color:				#000000;
	line-height:		13px;
	}
	
.news_copy {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			left;
	color:				#aeaeae;
	line-height:		14px;
	font-weight:		normal;
	}

	
.headline {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			left;
	color:				#d8c262;
	font-weight:		bold;
	line-height:		13px;
	}	
	
.contactus {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			right;
	color:				#d8c262;
	font-weight:		bold;
	line-height:		13px;
	}	
	
.login {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			left;
	color:				#d8c262;
	line-height:		13px;
	}		
	
.phone {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	text-align:			right;
	color:				#d8c262;
	line-height:		13px;
	}
	
.callout {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align:			left;
	color:				#2081b5;
	font-weight:		bold;
	}
	
.subhead {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align:			left;
	color:				#2081b5;
	font-weight:		bold;
	padding-bottom:     8px;
	}
	
.swatchname {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			9px;
	text-align:			left;
	color:				#000033;
	font-weight:		normal;
	line-height:		11px;
	}			


a {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			left;
	color:				#006699;
	text-decoration:	none;
	}

#bottom_links a,a.visited

{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			left;
	color:				#aeaeae;
	line-height:		13px;
	text-decoration:	none;
	}
	
#bottom_links a:hover
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			left;
	color:				#0099FF;
	line-height:		13px;
	text-decoration:	underline;
	}
	
h1 {
color:					#2081b5;
font-family: 			"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align:				left;
font-size:				20px;
}

#polaroids{
background-image:		url(../images/photos_index.png);
_background-image:		url(../images/photos_index_IE6.png);
background-position:	top;
background-repeat:		no-repeat;
height:					250px;
width:					273px;
float:					left;
display:				block;
}

#tacked_note{
background-image:		url(../images/important.png);
_background-image:		url(../images/important_IE6.png);
background-position:	top;
background-repeat:		no-repeat;
height:					250px;
width:					273px;
float:					left;
display:				block;
}