body{
	margin: 0 0 10px 0;
	font: 8.5pt Arial, Helvetica, sans-serif;
	background: url(../images/site_bg.jpg) repeat;
	
}
h1{
	font-family: "Times New Roman", Times, serif;
	/*font-weight: normal;*/
	font-size: 17pt;
	color: #5D2B13;
	margin: 15px 0 15px 0;
}
h2{
	font-size: 13pt;
	color: #5D2B13;
	border-bottom: 1px solid #5D2B13;
	/*font-weight: normal;*/
	text-transform: uppercase;
}
#mainContainer{
	width: 770px;
	margin: 10px auto 0 auto;
	background: #FFFFFF;
}
#header{
	background: url(../images/header.gif) no-repeat;
	padding: 8px 0 0 30px;
	height: 83px;
	/*width: inherit;*/
}

/*
--------------------------------------------------------------------------
GLOBAL NAV STYLES
--------------------------------------------------------------------------
*/
#nav{
	background: #FFFFFF;
	height: 27px;
	margin: 0;
	padding: 0 0 0 1px;
}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav li a {
	display: block;
	*width: 1px; /*need this for IE*/
	text-decoration: none;
	/*height: 27px;*/
	margin: 0px;
}
#nav li a:hover{
	color: #333333;
	text-decoration: none;
	background: url(images/nav_bg_highlight.jpg) repeat-x;
	margin: 0px;
}


#nav li{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 1px 0 0;	
	/*height: 27px;*/
}


#nav li ul {
	position: absolute;
	width: 157px;
	left: -999em;
	background: #3E3026;
	padding: 0;
	z-index: 100;
	margin: 0;
	border-right: 1px solid #655951;
	border-top: 1px solid #655951;
	border-left: 1px solid #655951;
}
#nav li ul li a{
	width: 144px;
	padding: 5px 0 5px 13px;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 8pt;
	border-bottom: 1px solid #655951;
	text-align: left;
	/*font-weight: bold;*/
	/*height: 20px;*/
}
#nav li ul li a:hover{
	color: #3E3026;
	text-decoration: none;
	background: #EEEDE0;
	/*font-weight: bold;*/
}
#nav li:hover ul {
	left: auto;
	color: #01396A;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}


#navDivider{
	background: #FFFFFF;
	padding: 0 0 0 1px;
	margin: 0;
	clear: left;
}


/*
--------------------------------------------------------------------------
FLASH PIECE STYLES
--------------------------------------------------------------------------
*/
#fla{
	background: #FFFFFF;
	padding: 0 0 0 1px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/*
--------------------------------------------------------------------------
CONTENT AREA STYLES
--------------------------------------------------------------------------
*/
#contentContainer{
	background: #FFFFFF;
	width: inherit;
	margin: 0px;
	padding: 0px;
}
#leftCol{
	float: left;
	background: #FFFFFF url(../images/leftCol_bg.jpg) no-repeat;
	width: 204px;
	padding: 0 0 0 1px;
	vertical-align: top;
	height: 405px;
	overflow: visible;
}
/*PAGE TITLES*/
#title_home{
	background: url(../images/title_home.jpg) no-repeat;
	height: 32px;
}
#title_products{
	background: url(../images/title_products.jpg) no-repeat;
	height: 25px;
	color: #FFFFFF;
	padding-left: 66px;
	padding-top: 7px;
	font-size: 11px;
}

#title_locations{
	background: url(../images/title_locations.jpg) no-repeat;
	height: 25px;
	color: #FFFFFF;
	padding-left: 66px;
	padding-top: 7px;
	font-size: 11px;
}
#title_about{
	background: url(../images/title_about.jpg) no-repeat;
	height: 25px;
	color: #FFFFFF;
	padding-left: 66px;
	padding-top: 7px;
	font-size: 11px;
}
#title_employment{
	background: url(../images/title_employment.jpg) no-repeat;
	height: 25px;
	color: #FFFFFF;
	padding-left: 66px;
	padding-top: 7px;
	font-size: 11px;
}
#title_links{
	background: url(../images/title_links.jpg) no-repeat;
	height: 25px;
	color: #FFFFFF;
	padding-left: 66px;
	padding-top: 7px;
	font-size: 11px;
}
#title_contact{
	background: url(../images/title_contact.jpg) no-repeat;
	height: 25px;
	color: #FFFFFF;
	padding-left: 66px;
	padding-top: 7px;
	font-size: 11px;
}
/*PRODUCT PAGES LISTING STYLES*/
#prodTable{
	width: 525px
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 40px;
}
#prodTable td{
	text-align: center;
	padding-top: 13px;
	padding-bottom: 10px;
	width: 175px;
	vertical-align: top;
}
#idTable{
	width: 525px
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 40px;
}
#idTable td{
	text-align: center;
	padding-top: 13px;
	padding-bottom: 10px;
	width: 262px;
	vertical-align: top;
}
.sideBorders{
	border-right: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
}
.sideBottomBorders{
	border-right: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}
