body {background:#EDEBD5 url(/img/weblog_bg.gif) repeat-y top center;}

/* =================== TYPO === */
a {
 color: #622617;
 text-decoration: none;
 padding: 1px;
}
a:hover {background-color:#9D6A54; color:#fff;}
p {line-height: 130%; margin:.3em 0 .5em;}
strong {font-weight: bold;}

h2.saw {
 display:block;
 position:relative;
 background: url(/img/weblog_title.jpg) no-repeat bottom left;
 border-bottom:1px solid #525141;
 color:#525141;
 font-size:140%;
 text-align:left;
 padding:1.2em 0 0 .2em;
 margin:.8em 0 0 0;
 text-transform:capitalize;
 }
.underline {border-bottom:1px solid #525141;}
.ornament {text-align: center;}
.ornament img {margin: 0 5px;}

.contactside {
 border: 1px #999 solid;
 padding: 3px;
 background: #fff;
 float:right;
}

/* =================== MAIN LAYOUT === */
#header-wrapper {background: url(/img/header_trimmed_bg.jpg) repeat-x top left;}
#header {
 width: 780px;
 margin: 0 auto;
 position: relative;
}
#header h1 a {padding: 0; background: none;}
#content {
 width:950px;
 margin:0 auto 1em;
 overflow:hidden;
 }
.contact #content {padding-top:2em;}
#main, #gallery-preview { 
 float: right;
 margin: 0 25px 0 0;
 padding: 0;
 width: 610px;
 display: inline;
}
.contact #main {width:550px;}
#side, #welcome-msg { 
 margin: 0;
 padding:0;
 margin: 0 0 0 25px;
 width: 250px;
 float: left;
}
.contact #side {width:320px;}
#footer {
 clear: both;
 background: url("/img/footer_divider.gif") no-repeat center top;
 padding-top: 5px;
 margin: 10px auto;
 color: #B08763;
 font-size: 10px;
 font-style: italic;
 text-align: center;
}
.contact .saw {margin:-25px 0 1em;}
.contact h3 {font-weight:normal;}
#recent-news {list-style:none;}
#recent-news li {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #CFCDC2;
}
#recent-news li.last {border-bottom:none;}
#recent-news div h1, #recent-news div h2, #recent-news div h3, #recent-news div h4, #recent-news div h5, #recent-news div h6 {font-size:13px;}
#recent-news em {padding-top:4px; display:block; font-style:italic; color:#999885; text-transform:lowercase;}
#sub-header {
	width:100%;
	overflow:hidden;
}
#welcome-msg, #gallery-preview {
	margin-top:25px;
	padding-bottom:10px;
}
#welcome-msg {padding-top:6px;}
#welcome-msg p {line-height:140%;}
#gallery-preview {text-align:center;}
#gallery-preview img {
	padding:3px;
	margin:0 auto;
	border:1px solid #CFCDC2;
}
#gallery-preview a {
	float:right;
	font-size:11px; 
	font-style:italic;
}
#gallery-preview a:hover {
	background:none !important;
	
}
#gallery-preview a:hover img {border-color:#9D6A54;}
#door-samples {margin-top:4px;}
#door-samples td {
	padding-bottom:12px;
	width:122px;
}
#door-samples td a {
border: 3px #FDFEF6 solid;
display:block;
float:left;
}
#door-samples td em {margin-left:5px;}
#door-samples img {float:left;}
#door-samples td a:hover {background:transparent; border-color:#622617;}
/* =================== MAIN NAV === */
ul.nav {
 width: 500px;
 position: absolute;
 left: 280px;
 top: 0;
}
ul.nav li {display: inline;}		
ul.nav li a {
 display: block;
 float: left;
 width: 100px;
 padding: 60px 0 13px 0;
 font-size: 18px;
 color: #fff;
 text-align: center;
}
ul.nav li a:hover {background: #3B1F1F;}


/* =================== PRODUCT SIDEBAR === */

#side h2.products, #side h2.gallery-filter {
 padding:1.2em 0 0 .2em;
 margin:.8em 0 .3em 0;
}
#product-cats h3 {
 margin-bottom: 4px;
 border: 1px #622617 solid;
 background-repeat: no-repeat;
 background-position: top center;
 position: relative;
 zoom: 1;
}
#product-cats h3.doorstyles {background-image: url("/img/products_sidenav_doorstyles.jpg"); }
#product-cats h3.materials {background-image: url("/img/products_sidenav_materials.jpg"); }
#product-cats h3.finishes {background-image: url("/img/products_sidenav_finishes.jpg"); }
#product-cats h3.accessories {background-image: url("/img/products_sidenav_accessories.jpg"); }

