@charset "UTF-8";
.bodyCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	color: #666666;
	line-height: 18px;
	padding-top: 20px;
	padding-right: 20px;
}
.bodyCopyNarrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	color: #666666;
	line-height: 18px;
	padding-top: 20px;
	padding-right: 20px;
}
.bodyCopy a{
	text-decoration: underline;
	color: #666666;
}
.bodyCopyItal {
	color: #666666;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
	width: 525px;
	list-style-position: outside;
}
.bodyCopyItal a{
	text-decoration: underline;
	color: #666666;

}
.resources {
	color: #666666;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-style: italic;
}
.resources a{
	text-decoration: underline;
	color: #666666;

}
.finishesCopyItal {
	color: #666666;
	margin-left: 0px;
	margin-right: 60px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
}
.bodyheader {
	font-size: 13px;
	line-height: 18px;
	font-weight: bolder;
	color: #666666;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: oblique;
}

.description a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #455a21;
	text-decoration: underline;
}
/* FINISH SAMPLE STYLES */
.finish_menu_NAV {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: left;
	margin-left: 20px;
}

.finish_menu_NAV a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: auto;
	text-decoration: none;
}

.finish_menu_NAV_SELECTED {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin: auto;
	text-align: center;
	text-decoration: underline;
}

.finish_menu_NAV_item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
}
.finish_description_para {
	color: #666666;
	text-align: left;
	font: 10px/15px Arial, Helvetica, sans-serif;
}


.finish_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 10px;
	color: #666666
}
.finish_title a{
	color: #666666
}
.next_back {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.next_back a{
	color: #666666;
	text-decoration: none;
}
.finish_swatch_SELECTED {
	border: 2px solid #FF6600;
}
.text_UNDERLINED {
	text-decoration: underline;
}
.stainGlazePaint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 10px;
	color: #666666;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
}

/* Inspiration Gallery Popup - added by Andy */
#inspirationContainer {
	background-image: url("images/inspiration_gallery_background.jpg");
	height: 666px;
	width: 764px;
	position: absolute;
	top: 25px;
	z-index: 1000;
	background-color: #9A8C7E;
	font-family: Arial;
}
#inspirationDesc {
	font-size: 11px;
	color: #FFFFFF;
	line-height: 16px;
}
#inspirationBody {
	padding-top: 30px;
	width: 618px;
	margin: auto;
	opacity: 1;
	filter: alpha(opacity=100);
}
#inspirationHeadline {
	margin: auto;
	width: 341px;
}
#myOverlay {
	background-color: black;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 900;
}
#inspirationImageClose {
	position: absolute;
	bottom: 5px;
	right: 10px;
	cursor: pointer;
}
#inspirationClose {
	position: absolute;
	bottom: 7px;
	right: 30px;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	color: #FFFFFF;
	cursor: pointer;
}
#inspirationFilter {
	height: 48px;
	line-height: 48px;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 35px;
	background-color: #ADA094;
}
#narrowList {
	list-style: none;
	padding-left: 11px;
	padding-right: 11px;
}
#narrowList li {
	margin: 0;
	padding: 0 15px 0 0; 
	display: inline;
}
#leftArrow {
	position: absolute;
	bottom: 63px;
	left: 38px;
	cursor: pointer;
}
#rightArrow {
	position: absolute;
	bottom: 63px;
	right: 38px;
	cursor: pointer;
}
#inspirationView {
	text-decoration: underline;
	cursor: pointer;
}
#submitInspiration {
	cursor: pointer;
}
#mainImageHolder {
	border: 3px solid white;
}
#mainImage {
	width: 612px;
	height: 349px;
}
#leaf {
	position: absolute;
	top: 14px;
	right: 14px;
}
#imageText {
	padding-top: 7px;
	height: 53px;
	color: white;
	font-size: 11px;
	line-height: 16px;
}
#inspirationThumbs {
	padding: 7px 0 0 0;
	margin: 0;
	overflow: hidden;
	width: 617px;
	height: 72px;
	white-space: nowrap;
	position: relative;
}
#inspirationThumbs div {
	display: inline;
	padding: 0 9px 0 0;
	margin: 0;
	width: 114px;
}
#inspirationThumbs div img {
	padding: 0;
	margin: 0;
}
.thumbActive {
	border: 1px solid white;
}
.thumbInactive {
	border: 1px solid #BFB7AE;
}
.styleSelect {
	text-decoration: underline;
}
.styleUnselect {
	text-decoration: none;
	font-weight: bold;
}
#styleTable td {
	cursor: pointer;
	padding-right: 15px;
}

