body {

	margin: 0;
	font-size: 12px;
	font-family: Arial, sans-serif;
	background: #5B708C url("images/pagebg.jpg") top center repeat-x;

}

td {

	font-size: 12px;
	font-family: Arial, sans-serif;

}

#page {

	display: block;
	text-align: center;

}

#layout {

	width: 780px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background: url("images/pagebottom.png") bottom no-repeat;
	padding-bottom: 20px;
	
}

#pngFix {

	position: absolute;
	
}

#pngFix #bodyBG {

	width: 780px;
	height: 580px;
	
}

#body {

	background: url("images/contentbg_inside.png") repeat-y;
	min-height: 600px;

}

#home #body {

	background: url("images/contentbg.png") repeat-y;

}

#body #pageContent {

	position: relative;
	z-index: 100;
	padding-top: 40px;

}

.alt {

	display: none;

}

#header {

	width: 730px;
	height: 82px;
	background: url("images/headerbg.jpg") top center repeat-y;
	margin: 0 0 0 25px;
	

}

#header #slogan {

	 float: right;
	 width: 350px;

}

#header #slogan p {

	margin: 0px 10px 0 0;
	color: #fff;
	font-size: 13px;
	line-height: 24px;
	text-align: right;	 


}

#header #slogan p em {

	font-family: "Apple Chancery", "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.15em;

}

#header #logo {

	margin: 0 0 0 10px;
	width: 291px;
	height: 82px;
	background: url("images/logo.png") top left no-repeat;

}

.nav ul {

	list-style: none;
	margin: 0;
	padding: 0;

}

.nav ul li {

	float: left;

}

.nav ul li a {

	display: block;
	text-decoration: none;

}

#topNav {

	background: url("images/headerbg.jpg") top left repeat-y;
	width: 750px;
	height: 22px;
	margin-left: 25px;
	padding-top: 4px;

}

#topNav ul li:hover {

	background: url("images/tabl_on.gif") top left no-repeat;

}

#topNav ul li:hover a {

	background: url("images/tabr_on.gif") top right no-repeat;

}

#topNav a {

	display: block;
	font-size: 14px;
	background: url("images/tabr.gif") top right no-repeat;
	padding: 3px 32px 3px 21px;
	color: #fff;

}

#topNav .lastOne a {

	padding-right: 20px;

}

#topNav a:hover {

	color: #F2FFD1;

}

#topNav ul li {

	background: url("images/tabl.gif") top left no-repeat;
	padding-left: 9px;

}

#content {

	clear: both;
	width: 730px;
	margin: 0 0 0 25px;
	padding-top: 1px;
	display: table;

}

#content .container {

	padding: 15px 15px 0 15px;

}

#content .container #sideBar {

	margin: -15px 15px 0 -15px;
	width: 155px;
	float: left;

}

#content .container #sideBar #sideNav {

	list-style: none;
	margin: 0;
	padding: 0;

}

#content .container #sideBar #sideNav li {

	margin: 0;
	padding: 0;

}

#content .container #sideBar #sideNav li a {

	display: block;
	text-align: right;
	margin-right: -10px;

}

#content #pageText {

	margin-left: 155px;
	font-size: 14px;

}

#content #pageText h3 {

	background: url("images/header_bg.gif") bottom repeat-x;
	color: #5D7800;
	font-size: 36px;
	margin: 0;
	padding: 15px 0 0 15px;

}

#content #pageText h4 {

	background: #fff;
	margin: 0;
	padding: 0 0 5px 15px;
	font-size: 18px;
	color: #5B708C;
	font-style: italic;

}

#content #pageText h5 {

	background: #fff;
	margin: 0;
	padding: 0 0 5px 15px;
	font-size: 12px;
	color: #888;

}

#content #pageText h6 {

	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 14px;
	color: #5B708C;
	border-bottom: 1px solid #5B708C;

}

#diy #content #pageText ul, #moulding #content #pageText ul, #doorwindow #content #pageText ul {

	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #333;
	background: url("images/listbg.gif") top left;

}

#diy #content #pageText ul li, #moulding #content #pageText ul li, #doorwindow #content #pageText ul li {

	padding: 2px 0 0 6px;
	height: 16px;

}

#home #content .container #sideBar {

	margin: -15px 15px -14px -15px;
	width: 300px;
	height: 450px;
	float: left;

}

#home #content #pageText {

	margin-left: 300px;

}

#content #indexList {

	list-style: none;
	margin: 0;
	margin-top: -10px;
	padding: 0;
	font-size: 12px;

}

#content #indexList li {

	width: 373px;
	height: 90px;
	background: url("images/indexlist_bg.gif") 73px 0px no-repeat;
	margin: 10px 0 15px 0;

}

#about #content #indexList li {

	width: 500px;

}

