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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr, .vinyl-laminate #next, .vinyl-laminate #previous, .solid-surface #next, .solid-surface #previous, .carpet #next, .carpet #previous, .hardwood #next, .hardwood #previous, .metal #next, .metal #previous  {
	display:none;
}

/*-- layout --*/
body {
	font: 62.7%/150% Arial, Helvetica, sans-serif;
	background:#504340 url("/images/cssimages/bg.gif") repeat;	
}

#container {
	width:950px;
	margin:0 auto;
	height:550px;
	position:absolute;
	top:50%;
	margin-top:-275px;
	left:50%;
	margin-left:-475px;
	overflow:hidden;
	background:#554B3F;
}

#welcome #container {
	background:#83B2A7;
}

#headerwrapper {
	width:950px;
	height:160px;
	position:relative;
	background:#E7E7DB;	
}

#s a {
	width:25px;
	height:24px;
	display:block;
	position:absolute;
	top:116px;
	left:594px;
	text-indent:-9999em;
	background:transparent url("/images/cssimages/icon.gif") no-repeat;	
}

#s a:hover, #surface-du-jour #s a {
	background:transparent url("/images/cssimages/icon.gif") 0 bottom no-repeat;	
}

#surface-du-jour #s a {
	cursor:default;
}

#header {
	height:160px;
	background:transparent url("/images/cssimages/address.gif") 755px 84px no-repeat;	
}