/* Door Search - added by Andy 
#doorLayout {
	width: 629px;
	position: relative;
	font-size: 12px;
	margin-left: 155px;
}
#doorFilter {
	height: 40px;
	background-color: #F2F0EE;
}
#doorNarrow td {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}
#doorText {
	float: left;
	width: 105px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	word-wrap: break-word;
}
#doorThumbs {
	float: left;
	width: 416px;
	padding-left: 28px;
}
#doorInfo {
	height: 29px;
	line-height: 29px;
	font-size: 9px;
}
#doorTable {
	margin: 0;
	padding: 0;
}
#doorTable td {
	height: 165px;
	width: 104px;
	margin: 0;
	padding: 0 15px 18px 0;
}
#doorTable tr {
	margin: 0;
	padding: 0;	
}
.doorActive {
	border: 2px solid #D17E06;
}
#submitDoor {
	cursor: pointer;
}
#narrowDoorsList {
	list-style: none;
	padding-left: 11px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#narrowDoorsList li {
	margin: 0;
	padding: 0 5px 0 0; 
	display: inline;
}
#doorArrowLeft {
	position: absolute;
	bottom: 0px;
	right: 20px;
	cursor: pointer;
}
#doorArrowRight {
	position: absolute;
	bottom: 0px;
	right: 0px;
	cursor: pointer;
}
#doorPopup {
	height: 618px;
	width: 390px;
	z-index: 1000;
	border: 1px solid black;
	position: absolute;
	background-color: white;
}
#largeDoor {
	padding: 20px 20px 0 20px;
}
#doorClose {
	position: absolute;
	right: 40px;
	bottom: 10px;
	font-size: 12px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
#doorImageClose {
	position: absolute;
	right: 20px;
	bottom: 6px;
}
#doorX {
	cursor: pointer;
}*/
/* FORM STYLES */
.FormHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
.FormItem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #996600;
}
.FormItemRequire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	font-style: italic;
}
.contactText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	color: #666666;
	line-height: 18px;
	width: 300px;
	}
/* EXTRA FORM STYLE*/
.bltstyle {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
	list-style-position: outside;
}




/*--------------------------------*/
/* Navigation and Header elements */
/*--------------------------------*/

#header {
	position:relative;
	width:954px;
/*	height:340px;*/
	height:168px;
	vertical-align:top;
	background:transparent url(images/logo.gif) no-repeat top left;
	
/*	margin-bottom:50px;*/
}
#header-logo { display:none;}

#logo-link {
	display:block !important;
	width:320px;
	height:60px;
	margin:0 auto;
	position:relative;
	top:40px;
/*	border:1px solid red;*/
	z-index:999;
}

.hwrap {
	width:954px;
	position:relative;
	margin-bottom:50px;
	height:1px;
	margin-top:-1px;
/*	border-bottom:1px solid blue;*/
}
#subNav {
	
	margin:0 auto;
	position:absolute;
	
	top:-60px;
	left:0;
	right:0;
/*	margin:0;*/
	padding:0;
}
#subNav li {
	float:left;
	display:block;
	margin:0;
	padding:0;

	background-color:transparent;
}
#subNav li div {
	background-color: #d6d6d6;
	background-color: rgba(214, 214, 214, 0.8);
	padding:25px;
	display:none;
}

#nav a:hover + #subNav li div {
	display:block;
}

#subNav li a {
	display:block;
	text-decoration:none;
	color:#897b6e;
	font-size:11px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-variant:small-caps;
	font-weight:bold;
	padding:4px 0;
}





#nav li ul {
	position:absolute;
	top:32px;

	margin:0;
	padding:0;
}
#nav li ul li {
	float:left;
	display:block;
	margin:0;
	padding:0;
	background-color:transparent;
}
#nav li ul li div {
	background-color: #d6d6d6;
	background-color: rgba(214, 214, 214, 0.8);
	padding:30px 10px 20px 0px;
	display:none;
	text-align:left;
}

#nav li:hover > ul li div {
	display:block;
}

#nav li ul li a {
	display:block;
	text-decoration:none;
	color:#72665c;
	font-size:10px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-variant:small-caps;
	font-weight:bold;
	padding:4px 0 4px 18px;
	
	background:transparent;
	height:auto;
	
	position:relative; z-index:900;
}

/*#nav li ul li a:hover { background-color:#fff; }*/




#nav {
	position:absolute;
	bottom:4px;
	left:0;
	right:0;
/*	margin:0 auto;*/
	margin:0;
	padding:0;
}
#nav li {
	float:left;
	display:block;
