 @charset "utf-8";
/* Begin CSS 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,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;}body{line-height:1}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0; zoom: 1}
/* End CSS Reset */

/* Begin Text Set */
hr {border:0 #713818 solid;border-top-width:1px;height:0; margin:10px auto 20px; width:80%}
h1 {font-size:25px} h2 {font-size:23px} h3 {font-size:21px} h4 {font-size:19px} h5 {font-size:17px} h6 {font-size:14px}
h1,h2,h3,h4,h5,h6 {margin-bottom:8px;  color:#713818}
h4 a {
	color:#030;
	font-size:14px;
	text-decoration:underline
	}


/*
ul {list-style:square; margin:8px 0} 
ol {list-style:decimal; margin:8px 0} 
li {margin:5px 0 5px 30px}
*/
/*End Text Set */


/* Begin Regular Styling */

	body {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:13px;
		color: #333;
		background:url(images/bg.jpg) repeat-x
		}
			
	#container {
		position:relative;
		width:960px;
		margin:0 auto;
		}
		
	p {
		padding:0 0 10px;
		line-height:21px;
		}
		
	.imgRT {
		float:right;
		margin:45px 45px 10px;
		}
		
	.imgRT2 {
		float:right;
		margin:10px 0px 10px 45px;
		}
	
	.imgfloat {
		float:right;
		margin-top:30px;
		margin-right:20px;
		}
	
	.imgLFT {
		float:left;
		margin:0 15px 10px 0;
		}
		
	a {
		color:#060;
		}
		
	a:hover {
		}
	
	
	/*NAV*/
	
	#navbox {
		display:block;
		position:relative;
		height:43px;
		padding:5px 0 0 5px;
		width:870px;
		top:10px;
		background-image: url(images/navbg.jpg);
		background-repeat:no-repeat;
		margin:0 auto;
		}

	
	#nav li {
		display:inline;
		float:left;
		position: relative;
		z-index: 200;
		}
	
	#nav a {
		display:block;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:18px;
		text-decoration:none;
		font-weight:normal
		}
	

	/* END NAV*/

	#header {
		position:relative;
		height:76px ;
		margin:0 auto;
		margin-bottom:10px;
	}
	
	.logo {
		position:relative;
		top:24px;
		display:block;
		height:52px;
		width:574px;
		left:20px;
		background-image:url(/images/logo.png);
		background-repeat:no-repeat;
		}
		
	#flashbox {
		position:relative;
		top:8px;
		display:block;
		height:185px;
		width:870px;
		background-image:url(images/flashbg.jpg);
		background-repeat:no-repeat;
		margin:0 auto;
		}	
	
	#innerhead {
		position:relative;
		top:8px;
		display:block;
		height:81px;
		width:870px;
		background-image:url(images/innerbanner.jpg);
		background-repeat:no-repeat;
		margin:0 auto;
		}	
	

	#content {
		position:relative;
		display:block;
		background-image: url(images/contentbg.png);
		background-repeat:no-repeat;
		z-index:2;
		}
	
	#homecontent {
		background-image:url(images/homecontent_bg.png);
		background-repeat:no-repeat;
		position:relative;
		display:block;
		width:870px;
		top:10px;
		margin: 0 auto;
		}
	
	#welcome {
		position:relative;
		float:left;
		width:430px;
		top:20px;
		left:8px;
		}

	.bvt {
	display:block;
	float:right;
	margin:0px 8px 12px;
	background-image:url(images/bvt_link2.jpg);
	width:175px;
	height:41px;
	background-repeat:no-repeat;
	background-position:0px 0px;
		}

	.bvt:hover {
	background-position:0px -42px;
		}

	.jeldvid {
		display:block;
		float:left;
		margin:0px 8px 12px;
		width:185px;
		height:52px;
		background-image:url(images/Jeld-WenWindowsDoors.png);
		background-position:0px 0px
		}

	.jeldvid:hover {
		background-position:0px -52px
		}

	#threepics {
		display:block;
		margin-left:460px;
		width: 408px;
		height:281px;
		}

	#threepicflash {
		position:relative;
		top:20px;
		display:block;
		float:left;
		width:388px;
		height:261px;
		margin-left:30px;
		}

	#bodytxt {
		position:relative;
		float:left;
		width:550px;
		top:20px;
		left:8px;
		}

	#contxt {
		position:relative;
		float:left;
		width:450px;
		top:20px;
		left:8px;
		}


	#gallery {
		display:block;
		width:770px;
		margin:0 auto
		}

	#column {
		display:block;
		position:relative;
		top:10px;
		margin-left:590px;
		width: 250px;
		min-height:300px;
		background-color:#666;
		border: 5px #fff solid;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		box-shadow: 2px 3px 10px #000;
		-moz-box-shadow: 2px 3px 10px #000;
		-webkit-box-shadow: 2px 3px 10px #000;
		}
	
	#column p {
		margin:10px;
		color:#FFF
		}

	#newspic {
		display:block;
		position:relative;
		top:30px;
		margin-left:550px;
		width: 280px;
		min-height:280px;
		background-color:#666;
		border: 5px #fff solid;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		box-shadow: 2px 3px 10px #000;
		-moz-box-shadow: 2px 3px 10px #000;
		-webkit-box-shadow: 2px 3px 10px #000;
		}

	#designpic {
		display:block;
		position:relative;
		top:30px;
		margin-left:590px;
		width: 240px;
		min-height:360px;
		background-color:#666;
		border: 5px #fff solid;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		box-shadow: 2px 3px 10px #000;
		-moz-box-shadow: 2px 3px 10px #000;
		-webkit-box-shadow: 2px 3px 10px #000;
		}

	#contactpic {
		display:block;
		position:relative;
		top:90px;
		margin-left:500px;
		width: 300px;
		min-height:200px;
		background-color:#666;
		border: 5px #fff solid;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		box-shadow: 2px 3px 10px #000;
		-moz-box-shadow: 2px 3px 10px #000;
		-webkit-box-shadow: 2px 3px 10px #000;
		}

	#centerpic {
		display:block;
		position:relative;
		top:90px;
		margin-left:500px;
		width: 300px;
		min-height:200px;
		background-color:#666;
		border: 5px #fff solid;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		box-shadow: 2px 3px 10px #000;
		-moz-box-shadow: 2px 3px 10px #000;
		-webkit-box-shadow: 2px 3px 10px #000;
		}

