@charset "utf-8";
/* CSS Document */


body {
	background:#000;
	margin:0 auto;
	padding:0;
	text-align:center;
	}

a img { border:none; }
.clear { clear:both; font-size:0; line-height:0; }
p.skip { display:none; }
hr { margin:0 0 30px 0; padding:0; border:0; background-color:#333; color:#333; height:1px; }

#container {
	background:;
	width:960px;
	margin:0 auto;
    padding:0;
	text-align:center;
	}
#header { 
	background:url(/img/bg-header.jpg) no-repeat 0 0; 
	position:relative;
	width:960px;
	height:195px;
	margin:0;
	padding:0;
	z-index:100;
	}
	
	
/* MAIN MENU POSITIONING */
#jsddm {
	position:relative;
	float:left;
	display:inline;
	width:770px;
	height:20px;
	margin:10px 0 0 190px; padding:0; border:0;
	z-index:100;
	}
#jsddm li { 
	position:relative;
	float:left;
	display:inline;
	margin:0; padding:0;
	list-style: none;
	}
#jsddm li.home { 
	position:absolute;
	display:block;
	top:40px;
	left:215px;
	width:340px;
	height:155px;
	margin:0; padding:0;
	}
	
#jsddm .about {width:113px; margin:0 0 0 50px;}
#jsddm .galleries {width:124px; margin:0 0 0 30px;}
#jsddm .info {width:148px; margin:0 0 0 140px;}
#jsddm .dealers {width:85px; margin:0 0 0 30px;}

#jsddm .home a { display:block; width:340px; height:155px; }
#jsddm .about a,
#jsddm .galleries a,
#jsddm .info a,
#jsddm .dealers a { display:block; height:20px; }

#jsddm .about h3 a:link, #jsddm .about h3 a:visited { background:url(/img/menu-about.gif) no-repeat 0 0; }
#jsddm .about h3 a:hover, #jsddm .about h3 a:active { background:url(/img/menu-about.gif) no-repeat 0 -20px; }
#jsddm .galleries h3 a:link, #jsddm .galleries h3 a:visited { background:url(/img/menu-galleries.gif) no-repeat 0 0; }
#jsddm .galleries h3 a:hover, #jsddm .galleries h3 a:active { background:url(/img/menu-galleries.gif) no-repeat 0 -20px; }
#jsddm .info h3 a:link, #jsddm .info h3 a:visited { background:url(/img/menu-info.gif) no-repeat 0 0; }
#jsddm .info h3 a:hover, #jsddm .info h3 a:active { background:url(/img/menu-info.gif) no-repeat 0 -20px; }
#jsddm .dealers h3 a:link, #jsddm .dealers h3 a:visited { background:url(/img/menu-dealer-info.gif) no-repeat 0 0; }
#jsddm .dealers h3 a:hover, #jsddm .dealers h3 a:active { background:url(/img/menu-dealer-info.gif) no-repeat 0 -20px; }

/* MAIN MENU DROPDOWN MENUS */
#jsddm li ul {
	background:#251a16;
	margin:0;
	padding:16px 20px 20px 20px;
	position:absolute;
	top:24px;
	left:-20px;
	visibility:hidden;
	text-align:left;
	}
#jsddm li.galleries ul { width:143px; }
#jsddm li.info ul { width:148px; }

#jsddm li ul li { float:none; display:inline;  }
#jsddm li ul li a { width:auto; color:#cba585; white-space:nowrap; margin:0 0 6px 0; }
#jsddm li ul li a:hover {  }

#sidebar, #content { position:relative; float:left; display:inline; margin:0 20px 0 0; padding:0; }
#sidebar { background:; width:190px; }
#content { background:; width:730px; border-top:8px solid #2b1d17; text-align:left; }


/* SIDEBAR MENU POSITIONING */
.sidebar_menu,
.sidebar_menu li,
.address,
.address li {
	position:relative;
	float:left;
	display:inline;
	width:190px;
	margin:0; padding:0; border:0;
	}