#logo a {
	display:block;
	position:absolute;
	top:34px;
	left:731px;
}
	ol#nav	{
		margin-left:0;
		top:35px;
		position:absolute;
		width:168px;
		z-index:5;
		height:100px;
		background:transparent url("/images/cssimages/nav-bg.gif") no-repeat;
		}
	ol#nav li {
		clear:both;
		margin:0;
		height:12px;
		width:auto;
		margin-right:10px;
		padding-right:19px;		
		background:#E7E7DB;
	}

 	#surfaces ol#nav li ul {
		position:absolute;
		top:18px;
		width:434px;
		height:10px;
		left:159px;
		z-index:-1;
		background: transparent url("/images/cssimages/subnav.gif") no-repeat;
	}
	
	#design-install ol#nav li ul {
		position:absolute;
		top:36px;
		width:275px;
		height:10px;
		left:159px;
		z-index:-1;
		background: transparent url("/images/cssimages/subnav2.gif") no-repeat;
	}

	ol#nav li ul li	{
		list-style: none;
		clear:none;
		position: absolute;
		background:none;
	}

	ol#nav li ul li, 
	ol#nav li#nav2 ul li a,
	ol#nav li#nav3 ul li a {
		height: 10px;
		display: block;
	}

	ol#nav li#nav2 ul li a,
	ol#nav li#nav3 ul li a {
		float:none;
		margin:0;
		text-indent: -9999em;
		text-decoration: none;
		background:none;
		width:auto;
	}

	#nav2 #subnav1 {left: 0; width: 45px;}
	#nav2 #subnav2 {left: 65px; width: 56px;}
	#nav2 #subnav3 {left: 138px; width: 31px;}
	#nav2 #subnav4 {left: 186px; width: 27px;}
	#nav2 #subnav5 {left: 231px; width: 25px;}
	#nav2 #subnav6 {left: 274px; width: 64px;}
	#nav2 #subnav7 {left: 355px; width: 79px;}
	
	#nav3 #subnav1 {left: 0; width: 161px;}
	#nav3 #subnav2 {left: 178px; width: 96px;}

	ol#nav li#nav2 ul li#subnav1 a:hover,
			ol#nav li#nav2 ul li#subnav1 a.on,
			ol#nav li#nav2 ul li#subnav1 a.on:hover	{background: transparent url("/images/cssimages/subnav.gif") 0 bottom no-repeat;}
	ol#nav li#nav2 ul li#subnav2 a:hover,
			ol#nav li#nav2 ul li#subnav2 a.on,
			ol#nav li#nav2 ul li#subnav2 a.on:hover {background: transparent url("/images/cssimages/subnav.gif") -65px bottom no-repeat;}
			
			ol#nav li#nav3 ul li#subnav1 a:hover,
					ol#nav li#nav3 ul li#subnav1 a.on,
					ol#nav li#nav3 ul li#subnav1 a.on:hover	{background: transparent url("/images/cssimages/subnav2.gif") 0 -10px no-repeat;}
			ol#nav li#nav3 ul li#subnav2 a:hover,
					ol#nav li#nav3 ul li#subnav2 a.on,
					ol#nav li#nav3 ul li#subnav2 a.on:hover {background: transparent url("/images/cssimages/subnav2.gif") -178px -10px no-repeat;}
					
	ol#nav li#nav2 ul li#subnav3 a:hover,
			ol#nav li#nav2 ul li#subnav3 a.on,
			ol#nav li#nav2 ul li#subnav3 a.on:hover {background: transparent url("/images/cssimages/subnav.gif") -138px bottom no-repeat;}
	ol#nav li#nav2 ul li#subnav4 a:hover,
			ol#nav li#nav2 ul li#subnav4 a.on,
			ol#nav li#nav2 ul li#subnav4 a.on:hover {background: transparent url("/images/cssimages/subnav.gif") -186px bottom no-repeat;}
	ol#nav li#nav2 ul li#subnav5 a:hover,
			ol#nav li#nav2 ul li#subnav5 a.on,
			ol#nav li#nav2 ul li#subnav5 a.on:hover {background: transparent url("/images/cssimages/subnav.gif") -231px bottom no-repeat;}
	ol#nav li#nav2 ul li#subnav6 a:hover,
			ol#nav li#nav2 ul li#subnav6 a.on,
			ol#nav li#nav2 ul li#subnav6 a.on:hover {background: transparent url("/images/cssimages/subnav.gif") -274px bottom no-repeat;}
	ol#nav li#nav2 ul li#subnav7 a:hover,
			ol#nav li#nav2 ul li#subnav7 a.on,
			ol#nav li#nav2 ul li#subnav7 a.on:hover {background: transparent url("/images/cssimages/subnav.gif") -355px bottom no-repeat;}

		
	ol#nav li a	{
		display: block;
		text-indent: -99999em;
		float:right;
		margin-bottom:9px;
		position:relative;
		z-index:5;
		height:9px;
		width:139px;
		}
	ol#nav li#nav1 a {
		background:transparent url("/images/cssimages/nav/nav1.gif") top right no-repeat;
	}
	ol#nav li#nav1 a:hover, ol#nav li#nav1 a.current:hover, ol#nav li#nav1 a.current  {
		background:transparent url("/images/cssimages/nav/nav1.gif") bottom right no-repeat;
	}
	
	ol#nav li#nav2 a {
		background:#E7E7DB url("/images/cssimages/nav/nav2.gif") top right no-repeat;
	}
	ol#nav li#nav2 a:hover, ol#nav li#nav2 a.current:hover, ol#nav li#nav2 a.current {
		background:#E7E7DB url("/images/cssimages/nav/nav2.gif") bottom right no-repeat;
	}
	
	ol#nav li#nav3 a {
		background:#E7E7DB url("/images/cssimages/nav/nav3.gif") top right no-repeat;
	}
	
	ol#nav li#nav3 a:hover, ol#nav li#nav3 a.current:hover, ol#nav li#nav3 a.current  {
		background:#E7E7DB url("/images/cssimages/nav/nav3.gif") bottom right no-repeat;
	}

	ol#nav li#nav4 a {
		background:transparent url("/images/cssimages/nav/nav4.gif") top right no-repeat;
	}
	
	ol#nav li#nav4 a:hover, ol#nav li#nav4 a.current:hover, ol#nav li#nav4 a.current  {
		background:transparent url("/images/cssimages/nav/nav4.gif") bottom right no-repeat;
	}
	
	ol#nav li#nav5 a {
		background:transparent url("/images/cssimages/nav/nav5.gif") top right no-repeat;
	}
	
	ol#nav li#nav5 a:hover, ol#nav li#nav5 a.current:hover, ol#nav li#nav5 a.current  {
		background:transparent url("/images/cssimages/nav/nav5.gif") bottom right no-repeat;
	}
	
	ol#nav li#nav6 a {
		background:transparent url("/images/cssimages/nav/nav6.gif") top right no-repeat;
	}
	
	ol#nav li#nav6 a:hover, ol#nav li#nav6 a.current:hover, ol#nav li#nav6 a.current  {
		background:transparent url("/images/cssimages/nav/nav6.gif") bottom right no-repeat;
	}
	