#video {
	width:640px;
	margin:0 auto;
	}

	#about_story {
		position:relative;
		float:left;
		width:550px;
		top:20px;
		left:8px;
		}
		
	#bioblock {
		display:block;
		float:right;
		width:170px;
		height:120px;
		background-image:url(images/bioblock.jpg);
		background-repeat:repeat-x;
		border:1px solid #666
		}	

	#bioblock a{
		color:#000;
		font-size:16px;
		text-decoration: none;
		letter-spacing:1.05px;
		}
		
	#bioblock p{
		font-size:14px;
		margin:8px;
		line-height:1.4em;
		}

	#biobg {
		display:block;
		width:170px;
		height:120px;
		background-image:url(images/dwnarrow.png);
		background-position:center;
		background-repeat:no-repeat
		}
		
	.bio {
		border: 1px #CCC solid;
		padding:8px;
		}	
		
	.del_area{
		display:block;
		float:left;
		width:150px;
		background-color:#e5e5e5;
		border:1px #ccc solid;
		padding:5px;
		margin-right:8px;
		margin-bottom:8px;
		}	
	
	#directionsBox{
		display:block;
		width:235px;
		margin:0 auto;
		color:#FFF;
		background-color:#666;
		}
		
	#smallmap {
		display:block;
		width:235px;
		margin:0 auto;
		background-color:#666;
		background-image:url(images/treecourtmap.jpg);
		height:200px;
		border: 5px #fff solid;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		}	
		
	#newsblock {
		width:425px;
		display:block;
		margin-top:10px;
		margin-bottom:30px;
		}	
		
	#newsblock a{
		color:#060;
		font-weight:bold
		}	
	
	#gallerywrapper {
		padding:8px;
		}	
		
	#gallerybtns ul{
		display:block;
		width:740px;
		margin:0 auto;
		height:40px;
		margin-bottom:15px;
		}

	#gallerybtns li{
		display:inline;
		float:left;
		margin:0 4px;
		}

	#gallerybtns li a{
		display:block;
		padding:10px 15px;
		background-color:#713818;
		border:1px #333 solid;
		color:#FFF;
		text-decoration:none;
		font-size:18px;
		font-weight:bold;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

	#gallerybtns li a:hover{
		color:#333;
		text-decoration:underline;
		background-color:#fff;
		}