.sidebar_menu li { width:190px; margin:0 0 16px 0; } 
.sidebar_menu li a { display:block; height:170px; margin:0; padding:0; }
.sidebar_menu li.topspace { margin:50px 0 0 0; padding:0; }

.kitchens a:link, .kitchens a:visited { background:url(/img/menu-kitchens.jpg) no-repeat 0 0; }
.kitchens a:hover, .kitchens a:active { background:url(/img/menu-kitchens.jpg) no-repeat 0 -170px; }
.bathrooms a:link, .bathrooms a:visited { background:url(/img/menu-bathrooms.jpg) no-repeat 0 0; }
.bathrooms a:hover, .bathrooms a:active { background:url(/img/menu-bathrooms.jpg) no-repeat 0 -170px; }
.specialty a:link, .specialty a:visited { background:url(/img/menu-specialty.jpg) no-repeat 0 0; }
.specialty a:hover, .specialty a:active { background:url(/img/menu-specialty.jpg) no-repeat 0 -170px; }

.warranty { background:url(/img/menu-warranty.gif) no-repeat 50% 0; display:block; height:118px; }
.kcma { background:url(/img/menu-kcma.gif) no-repeat 50% 0; display:block; height:130px; }
.address { margin-top:50px; }


/* FRAMEWORK AND SUBMENU POSITIONING */
.showcase,
.showcase_base, 
.submenu,
.tagline,
.titleline,
.submenu2 {
	position:relative;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	}
.showcase { background:url(../img/showcase-photo.jpg) no-repeat 0 0; width:730px; height:455px; }
.showcase_base { background:url(../img/bg-showcase-base.jpg) no-repeat 0 0; width:730px; height:25px; }
.submenu { background:url(../img/bg-submenu.gif) no-repeat 0 0; width:715px; height:42px; margin:0; padding:12px 0 0 15px; }
.home .submenu { background:url(../img/bg-submenu.gif) no-repeat 0 0; width:715px; height:42px; margin:0 0 50px 0; padding:12px 0 0 15px; }

/* SUBMENU */
.submenu li {
	background:;
	position:relative;
	float:left;
	display:inline;
	width:208px;
	margin:0 36px 0 0;
	padding:0;
	}
.submenu li a { display:block; height:30px; }
.submenu .endrow { margin-right:0; }
.submenu .doors a:link, .submenu .doors a:visited { background:url(/img/menu-door-styles.gif) no-repeat 0 0; }
.submenu .doors a:hover, .submenu .doors a:active { background:url(/img/menu-door-styles.gif) no-repeat 0 -30px; }
.submenu .woods a:link, .submenu .woods a:visited { background:url(/img/menu-woods.gif) no-repeat 0 0; }
.submenu .woods a:hover, .submenu .woods a:active { background:url(/img/menu-woods.gif) no-repeat 0 -30px; }
.submenu .finishes a:link, .submenu .finishes a:visited { background:url(/img/menu-finishes.gif) no-repeat 0 0; }
.submenu .finishes a:hover, .submenu  .finishes a:active { background:url(/img/menu-finishes.gif) no-repeat 0 -30px; }