#product-cats h3 a {
 display: block;
 height: 57px;
 position: relative;
 zoom: 1;
 padding: 0;
 border: 3px #fff solid;
 }
#product-cats h3 a:hover {
 border-color: #9D6A54;
 background: none;
 }	
#product-cats h3 a span {
 position: absolute;
 bottom: 5px;
 left: 10px;
 color: #fff;
 font-style: italic;
 font-size: 16px;
}


/* =================== FORMS === */
input, textarea, label { font-family : Georgia, Times, serif;}


/* =================== PRODUCT LIST === */
ul#products-list li  {
 overflow:hidden;
 padding:15px 0;
}
#doors-page ul#products-list li, #materials-page ul#products-list li {padding:8px 0;}
ul#products-list li a {
 padding:0;
 display:block;
 float:left;
 border: 3px #FDFEF6 solid;
}
ul#products-list li a:hover {border-color: #622617;}
ul#products-list div, #finish-details #finish-description, #accessory-details #accessory-description {
 float:right;
 width:480px;
 overflow:hidden;
}
#doors-page ul#products-list div, #materials-page ul#products-list div {width:505px;}
#finish-details #finish-description, #accessory-details #accessory-description {padding-bottom:15px;}
ul#products-list h3, #finish-details h3, #accessory-details h3 {
 font-weight:normal;
 font-size:130%;
 margin:0;
}
ul#products-list div a {
 float:none;
 display:inline;
 border:0;
 padding:0;
 color:#525141;
}
ul#products-list div a:hover {background:none; color:#622617;}
ul#products-list img, #finish-details img, #accessory-details img {float:left;}
#finish-details, #accessory-details {margin:15px 0 40px;}
#related-products, #accessory-details #installation-photos {clear:both; padding-top:15px;}

/* -------------------------- PRODUCT DETAILS */
#product-image {
 float:right;
 width:122px;
 margin-top:1em;
 margin-left:25px;
}
#product-image a {display:block;}
#product-details div, #material-details div, #finish-details div, #accessory-details div {overflow:hidden; margin-bottom:1.5em;}
#product-specs {margin-top:1em;}
#product-details h3, #finish-details h3, #material-details h3, #accessory-details h3 {font-weight:normal; position:relative;}
#product-details em, #finish-details em, #material-details em, #accessory-details em {font-size:80%; font-style:italic; padding:0 .8em; display:block;}
#product-details ul, #material-details ul {margin-top:.2em;}
#installation-photos h3 a, h2.saw a.view-all, .gallery-all {font-weight:normal; position:absolute; bottom:0; right:0; font-size:11px; font-style:italic;}
.gallery-all {position:relative; float:right; margin-top:-8px; margin-right:5px; text-transform:lowercase;}
#installation-photos h3 a:hover, h2.saw a.view-all:hover, a.view-all:hover {color:#525141; background-color:transparent;}
#installation-photos .col-8 {clear:both;}
a.lightbox, #product-image img, #product-finishes a, #installation-photos a, #related-products a {display:block;}
a.lightbox {float:left;}
#product-finishes img, #installation-photos img, #related-products img {border:3px solid #FDFEF6;}
#product-finishes a:hover, #installation-photos a:hover, #related-products a:hover {background-color:#FDFEF6;}
#product-finishes a:hover img, #installation-photos a:hover img, #related-products a:hover img {border-color:#9D6A54;}

#product-specs li {line-height:140%;}
#product-finishes li, #installation-photos td, #related-products li {
 display:block;
 float:left;
 margin:0 3px 0 0;
 width:81px;
}
ul li.no-results, td.no-results {
 width:auto !important;
}

#related-products li {width:70px;}
#product-specs li span {
 display:block;
 float:left;
 width:170px;
 clear:left;
}
#product-jump {
 position:relative;
 float:right;
 margin-top:-25px;
}
#product-jump select {
 border:1px solid #525141;
 color:#525141;
}
.top {position:relative; float:right; margin-top:-18px; margin-right:20px; font-size:90%; font-style:italic; background:url(/images/arrow-up.gif) no-repeat right center; padding-right:10px;}
.more {float:right; margin-right:15px; margin-top:-6px; position:relative;}