#gallery ul {
	}

#gallery li {
	list-style:none;
	display:inline;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:32px;
	font-size:12px;
	}
	
.gallerylink {
	display:block;
	height:32px;
	width:110px;
	float:left;
	background-image:url(/images/gallery_btn.jpg);
	background-repeat:no-repeat;
	}
	
.gallerylink:hover {
	background-image:url(/images/gallery_btn.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}	

#photoblock {
	width:530px;
	display:block;
	min-height:360px;
	margin-top:32px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
	border: 1px  #CCC solid 
	}

#photos {
	display:block;
	width:665px;
	margin:0 auto
	}

#photowindow {
	display:block;
	width:652px;
	padding:5px;
	position:relative;
	border: 1px solid #E5E5E5;
	background-image: url(../js/tabbg.jpg);
	background-repeat: repeat-x;
	background-position:bottom
	}
#photowindow img {
	border: 1px solid #999;
	}

	.detailimage {
		margin:0 auto;
		padding:5px;
		}
	
	.detail {
		display:block;
		width:300px;
		background-image:none
		}
	
	.detail img{
		margin: auto;	
		}
	
	.detail a {
		display:block;
		padding:4px;
		color:#030;
		font-weight:bold;
		font-size:14px;
		text-decoration:underline
		}	
	
	.finder_btn {
		display:block;
		padding:8px 10px;
		color:#FFF;
		border:1px #333 solid;		
		text-decoration:none;
		text-align: center;
		background-color:#592B12;
		width:150px;
		float:right;
		margin-left:50px;
		margin-right:20px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;		
		}

	.finder_btn:hover {
		color:#333;
		text-decoration:underline;
		background-color:#fff;
		}

#featuredlink a{
	display:block;
	height:25px;
	width:500px;
	position:absolute;
	right:20px;
	top:10px;
	color:#713818;
	font-size:21px;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
	padding-bottom:3px;
	background-image:url(/images/linkbtn.png);
	background-position:50px -1px;
	background-repeat:no-repeat
	}

#backlink a{
	display:block;
	height:25px;
	width:270px;
	position:absolute;
	right:20px;
	top:10px;
	color:#713818;
	font-size:21px;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
	padding-bottom:3px;
	background-image:url(/images/linkbtn.png);
	background-position:0px -1px;
	background-repeat:no-repeat
	}

.featuredtitle {
	display:block;
	float:left;
	width:240px;
	*padding-bottom:2px;
	_padding-bottom:2px
	}

.viewmore {
	display:block;
	float:left;
	text-align:right;
	width:180px;
	}

.loadpic {
	display:block;
	width:370px;
	min-height:220px;
	background-color:#ccc;
	margin-left:470px;
	position:relative;
	top:82px;
	padding-top:20px;
	}

.slidetitle {
	position:absolute;
	width:370px;
	height:20px;
	left:0;
	top:-20px;
	z-index:10;
	background-color:#AEAEAE;
	text-align:center;
	line-height:20px;
	color:#713818;
	font-weight:bold
	}

.prodbox {
	display:block;
	background-image:url(/images/prodbox2.png);
	width:201px;
	height:160px;
	float:left;
	margin:4px 6px;
	position:relative;
	text-decoration:none
	}

.prodbox:hover {
	background-position:0px -160px
	}

.prodheader {
	color:#713818;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-left:8px;
	display:block;
	height:15px;
	line-height:14px;
	padding-top:4px;
	}

.prodimg {
	display:block;
	height:118px;
	border:1px solid #999;
	margin:15px auto 0;
	}

#vendcol {
	display:block;
	width:433px;
	padding:5px;
	float:left;
	margin-left:30px;
	}

#vendrtcol {
	margin-left:530px;
	display:block;
	width:300px;
	padding:5px;
	min-height:500px;
	background-color:#ccc
	}

.vendbox {
	display:block;
	background-image:url(/images/proddetailbox3.png);
	width:402px;
	height:108px;
	float:left;
	margin:0 auto;
	position:relative;
	text-decoration:none;
	background-position:0px 0px
	}

.vendbox:hover {
	background-position:0px  -108px;
	cursor:pointer
	}

.vendheader {
	text-align:center;
	padding:5px;
	display:block;
	height:12px;
	color:#060
	}