.tagline { background:url(../img/tagline.gif) no-repeat 0 0; width:730px; height:123px; margin:0 0 20px 0; padding:0; }
.titleline { width:715px; margin:0 0 30px 0; padding:30px 0 30px 15px; border-bottom:1px solid #484542; }
.titleline p { margin:1.5em 0 0 0; padding: 0;}

/* SUBMENU2 for interior page options, such as Finish options. */
.submenu2 { width:715px; margin:0 0 30px 0; padding:0px 0 30px 15px; border-bottom:1px solid #484542; }
.submenu2 ul, .submenu2 li { margin:0; padding:0; }
.submenu2 li {
	position:relative;
	float:left;
	display:inline;
	margin:0 30px 0 0;
	}
.submenu2 li h3 { font-size:14px; line-height:1.3; margin:0; padding:0;  }


/* COLUMN POSITIONING */
#column1, #column2, #column1_wide, .column_narrow {
	position:relative;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	}
#column1 { width:355px; margin:0 30px 45px 15px; }
#column1_wide { width:700px; margin:0 15px 45px 15px; }
#column2 { width:315px; margin-bottom:45px; }
.column_narrow { width:200px; margin:0 30px 0 0; padding:0; }
.column_narrow ul { margin:0 0 30px 0; padding:0; }
.column_narrow li { margin:0; padding:0; }
.column_narrow .end_row { margin-right:0; }


/* SECTION POSITIONING */
.intro,
.blog, 
.video,
.form {
	position:relative;
	float:left;
	display:inline;
	margin:0 0 40px 0;
	padding:0;
	}


/* READ MORE button */
.read_more {
	background:url(/img/read-more.gif) no-repeat 0 0;
	position:relative;
	float:left;
	width:83px;
	height:24px;
	margin:0;
	padding:0;
	text-indent:-7000px;
	}
.read_more a  {
	display:block;
	width:83px;
	height:24px;
	margin:0; padding:0;
	}
.read_more a:link, .read_more a:visited { background:url(/img/read-more.gif) no-repeat 0 0; }
.read_more a:hover, .read_more a:active { background:url(/img/read-more.gif) no-repeat 0 -24px; }


/* CONTACT FORM */
form ul, form li, form label {
	position:relative;
	background:none;
	margin:0; padding:0;
	line-height:1;
	}
form label { margin-bottom:40px; }
form li { margin-bottom:12px; }
form input, form textarea  { background:#000; display:block; width:313px; margin:4px 0 0 0; border:1px solid #3b3b3b; color:#757575;  }
form input.submit_button {
	background:url(/img/submit.gif) no-repeat 0 0;
	width:61px;
	height:24px;
	margin:12px 0 0 0;
	padding:0;
	border:0;
	}
form .noborder { border:0; }


/* CABINET and FINISHES GALLERIES */
ul.gallery li {
	position:relative;
	float:left;
	display:inline;
	margin:10px 14px 10px 0;
	padding:0;
	width:164px;
	font-size:12px;
	}
ul.gallery,
ul.gallery li ul,
ul.gallery li ul li { margin:0; padding:0; color:#c9c9c9; }
ul.gallery li ul li span { margin:0; padding:0; color:#666; }
ul.gallery li img { margin:0 0 6px 0; }
ul.gallery li.endrow { margin-right:0; }
/*ul.gallery li.rowstart { clear:left; } li height makes this unnecessary */

.finishes ul.gallery li.tn { height:325px; }
.door_styles  ul.gallery li.tn { height:430px; }
.kitchen_page ul.gallery li.tn { height:225px; }
.bathroom_page ul.gallery li.tn, .specialty_page ul.gallery li.tn { height:165px; }

/* WOOD SPECIES */
.view_link { display:block; margin:10px 0 0 0; padding:0; }



/* FINISH GALLERY 
.finishes .finish_gallery ul {
	position:relative;
	float:left;
	display:inline;
	width:165px;
	margin:0 13px 30px 0;
	padding:0;
	}
.finishes .finish_gallery ul li { margin:0; padding:0; }
.finishes ul.endrow { margin-right:0; }*/


/* DEALER INFO */
.company { color:#b1b1b1; font-weight:100; }

h3.green_leaf { color:#9fdb69; background:url(/img/green-leaf.gif) no-repeat 0 0; padding:3px 0 2px 26px; }


/* FOOTER */
#footer { 
	background:url(/img/bg-footer.jpg) no-repeat bottom right; 
	position:relative;
	display:block;
	width:700px;
	height:40px;
	margin:50px 0 0 0;
	padding:0 35px 0 225px;
	font-size:12px;
	color:#7b665f;
	clear:both;
	}
#footer .left, #footer .right {
	position:relative;
	float:left;
	display:inline;
	width:350px;
	margin:0;
	padding:11px 0 0 0;
	}
#footer .right { text-align:right; }

#footer a:link, #footer a:visited { color:#7b665f; text-decoration:none; }
#footer a:hover, #footer a:active { color:#7b665f; text-decoration:underline; }

.end_row { margin-right:0; }