/* CSS Document */

img {
	margin: 0;
	border: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 50px 0 0 0;
	background: url(../images/bkg-wood.jpg) repeat #402f1f;
	font: 11px Arial, Helvetica, sans-serif;
	text-align: center;
}

p {
	margin: 0;
	padding: 2px 0 6px 0;
	line-height: 16px;
	color: #886031;
	text-align: left;
}

ul {
	color: #402f1f;
	line-height: 18px;
	text-align: left;
}

ol {
	color: #402f1f;
	line-height: 18px;
	text-align: left;
}

h1 {
	margin: 0;
	padding: 0;
	line-height: 0;
}

h2 {
	margin: 0;
	padding: 0;
	font: 16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #b19b7d;
}

h2 a {
	margin: 0;
	padding: 0;
	font: 16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #b19b7d;
	text-decoration: none;
}

h2 a:hover {
	color: #acc556;
	text-decoration: underline;
}

a {
	color: #886031;
	text-decoration: none;
	}

a:hover {
	color: #acc556;
	text-decoration: underline;
	}
	
table {
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	height: auto;
}

form {
	margin: 0;
	padding: 0;
}

input {
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: normal;
}

label {
	margin: 0;
	padding: 0;
	line-height: 16px;
	color: #886031;
	text-align: left;
}
	
#header {
	width: 920px;
	height: auto;
	margin: 0 auto;
	padding: 26px 0 0 0;
	text-align: right;
	background: url(../images/hdr-nothingbutwood.gif) no-repeat;
}

#header ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#header li {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#header li a {
	background: url(../images/bkg-topnav.gif) repeat-x top #ae7d41;
	border-top: 1px solid #18110b;
	border-right: 1px solid #18110b;
	border-left: 1px solid #18110b;
	border-bottom: none;
	color: #3d2f21;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
	padding: 2px 6px 2px 6px;
}

#header li a:hover {
	color: #fff;
}

#header li a.on {
	color: #fff;
}


.wrap-border {
	width: 100%;
	height: 6px;
	background: #e1d1b5;
	border-top: 1px solid #18110b;
	border-bottom: 1px solid #18110b;
}

#wrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: #cc9c63;
}

#content {
	width: 920px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url(../images/bkg-content.gif) repeat-y;
}


#content-in {
	width: 920px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url(../images/bkg-content-in.gif) repeat-y;
}

#content-rt {
	float: right;
	width: 743px;
	height: auto;
	margin: 0;
}

#content-rt, #content-rt UL, #content-rt OL {
	color: #886031;
}

#content-interior {
	padding: 20px;
	text-align: left;
}

#content-interior-lt {
	width: 408px;
	float: left;
}

#content-interior-rt {
	width: 280px;
	float: right;
}

#content-interior-rt DIV {
	text-align: center;
	color: #cc9c63;
}

#content-interior-rt IMG {
	border: 2px solid #cc9c63;
}

#content-lt {
	float: left;
	width: 175px;
	height: auto;
	margin: 0;
	padding: 25px 0 25px 0;
}

#mini-nav {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#mini-nav ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#mini-nav li {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	color: #80973b;
	text-transform: uppercase;
}

#mini-nav li a {
	color: #fff;
	text-decoration: none;
}

#mini-nav li a:hover {
	color: #80973b;
	text-decoration: underline;
}

#newsletter {
	width: auto;
	height: auto;
	margin: 0;
	padding-left: 10px;
	text-align: left;
}

#newsletter p {
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

#newsletter input {
	color: #80973b;
	text-transform: uppercase;
	background: #efe3ca;
	border: 1px solid #fff;
	width: 150px;
	height: auto;
	margin: 0;
}

#newsletter input.button2 {
	background: #80973b;
	border: 1px solid #fff;
	color: #fff;
	text-transform: uppercase;
	margin: 4px 0 4px 0;
	width: auto;
}

#home-bottom {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url(../images/bkg-home-bottom.jpg) no-repeat #251a12;
}

#home-bottom-md {
	width: 220px;
	height: auto;
	float: left;
	text-align: left;
	padding-left: 53px;
}

#home-bottom-rt {
	width: 179px;
	height: auto;
	float: right;
}

#home-bottom-rt a {
	width: 179px;
	height: 141px;
	display: block;
}

#home-bottom a {
	color: #b19b7d;
	text-decoration: none;
}

#home-bottom a:hover {
	color: #acc556;
	text-decoration: underline;
}

#home-bottom-lt {
	width: 265px;
	height: auto;
	float: left;
	text-align: left;
	padding-left: 25px;
}

#news a {
	color: #b19b7d;
	text-decoration: none;
}

#news a:hover {
	color: #acc556;
	text-decoration: underline;
}

#login {
	width: 920px;
	height: 38px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url(../images/bkg-login.gif) no-repeat;
}

#login input {
	background: #56402a;
	border: 1px solid #886031;
	color: #e1d1b5;
}