.vendimg {
	display:block;
	width:200px;
	margin:2px auto 0;
	}

.Additional {
	padding:1px;
	}

.Additional a{
	display:block;
	padding:2px;
	}

	#producttable {
		vertical-align:middle;
		padding:5px;
		background-color:#e5e5e5;
		border:1px #FFF solid;
		width:300px;
		margin:0 auto
		}		
	
	#producttable td{
		vertical-align:middle;
		padding:8px;
		text-align:center;
		border:1px solid #FFF;
		}		
	
	#producttable td img{
		outline:none;
	}		

	#producttable tr:hover{
		background-color:#CDCDCD
	}		

	.bioitem {
		vertical-align:middle;
		margin-bottom:30px;
		margin-left:8px;
		}

	.bioheader {
		display:block;
		font-size:17px;
		color:#713818;
		padding:4px;
		height:19px;
		background-color:#CCC;
		margin-bottom:4px;
		}

	.bioheader h5 {
		margin-bottom:0px;
		}

	.resourceheader {
		display:block;
		font-size:17px;
		color:#713818;
		width:425px;
		padding:4px;
		height:19px;
		background-color:#CCC;
		margin-bottom:4px;
		}

	.resourceheader h5 {
		margin-bottom:0px;
		}

	.productimg {
		vertical-align:middle
		}
	
	.resourceitem {
		vertical-align:middle;
		margin-bottom:30px;
		margin-left:8px;
		}
	
	.resourcelink {
		
		}

.infobtn {
	display:block;
	float:left;
	height:106px;
	width:30px;
	background-image:url(/images/infobtn.png);
	background-repeat:no-repeat;
	cursor:pointer;
	background-position:0px 0px;
	}

.infobtn:hover {
	background-position:-30px 0px;
	}

	/*FOOTER*/

	#footer {
		position:relative;
		top:-50px;
		display:block;
		width:960px;
		height:141px;
		background-image:url(/images/footer_bg2.png);
		background-repeat:no-repeat;
		background-position:bottom;
		z-index:1
		}
		
	#footertext {
		display:block;
		position:relative;
		top:90px;
		left:40px;
		width:870px;
		}
		
	#bcfooter {
		text-align:center;
		width:520px;
		margin:0 auto;
		}	

	#bcfooter a{
		font-size:10px;
		}	

	#footnav ul{
		display:block;
		width:610px;
		margin:0 auto;
		margin-top:-50px;
		height:24px;
		}

	#footnav li {
		display:inline;
		float:left
		}

	#footnav li a {
		display:block;
		padding:0 11px;
		margin:0 1px;
		text-decoration:none;
		color:#333;
		text-align:center;
		border-right: 1px #CCC solid
		}

	#footnav li a:hover {
		color:#713818
		}


	#sitemap {
		display:block;
		padding:2px 8px;
		background-image:url(images/sitemapbg.jpg);
		background-repeat:repeat-x;
		border:1px solid #666;
		text-decoration:none;
		position:absolute;
		top:-5px;
		right:5px;
		width:65px;
		color:#666;
		margin-right:10px;
		}
		
	#sitemaplist ul{
		margin-left:40px;
		line-height:1.8em;
		list-style:outside;
		list-style-image: url(/images/bullet.png)
		}	
		
	#sitemaplist li a{
		display:block;
		width:120px;
		padding:2px 15px 0 5px;;
		}	

	#sitemaplist li a:hover{
		color:#713818;
		margin-left:5px;
		
		}	

	/*END FOOTER*/		
	
	.msg_display {
		display:block;
		float:left;
		width:80px;
		padding:6px 8px;
		font-size:16px;
		font-family:Verdana, Geneva, sans-serif, "Century Gothic";
		font-weight: bold;
		color:#ccc;
		background-color:#333;
		border:1px solid #333;
		letter-spacing:1.2em;
		text-align:center
		}
		#MsgKey {
		display:block;
		float:left;
		width:110px;
		padding:5px 8px;
		font-size:16px;
		font-family:Verdana, Geneva, sans-serif, "Century Gothic";
		font-weight: bold;
		color:#333;
		background-color:#fff;
		letter-spacing:1.2em;
		text-align:center

			}
			
.fsc {
	text-align:center;
	font-size:10px;
	text-decoration:none;
	width:100px;
	display:block;
	float:right;
	margin:30px 10px 0 0
}