.leftSideBorder{
	border-left: 2px solid #CCCCCC;
}

#prodTable dl{
	margin: 8px 10px 0 15px;
	padding: 0;
	text-align: left;
	font-size: 10px;
	line-height: normal;
}
#prodTable dt{
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #5D2B13;
	font-size: 11px;
}
#prodTable dd{
	margin: 0 0 0 13px;
	*margin: 0 0 0 16px;
	padding: 0;
	display: list-item;
	list-style: disc;
}
.colBottomBorder{
	border-bottom: 2px solid #CCCCCC;
}
.prod{
	margin: 0 0 25px 0;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}
.prod ul{
	margin: 5px 0 0 0;
	padding: 0;
	text-align: justify;
}
.prod ul li{
	padding: 0;
	margin: 0;
	list-style: none;
}
.desc {
	font-weight: bold;
	color: #5D2B13;
	font-size: 11px;
	text-align: center;
}
/*LOCATION PAGE STYLES*/
.locationsLeft{
	float: left;
	margin: 15px 0 0 0;
}
.locationsRight{
	float: right;
	margin: 15px 30px 0 0;
}
.locationsLeft dt, .locationsRight dt{
	margin: 0 0 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #5D2B13;
	color: #5D2B13;
}
.locationsLeft dd, .locationsRight dd{
	padding: 0;
	margin: 0;
}
/*LINKS PAGE STYLES*/
#linksContainer{
	width: 520px;
	margin-top: 20px;
}

/*EMPLOYMENT PAGE STYLES*/
.pdfContent{
	margin: 0;
	padding: 0;
	background: #EEEDE0;
	color: #333333;
}
.pdfBottom{
	clear: both;
	margin: 0 0 5px;
}
.pdfContent dt{
	margin: 0 3px 0 8px;
	*margin: 0 3px 0 4px;
	height: 16px;
	width: 16px;
	float: left;
	background: #F7F6F0;
	border: 1px solid #BBB782;
	padding: 4px;
	*padding: 4px 4px 1px;
}
.pdfContent dd{
	padding: 3px 0 0 8px;
	margin-right: 8px;
	*margin-left: 0;
	height: 21px;
	background: #F7F6F0;
	border: 1px solid #BBB782;
}
.pdfContent dd:hover{
	background: #FFFFFF;
}
.pdfContent dd ul{
	float: right;
	margin: 0 8px 0 0;
	*margin: 0 4px 0 0;
	padding: 0;
}

.pdfContent dd ul li{
	padding: 0;
	display: inline;
	list-style: none;
	margin-left: 15px;
}
.pdfContent dd ul li a{
	vertical-align: 18%;
}

/*
--------------------------------------------------------------------------
SIDE NAVIGATION
--------------------------------------------------------------------------
*/
#leftCol dl{
	margin: 3px 6px 10px 0;/*adjust right margin to let the white spill over into the content area*/
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#leftCol dt{
	margin: 0;
	background: url(../images/sideNav_arrow.gif) no-repeat 13px 8px;
}
/*
---------------------
SUB OF SIDE NAV
---------------------
*/
#leftCol dd{
	margin: 0;
}
#leftCol dd ul{
	margin: 0;
	padding: 3px 0 5px 0;
	font-size: 11px;
	background: #F8F8F3;
}
#leftCol dd ul li{
	list-style: none;
	*padding: 1px 0 1px 0;
}