#content  {
	width:950px;
	height:390px;
	position:relative;
	background:transparent;
}

#homepage #content img {
	display:none;
}

.intro #content { /*-- surface intro --*/
	text-indent:-9999em;
	background:transparent url("/images/cssimages/surfaces/intro.gif") no-repeat;	
}

#about.intro #content { /*-- about intro --*/
	background:transparent url("/images/cssimages/about/intro.gif") no-repeat;	
}

#design-install.intro #content { /*-- design+install intro --*/
	background:transparent url("/images/cssimages/design-install/intro.gif") no-repeat;	
}

#design-install.intro.installation-services #content { /*-- design+install installation services intro --*/
	background:transparent url("/images/cssimages/design-install/intro2.gif") no-repeat;	
}

#trade.intro #content { /*-- trade intro --*/
	background:transparent url("/images/cssimages/trade/intro.gif") no-repeat;	
}

#community.intro #content { /*-- community intro --*/
	background:transparent url("/images/cssimages/community/intro.gif") no-repeat;	
}

#welcome #content { /*-- welcome intro --*/
	height:550px;
	text-indent:-999em;
	background:transparent url("/images/cssimages/welcome.gif") 50% 117px no-repeat;	
}

#welcome #content a {
	display:block;
	width:140px;
	height:25px;
	position:absolute;
	left:50%;
	margin-left:-70px;
	top:468px;
	background:transparent url("/images/cssimages/enter.gif") no-repeat;	
}

#welcome #content a:hover {
	background:transparent url("/images/cssimages/enter.gif") 0 -25px no-repeat;	
}

#surface-du-jour.intro #content { /*-- surface du jour intro --*/
	background:transparent url("/images/cssimages/surface-du-jour/intro.jpg") no-repeat;	
}

#surfaces #main h2,
#showroom #main h2 {
	display:block;
	color:#E50009;
	font-size:1.1em;
	font-weight:normal;
}

#typewrap {
	position:relative;
	float:left;	
	width:240px;
	background:transparent url("/images/cssimages/hr.gif") 2px 8px no-repeat;
	margin-left:-15px;
	margin-right:-15px;
}

.types {
	font-size:.9em;
	line-height:1.32;
	text-transform:uppercase;
	float:left;
	margin-top:18px;
	padding-top:18px;
	margin:0 15px;
}

.types.right {
	float:left;
	margin-left:7px;
}


.tile-stone .types.right {
	margin-left:45px;
}


#fadein {
	top:75px;
	position:absolute;
	left:87px;
}
#homepage #content {
	background: transparent url("/images/cssimages/homepage/slide1.jpg") no-repeat;
}

#plus1, #plus2, #plus3, #plus4, #equal {
	width:12px;
	height:12px;
	text-indent:-9999em;
	position:relative;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:16px;
	background:transparent url("/images/cssimages/plus.png") no-repeat;
}

#plus4 {
	background:transparent url("/images/cssimages/minus.png") no-repeat;
}

#equal {
	margin-top:-18px;
	margin-bottom:3px;
	background:transparent url("/images/cssimages/equal.png") no-repeat;
}

#item-1, #item-2, #item-3, #item-4, #item-5, #item-6 {
	height:30px;
	width:600px;
	text-indent:-9999em;
	display:block;
	margin-bottom:25px;
	background:#9BBE12;
	display:none;
}

#item-1 {
	background:#9BBE12 url("/images/cssimages/intro/intro-1.png") no-repeat;
}

#item-2 {
	background:#9BBE12 url("/images/cssimages/intro/intro-2.png") no-repeat;
}

#item-3 {
	background:#9BBE12 url("/images/cssimages/intro/intro-3.png") no-repeat;
}

#item-4 {
	background:#9BBE12 url("/images/cssimages/intro/intro-4.png") no-repeat;
}