#login input.button1 {
	background: #886031;
	border: 1px solid #fff;
	color: #231911;
	text-transform: uppercase;
}

#login table {
	width: 400px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-align: center;
}	

#footer {
	width: 920px;
	height: auto;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}

#footer p {
	text-align: center;
	color: #a1927c;
}

#leftnav {
	width: auto;
	height: auto;
	float: left;
	margin: 12px 1px 20px 1px;
}

#subnav, #subnav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width: 173px;
	}
	
	#subnav li { /* all list items */
		position : relative;
		float : left;
		line-height : 12px;
		width: 173px;
		font: 12px Arial, Helvetica, sans-serif;
	}
	
	#subnav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		top: 0px;
		margin-left : 175px;
		background: #8aa43f;
		border-right: 1px dotted #fff;
		border-top: 1px dotted #fff;
		border-bottom: 1px dotted #fff;
	}
	
	#subnav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#subnav li a {
		display : block;
		color : #fff;
		font-weight : normal;
		text-decoration : none;
		text-transform: uppercase;
		padding: .35em 0 .35em .35em;
		border-top: 1px dotted #fff;
		border-bottom: 1px dotted #fff;
		background: #9cb64b;
		margin-bottom : 4px;
	}
	
	#subnav li a.on {
		display : block;
		color : #fff;
		font-weight : normal;
		text-decoration : none;
		text-transform: uppercase;
		padding: .35em 0 .35em .35em;
		border-top: 1px dotted #fff;
		border-bottom: 1px dotted #fff;
		background: #8aa43f;
		margin-bottom : 4px;
	}
	
	#subnav li a.on:hover {
		color : #fff;
	}
	
	#subnav li a:hover {
		color: #fff;
		text-decoration: none;
		background: #8aa43f;
		padding: .35em 0 .35em 2em;
	}
	
	#subnav li a.sub {
		display : block;
		color : #000;
		font-weight : normal;
		text-decoration : none;
		text-transform: uppercase;
		border: none;
		background: #8aa43f;
		margin-bottom : 0;
		border-bottom: 1px solid #afc757;
		font: 10px Arial, Helvetica, sans-serif;
		padding: .5em 0 .5em .5em;
	}
	
	#subnav li a.sub:hover {
		color : #000;
		background: #afc757;
	}
	
	#subnav li a.sub2 {
		width: 173px;
		w\idth : 171px;
		display : block;
		color : #000;
		font-weight : bold;
		text-decoration : none;
		text-transform: uppercase;
	}
	
	#subnav li a.sub2:hover {
		color : #80973b;
	}
	
	#subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul { /* lists nested under hovered list items */
		left: -2px;
	}

#products {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

#products ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	text-align: center;
}

#products li {
	width: 155px;
	height: auto;
	margin: 0;
	padding: 8px;
	float: left;
	text-align: center;
	font: 14px Arial, Helvetica, sans-serif;
}

#products img {
	border: 4px solid #d7d3b6;
}

#galleryImages {
	width: 302px;
	float: right;
	overflow: hidden;
}

#galleryImages IMG {
	border: 2px solid #cc9c63;
	float: left;
	margin-left: 22px;
	margin-bottom: 22px;
}

#galleryImageMain {
	width: 401px;
	float: left;
	color: #cc9c63;
	text-align: center;
}

#galleryImageMain IMG {
	border: 2px solid #cc9c63;
	margin-bottom: 2px;
}

#woodFlooringMain {
	width: 340px;
	float: left;
	padding-top: 20px;
}

#woodFlooringMain DIV {
	display: none;
}

#woodFlooringMain H1 {
	color: #e1d1b5;
	font-size: 12px;
	padding: 0;
	margin-top: 4px;
	line-height: 16px;
}

#woodFlooringMain IMG {
	border: 2px solid #cc9c63;
}

#woodFlooringNav {
	width: 350px;
	float: right;
}

#woodFlooringNav H1 {
	color: #e1d1b5;
	font-size: 12px;
	padding: 0;
	margin-bottom: 4px;
	line-height: 16px;
}

#woodFlooringNav IMG {
	margin-right: 8px;
	margin-bottom: 8px;
	border: 2px solid #cc9c63;
}

.subimages {
	width: 200px;
	height: 230px;
	float: left;
	margin-right: 30px;
	margin-top: 32px;
	margin-left: 7px;
}

.subimages IMG {
	border: 2px solid #cc9c63;
	width: 196px;
	height: 196px;
}

.subimages DIV {
	text-align: center;
	color: #cc9c63;
	line-height: 30px;
}

.subimages A {
	color: #cc9c63;
	text-decoration: none;
}

.subimages A:hover {
	color: #cc9c63;
	text-decoration: underline;
}

/***Tony Aslett's clearing hack***/
  .clearing:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

  .clearing {
    display: inline-block;
    }

  /* hides from IE/Mac \*/
  * html .clearing { 
    height: 1%;
    }

  .clearing {
    display: block;
    }
  /* end hide from IE-Mac */
  /***end clearing hack***/