#leftCol dd ul li a{
	color: #000000;
	text-decoration: none;
	display: block;
	padding: 2px 0 2px 27px;
	*padding: 1px 0 1px 27px;
}
#leftCol dd ul li a:hover{
	text-decoration: none;
	color: #D85C01;
	background: #FFFFFF;
}
#leftCol dd ul li ul{
	margin: 0;

}
#leftCol dd ul li ul li{

}
#leftCol dd ul li ul li a{
	color: #666666;
	text-decoration: none;
	display: block;
	padding: 1px 0 1px 45px;
	*padding: 0 0 0 45px;
}
.subHighlight{
	color: #D85C01;
	padding: 2px 0 2px 27px;
	*padding: 1px 0 1px 27px;
	display: block;
	font-weight: bold;
}
/*
---------------------
END SUB OF SIDE NAV
---------------------
*/

#leftCol dt a{
	margin: 0 0px 0 0;
	padding: 4px 0 4px 27px;
	color: #5D2B13;
	display: block;
	text-decoration: none;
}
#leftCol dt a:hover{
	background: #FFFFFF url(../images/sideNav_arrow.gif) no-repeat 15px 8px;
	color: #F16701;
}
/*LANDING PAGE STYLES FOR SIDE NAV*/
body#finishHardware #products_btn a, body#fireplaces #fireplaces_btn a, body#garage #garage_btn a, body#doors #doors_btn a, body#windows #windows_btn a, body#foundation #foundation_btn a,
body#trusses #trusses_btn a, body#installation #installation_btn a, body#wallComponents #wallComponents_btn a, body#decking #decking_btn a, body#siding #siding_btn a, body#millwork #millwork_btn a{
	background: #FFFFFF url(../images/sideNav_arrow.gif) no-repeat 15px 8px;
	color: #F16701;
	font-weight: bold;
}

/*
--------------------------------------------------------------------------
CONTENT AREA
--------------------------------------------------------------------------
*/
#rightCol{
	float: right;
	background: #FFFFFF;
	width: 564px;
}
#content{
	padding: 0 22px 0 22px;
	color: #333333;
	line-height: 18px;
}
.cf{
	clear: both;
}
#rightCol a{
	color: #C95601;/*#F16701, #C95601*/
	text-decoration: underline;
}
#rightCol a:hover{
	color: #C95601;
	text-decoration: none;
}
.titleSubNav{
	margin: 0;
	padding: 0;
	float: right;
}
.titleSubNav li{
	display: inline;
	list-style: none;
	padding: 0 3px;
	margin: 0;
}
#employmentfla{
	border: 1px solid #CCCCCC;
	margin: 25px 0;
}
/*
--------------------------------------------------------------------------
GENERIC STYLES THROUGHOUT THE SITE
--------------------------------------------------------------------------
*/
.textHighlight{
	color: #5D2B13;
	font-weight: bold;
}

.listNumbers li{
	list-style: decimal;	
}
.italic{
	font-style: italic;	
}
.imageRight{
	float: right;
	margin: 0 0 0 10px;
}
.imageLeft{
	float: left;
	margin: 0 10px 0 0;
}
.imageLeft_truss{
	float: left;
	margin: 10px 20px 0 0;
}
.imageRight_truss{
	float: right;
	margin: 10px 0 15px 10px;
}
.titleSpace{
	padding: 0 0 5px 0;	
}
.prodImage{
	float: left;
	margin-right: 17px;
}
.modelNumber{
	font-weight: bold;
	color: #5D2B13;
	font-size: 10pt;
	/*border-bottom: 1px solid #5D2B13;*/
}
.catSubName{
	font-size: 8.5pt;
	font-style: italic;
	text-transform: none;
}
.clearLeft{
	clear: left;
}
.clearBoth{
	clear: both;
}
.backToTop{
	float: right;
	vertical-align: 18%;
}
.inlineDl{
	margin: 0;
	padding: 0;
}
.inlineDl dt{
	float: left;
	width: 110px;
}
.inlineDl dd{
	
}
/*
--------------------------------------------------------------------------
FOOTER STYLES
--------------------------------------------------------------------------
*/
#footer{
	background: url(../images/footer.gif);
	height: 21px;
	clear: both;
	padding-top: 10px;
	font-size: 10px;
	color: #333333;
	padding-left: 10px;
	margin-top: 20px;
}
#footer a{
	text-decoration: none;
	color: #333333;
}

#footer a:hover{
	text-decoration: underline;
	color: #F16701;
}
#footer ul{
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
}
#footer li{
	display: inline;
	margin: 0;
}
#footer li a{
	text-decoration: none;
	color: #333333;
}

#footer li a:hover{
	text-decoration: underline;
	color: #F16701;
}