#content #indexList li .container {

	display: block;
	width: 275px;
	height: 90px;
	padding: 3px 5px 3px 105px;
	color: #2E415B;

}

#about #content #indexList li .container {

	width: 400px;

}

#content #indexList #doors .container {

	background: url("images/indexlist_doors.jpg") top left no-repeat;

}

#content #indexList #moulding .container {

	background: url("images/indexlist_moulding.jpg") top left no-repeat;

}

#content #indexList #specialty .container {

	background: url("images/indexlist_specialty.jpg") top left no-repeat;

}

#content #indexList #contact .container {

	background: url("images/indexlist_contact.jpg") top left no-repeat;
	font-size: 11px;

}

#content #indexList a {

	display: block;
	font-size: 12px;
	color: #769353;
	text-align: right;
	padding: 4px 0 4px 0;

}

#content #indexList a:hover {

	color: #4F6B2E;

}

#content #indexList #contact a {

	display: inline;
	font-size: 11px;
	padding: 0;
	text-align: left;
	color: #2E415B;
	text-decoration: none;

}

#content #indexList #contact a:hover {

	text-decoration: underline;

}

#content #pageText .productInfo {

	display: table;
	clear: both !important;
	width: 530px;
	min-height: 150px;
	background: #fff;
	padding: 0 0 15px 15px;
	margin: 0 0 15px 0;
	border: 1px solid #5B708C;

}

html > body #content #pageText #productList {

	position: relative;

}

#diy #content #pageText #productList {

	top: 0;

}

#moulding #content #pageText #productList {

	top: -75px;

}

#doorwindow #content #pageText #productList {

	top: -60px;

}

#content .productInfo .container {

	margin-left: 150px;
	font-size: 10px;

}

#content .productInfo .productPhoto {

	float: left;
	clear: left;
	margin-top: 15px;

}

#content img.image {

	margin: 10px;

}

#content img.right {

	float: right;

}

#home #sideBar {

	background: url("images/flashplaceholder.jpg") top left no-repeat;

}

#sideBar h3 {

	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
	padding: 0px;
	margin: 0;
	width: 140px;

}

#sideBar ul {

	list-style: none;
	margin: 0;
	padding: 0;

}

#sideBar ul li {

	text-align: right;
	font-size: 14px;

}

#sideBar #sideNav li a {

	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px 5px 0;
	font-size: 12px;

}

#sideBar ul li a:hover {

	background: url("images/sidebar_hover.png") top right repeat-y;

}

#sideBar p {

	color: #fff;

}

#sideBar #sideBarContent {

	width: 142px;
	padding: 5px;

}

#sideBar #sideBarContent h3 {

	text-align: left;
	
}

#sideBar #sideBarContent ul {

	list-style: disc;
	margin: 0;
	padding: 0;
	margin-left: 15px;

}

#sideBar #sideBarContent ul li {

	text-align: left;
	color: #fff;
	font-size: 11px;
	padding: 0 5px 5px 0;

}

#sideBar #insetPhoto {

	border-bottom: 1px solid #fff;

}

#bottomContactInfo {

	clear: both;
	background: url("images/contactinfobg.png") repeat-y;
	margin: -15px 0 0 -25px;
	font-size: 10px;
	color: #fff;

}

#bottomContactInfo .container {

	width: 145px;

}

#bottomContactInfo p {

	margin: 0 0 10px 0;

}

#bottomContactInfo a {

	color: #fff;

}

#bottomNav {

	font-size: 12px;
	width: 450px;
	float: right;

}

#copyright {

	width: 780px;
	height: 60px;
	background: url("images/bottomlogos.gif") 25px -3px no-repeat;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	clear: both;

}

#copyright #smartwoodLink {

	display: block;
	width: 125px;
	height: 60px;
	float: left;

}

#copyright #fscLink {

	display: block;
	width: 50px;
	height: 60px;
	float: left;

}

#copyright #usgbcLink{
	display: block;
	width: 60px;
	height: 60px;
	float: left;

}

#copyright #timberLink{

	float: left;
	display: block;
	margin-left: 10px;
	height: 60px;
	width: 105px;

}

#copyright p {

	margin: 0;
	position: relative;
	top: -4px;
	padding-right: 25px;

}

#copyright a {

	text-decoration: none;
	color: #000;

}

#copyright a:hover {

	text-decoration: underline;

}

#flags{

	float: right;
	margin: 4px 25px 0 0;

}

#flags img{

	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;

}

#flags a:hover img{

	border-top: 1px solid #999;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #aaa;

}

#flagsTop{

	margin-left: 100px;

}

#flagsTop a{

	text-decoration: none;
	margin-left: 10px;
	color: #769353;
}

#flagsTop img{

	margin-left: 3px;

}