#item-5 {
	background:#9BBE12 url("/images/cssimages/intro/intro-5.png") no-repeat;
}

#item-6 {
	background:#98CAC5 url("/images/cssimages/intro/intro-6.png") no-repeat;
}

.adr, .tel, .fn.org.url {
	display:none;
}
#email a {
	position:absolute;
	top:112px;
	right:154px;
	display:block;
	width:29px;
	height:7px;
	text-indent:-9999em;
	background:transparent url("/images/cssimages/email.gif") no-repeat;
}
#email a:hover {
	background:transparent url("/images/cssimages/email.gif") 0 bottom no-repeat;
}

body#surfaces #sidebar,
body#showroom #sidebar {
	width:240px;
	height:366px;
	position:absolute;
	bottom:12px;
	right:12px;
	background:transparent url("/images/cssimages/content-bg.gif") repeat-x;
}

#main {
	width:210px;
	height:306px;
	font-size:1.1em;
	line-height:1.3;
	color:#4B3837;
	margin:38px 15px 15px 15px;
}


#previous a, #next a {
	width:6px;
	height:8px;
	text-indent:-9999em;
	position:absolute;
	top:5px;
	right:26px;
	z-index:10;
	cursor:pointer;
	background:transparent url("/images/cssimages/arrow-lt.gif") no-repeat;
}

#previous a:hover {
	background:transparent url("/images/cssimages/arrow-lt.gif") 0 bottom no-repeat;
}

#next a {
	right:11px;
	background:transparent url("/images/cssimages/arrow-rt.gif") no-repeat;
}

#next a:hover {
	background:transparent url("/images/cssimages/arrow-rt.gif") 0 bottom no-repeat;
}

.stepcarousel{
	position: relative; 
	overflow: hidden;
	width: 950px;
	height: 390px;
}

.stepcarousel .belt{
	position: absolute; 
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; 
	overflow: hidden;
	margin: 0;
	width: 950px;
	position:relative;
}

.stepcarousel .panel a{
	cursor:default;
}
 
.bracket {
	display:none;
	width:100%;
	height:31px;
	z-index:100000;
	position:absolute;
}

.bracket span {
	width:8px;
	height:31px;
	display:block;
	float:left;
	margin-right:20px;
	background:transparent url("/images/cssimages/bracket-left.png") no-repeat;
}

.bracket span.bracket-right {
	margin-right:0;
	background:transparent url("/images/cssimages/bracket-right.png") top right no-repeat;
}
a.show {
	width:280px;
	height:35px;
	display:block;
	left:0;	
	float:left;
	text-indent:-9999em;
	position:absolute;
	z-index:100000;
}

.box {
	margin: 3px;
	height:22px;
	display:block;
	float:left;
	text-decoration:none;
	color:#4B3837;
	line-height:18px;
	background:#EFEFE4;
	margin:4px 0 0 -20px;
	position:relative;
	text-transform:uppercase;
	font-size:.8em;
	text-indent:-9999em;
}

.green .bracket.cork {
	left:285px;
	top:223px;
}

.green .bracket.cork .box {
	width:112px;
	background:transparent url("/images/cssimages/surfaces/green/label.png") no-repeat;
}

.vinyl-laminate .bracket.tibbet {
	left:385px;
	top:207px;
}

.vinyl-laminate .bracket.tibbet .box {
	width:124px;
	background:transparent url("/images/cssimages/surfaces/green/label2.png") no-repeat;
}

.green .bracket.tibbet {
	left:385px;
	top:207px;
}

.green .bracket.tibbet .box {
	width:124px;
	background:transparent url("/images/cssimages/surfaces/green/label2.png") no-repeat;
}

.carpet .bracket {
	left:115px;
	top:297px;
}

.carpet .bracket .box {
	width:149px;
	background:transparent url("/images/cssimages/surfaces/carpet/label.png") no-repeat;
}

.metal .bracket {
	left:315px;
	top:197px;
}

.metal .bracket .box {
	width:195px;
	background:transparent url("/images/cssimages/surfaces/metal/label.png") no-repeat;
}

.solid-surface .bracket {
	left:270px;
	top:247px;
}

