/* CSS Document */

/*Colors: bgBlueGreen=#586d6f; #586d6f*/

/*<<<<<Browser Elements Reset>>>>>>>*/
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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/*<<<<<End Browser Elements Reset>>>>>>>*/	
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<Links, Headers, and Lists>>>>>>>*/

a:link {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #434142;
}
a:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #434142;
}
a:hover {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #015e63;
	background-image:url(../images/rollOverImg.jpg);
}
a:active {
font-family:Georgia, "Times New Roman", Times, serif;
	color: #015e63;
}

h1 {
	color:#ffffff;
	font-weight:normal;
	font-size:130%;
	margin-bottom:-15px;
	margin-top:15px;
	padding-left:5px;
}

ul.samples {
	width:688px;
	float:left;
	list-style:none;
}

ul.samples li {
	width:100px;
	margin:0px 20px 20px 15px;
	float:left;
}
/*<<<<<<<End Links Headers, and Lists>>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<Page Structure>>>>>>*/
body {
	min-width:1000px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#0d2f31;
	font-size:15px;
	background:#586d6f url(../images/bgGrad.jpg) repeat-x;
	margin-bottom:-76px;
}

#topDeco {
	position:absolute;
	height:226px;
	width:100%;
	background-image:url(../images/bgImgTop.jpg);
	top:0;
	left:0;
	background-repeat:repeat-x;
}	

#wrapper {
	position:relative;
	width:900px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	min-height:768px;
}

.clearBoth {clear:both;}
.emph {
	font-size:20px;
	color:#ebdeaa;
	line-height:normal;
}
.down {margin-bottom:30px;}
.left {float:left; position:relative; width:120px;}
.lower {margin-top:25px;}
.divide {
	border-bottom: dotted 1px #fbfbf7;
	width:688px;
	margin:10px 0;
	clear:both;
}

.moveleft {position:relative; left:11px;}
.hardwareImg {position:relative; left:86px;}
/*<<<<<<<End Page Structure>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<menu>>>>>>>*/

#menuBg {
	position:absolute;
	height:100%;
	width:174px;
	background-image:url(../images/menuBg.jpg);
	border:1px solid #b7bcbc;
}

#logo{
	position:relative;
	height:180px;
	width:173px;
	left:-1px;
}

#menuBg ul {
	position:relative;
	list-style:none;
	top:10px;
	font-size:24px;
	text-align:left;
}

#menuBg li {margin:5px 0;}

#menuBg li a {
	display:block;
	width:174px;
	height:42px;
	line-height:40px;
	text-decoration:none;
	text-indent:25px;
}

/*to automatically highlight the curent page*/
#home #menuBg .home a,
#about #menuBg .about a,
#gallery #menuBg .gallery a,
#samples #menuBg .samples a,
#contact #menuBg .contact a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #824d47;
	background-image:url(../images/rollOverImg.jpg);
	cursor:default;
}

/* Sub nav on Samples pg*/
#subNav {
	float:right;
	width:500px;
	margin:0;
	padding:14px 0 0 46px;
	list-style:none;
}

#subNav li{
	float:left;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:80%;
}

#subNav li a {
	float:left;
	display:block;
	margin:0 2px 0 0;
	padding:4px 8px;
	color:#ddd8b7;
	text-decoration:none;
	border:1px dotted #ddd8b7;
	border-bottom:1px dotted #ddd8b7;
	background-image:url(../images/tabOff.jpg);
	background-repeat:repeat-x;
}

#subNav a:hover, body.doors #tDoors a, body.hardware #tHardware a, body.tops #tTops a {
	color:#fff;
	padding-bottom:5px;
	border-color:#fff;
	background:url(../images/tabOn.jpg) repeat-x top left;
	border-bottom:none;
}

#subNav a:hover {border-bottom:1px dotted #ddd8b7; padding-bottom:4px;}
	
/*<<<<<<<End menu>>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<Content>>>>>>>*/

#mainContent {
	position:relative;
	width:690px;
	float:right;
	margin:90px 0 10px 198px;
	text-align:left;
	letter-spacing:1px;
	color:#e9e8cf;
	background-color:#586d6f;
}

	#mainContent p {
		padding:15px 5px;
		line-height:130%;
	}
	
	#mainContent a {
		color:#fee8b4;
		text-decoration:underline;
		background-image:none;
	}
	
 .emphi {color:#660000;}

#slideShow {
	position:relative;
	width:688px;
	height:417px;
	border:solid 1px #b7bcbc;
	z-index:2;
}
	
#tagLine {
	position:relative;
	width:688px;
	height:51px;
	background-image:url(../images/tagImg.jpg);
	border-bottom:dotted 1px #fbfbf7;
}

#header {
	position:relative;
	width:690px;
	height:38px;
	background-color:#8a5650;
	border-bottom:dotted 1px #fbfbf7;
}

	#header img {padding:5px 0  0 5px;}
	
#leftTxt {
	position:relative;
	width:340px;
	float:left;
	margin-left:15px;
	display:inline;
	
}

#rightPic {
	position:relative;
	width:321px;
	height:261px;
	float:right;
	background-image:url(../images/gallDeco.jpg);
}

#rightPicCont {
	position:relative;
	width:310px;
	height:259px;
	float:right;
	margin-bottom:20px;
	background-image:url(../images/ctcImg.jpg);
}

#shop {
	position:relative;
	width:344px;
	height:193px;
	margin-left:172px;
}
	

ul#galleryItems {
	position:relative;
	width:600px;
	height:100px;
	list-style:none;
	top:-25px;
	padding-bottom:25px;
}

ul#galleryItems li {
	position:relative;
	width:110px;
	height:100px;
	float:left;
	padding-left:20px;
}

ul#galleryItems li a {text-decoration:none; color:#ffffff; display:block;}
ul#galleryItems li a:hover img{ border:solid 1px #ffffff;}
ul#galleryItems li a:hover {color:#660000;}

	
#topTxt {
	position:relative;
	margin-top:17px;
	width:688px;
	height:34px;
	left:0px;
	clear:both;
}

#topImg {
	position:relative;
	width:688px;
	height:201px;
	background-image:url(../images/abtImg.jpg)	
}

#belowTxt {
	position:relative;
	width:660px;
	margin:10px;
	margin-top:-25px;
	margin-bottom:10px;
	
}

#mdfDrawers {
	position:relative;
	width:518px;
	height:198px;
	background-color:#000;
	float:left;
}

#mdfDrawers h1 {margin-bottom:0}

/*<<<<<<<End Content>>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<Footer>>>>>>>*/

#footer {
	position:absolute;
	background-color:#434142;
	width:728px;
	height:20px;
	font-size:12px;
	margin-left:177px;
	bottom:0px;
	padding-top:10px;
	text-align:center;
	color:#e9e8cf;
	border-bottom:solid 1px #434142;
}

	#footer a {color:#e9e8cf; text-decoration:underline; background-image:none;}

/*<<<<<<<End Footer>>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/

/*<<<<<<<<<<<<<hacks and fixes>>>>>>>>>>>>>>>*/
# fix {position:static;}