/*	width:159px;*/
	margin:0;
	padding:0;
	text-align:center;
	
}
#nav a em {
	display:none;
}
#nav a {
	display:block;
	padding:0; margin:0;
/*	width:159px;*/
	height:92px;
	background-color:transparent;
	background-image:url(images/nav-1.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

	#nav.home a { background-position:0px  0px;   }
	
	#nav.n1 a   { background-position:0px -276px;  }
	
	#nav.n2 a 	{ background-position:0px -92px;  }
	#nav.n3 a 	{ background-position:0px -184px; }
	#nav.n4 a 	{ background-position:0px -460px; }
	#nav.n5 a 	{ background-position:0px -368px; }
	#nav.n6 a 	{ background-position:0px -276px; }


#nav a:hover {
	background-position: 0px -557px;
}

#nav.n1 li a.nav-1 { background-position:0px -651px; }
#nav.n1 li a.nav-6 { background-position:0px -651px; }
#nav.n1 li a.nav-6:hover { background-position:0px -557px;}
/*#nav.n1 li a.nav-1:hover { background-position:0px -460px; }*/

#nav.n2 li a.nav-2:hover { background-position:0px -92px; }
#nav.n3 li a.nav-3:hover { background-position:0px -184px; }
#nav.n4 li a.nav-4:hover { background-position:0px -460px; }
#nav.n5 li a.nav-5:hover { background-position:0px -368px; }
#nav.n6 li a.nav-6:hover { background-position:0px -276px;}





#nav a.nav-1 {background-image:url(images/nav-1.png); position:relative; z-index:800;}
#nav a.nav-2 {background-image:url(images/nav-2.png); position:relative; z-index:800;}
#nav a.nav-3 {background-image:url(images/nav-3.png); position:relative; z-index:800;}
#nav a.nav-4 {background-image:url(images/nav-4.png); position:relative; z-index:800;}
#nav a.nav-5 {background-image:url(images/nav-5.png); position:relative; z-index:800;}
#nav a.nav-6 {background-image:url(images/nav-6.png); position:relative; z-index:800;}

.w-1 { width:160px; }
.w-2 { width:163px; }
.w-3 { width:162px; }
.w-4 { width:162px; }
.w-5 { width:163px; }
.w-6 { width:144px; }

.w-2 div, .w-5 div { margin-top:30px !important;}
.w-3 div, .w-4 div { margin-top:40px !important;}
.w-1 div, .w-6 div { margin-top:8px !important;}
/* the last drop down is only 144px - this fixes the hover from getting chopped off*/
.w-6 div { padding-right:0px !important;}

#nav li ul li a:hover 		{ background-color:#b6b0ab; background:transparent url(images/nav-bg4.png) repeat-y 0px 0px; }
#nav li ul li.w-1 a:hover { background-color:#b6b0ab; background:transparent url(images/nav-bg4.png) repeat-y 0px 0px; }
#nav li ul li.w-2 a:hover { background-color:#c6a988; background:transparent url(images/nav-bg4.png) repeat-y -150px 0px; }
#nav li ul li.w-3 a:hover { background-color:#dece88; background:transparent url(images/nav-bg4.png) repeat-y -300px 0px; }
#nav li ul li.w-4 a:hover { background-color:#c1c78d; background:transparent url(images/nav-bg4.png) repeat-y -450px 0px; }
#nav li ul li.w-5 a:hover { background-color:#a7c0c3; background:transparent url(images/nav-bg4.png) repeat-y -600px 0px; }
#nav li ul li.w-6 a:hover { background-color:#b6b0ab; background:transparent url(images/nav-bg4.png) repeat-y 0px 0px; }





/* Homepage Images */
#header { z-index:800;}

.fadein { position:relative; width:954px; height:440px; margin-top:-60px; }
.fadein img { position:absolute; left:0; top:0; }


/* Footer styles */

#foot { 
	background:#fff url(images/foot.jpg) no-repeat top left;
	height:36px;
	text-align:right;
/*	margin-top:1px;*/
	padding-top:3px;
}
#foot a {
/*	display:none;*/
	display:block;
	width:55px;
	margin:0 0 0 auto;
	
	text-align:center;
	margin-right:35px;
	background-color: #887a6d;
	color:#fff;
	font-size:7px;
	padding:10px 4px 5px 4px;
/*	font-weight:bold;*/
	font-family:"Comic Sans", Helvetica, Arial, sans-serif;

	text-decoration:none;
	
/*	margin-top:10px !important;*/
	
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
}

#foot a:hover {
	background-color: #9a8e83;
	padding:10px 4px 8px 4px;
}