.solid-surface .bracket .box {
	width:83px;
	background:transparent url("/images/cssimages/surfaces/solid-surface/label2.png") no-repeat;
}

.hardwood .bracket {
	left:390px;
	top:307px;
}

.hardwood .bracket .box {
	width:132px;
	background:transparent url("/images/cssimages/surfaces/hardwood/label.png") no-repeat;
}

.tile-stone .bracket.porcelain {
	left:165px;
	top:47px;
}

.tile-stone .bracket.porcelain .box {
	width:259px;
	background:transparent url("/images/cssimages/surfaces/tile-stone/label1.png") no-repeat;
}

.tile-stone .bracket.porcelainbath {
	left:365px;
	top:267px;
}

.tile-stone .bracket.porcelainbath .box {
	width:91px;
	background:transparent url("/images/cssimages/surfaces/tile-stone/label6.png") no-repeat;
}

.tile-stone .bracket.porcelainshower {
	left:390px;
	top:187px;
}

.tile-stone .bracket.porcelainshower .box {
	width:207px;
	background:transparent url("/images/cssimages/surfaces/tile-stone/label3.png") no-repeat;
}

.tile-stone .bracket.naturaltile .box {
	width:110px;
	background:transparent url("/images/cssimages/surfaces/tile-stone/label2.png") no-repeat;
}

.tile-stone .bracket.naturaltile {
	left:375px;
	top:277px;
}

.tile-stone .bracket.naturaltilewall {
	left:145px;
	top:240px;
}

.tile-stone .bracket.naturaltilewall .box {
	width:134px;
	background:transparent url("/images/cssimages/surfaces/tile-stone/label5.png") no-repeat;
}

.tile-stone .bracket.recycledtile .box, .green .bracket.recycledtile .box {
	width:86px;
	background:transparent url("/images/cssimages/surfaces/tile-stone/label7.png") no-repeat;
}

.tile-stone .bracket.recycledtile, .green .bracket.recycledtile {
	left:285px;
	top:267px;
}

.tile-stone .bracket.glass-stone .box, .green .bracket.glass-stone .box {
	width:124px;
	background:transparent url("/images/cssimages/surfaces/tile-stone/label4.png") no-repeat;
}

.tile-stone .bracket.glass-stone, .green .bracket.glass-stone {
	left:495px;
	top:132px;
}

.tile-stone .bracket.stainlessmosaic .box {
	width:195px;
	background:transparent url("/images/cssimages/surfaces/tile-stone/label8.png") no-repeat;
}

.tile-stone .bracket.stainlessmosaic {
	left:195px;
	top:210px;
}

.tile-stone .bracket.twenty4 .box {
	width:132px;
	background:transparent url("/images/cssimages/surfaces/tile-stone/label9.png") no-repeat;
}

.tile-stone .bracket.twenty4 {
	left:275px;
	top:270px;
}

.tile-stone .bracket.handmadeceramic .box {
	width:132px;
	background:transparent url("/images/cssimages/surfaces/tile-stone/label10.png") no-repeat;
}

.tile-stone .bracket.handmadeceramic {
	left:360px;
	top:155px;
}

.tile-stone .bracket.bathsinktile .box {
	width:91px;
	background:transparent url("/images/cssimages/surfaces/tile-stone/label6.png") no-repeat;
}

.tile-stone .bracket.bathsinktile {
	left:440px;
	top:130px;
}


#link1, #link2 {
	position:absolute;
	background:red;
	z-index:10;
}

#links a {
	display:block;
	text-indent:-9999em;
	width:200px;
	height:20px;
	bottom:154px;
	left:295px;
	background:#584B3E;
	opacity:0;
}

a#link1 {
	width:200px;
	bottom:148px;
	left:685px;
	
}

a#link2 {
	width:125px;
	bottom:34px;
	left:382px;
}

#links a:hover {
	opacity:.4;
}


#wgs {
	width:166px;
	height:248px;
	top:50%;
	margin-top:-64px;
	left:50%;
	margin-left: -514px;
	position:absolute;
	z-index:1000;
	background:transparent url("/images/cssimages/wgs.png") no-repeat;
}

#slidenumbers {
	position:absolute;
	top:3px;
	left: 15px;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
}