@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------------------
   Reset Styles
---------------------------------------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-weight: 400;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

em {
   font-style: italic;
}

strong {
   font-weight: 900;
}

/*--------------------------------------------------------------------------------
   Main Section Styles  (body, wrappers, containers, header, footer, etc.)
---------------------------------------------------------------------------------- */

html, body {
	width: 100%;
	height: 100%;
	background: #fff url(/images/lumber-background.jpg) top left repeat;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	color: #000;
}

.clear {
   clear: both;
}

a {
   font-family: Verdana, sans-serif;
   color: #6b1511;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}

a:hover {
   color: #003920;
   text-decoration: underline;
}

#wrapper {
   width: 950px;
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -475px;
}

#wrapper-less-footer {
   background-color: #fff;
   float: left;
}

img.logo {
   position: absolute;
   top: 0px;
}

#header {
   height: 108px;
   width: 950px;
   background-color: #000;
}

#header div.text {
   float: right;
   padding: 52px 20px 0 2px;
   font-family: Georgia, serif;
   color: #fff;
   font-size: 25px;
   font-weight: bold;
   text-align: right;
}

#header div.img {
   float: right;
   padding-top: 45px;
}

#navigation {
   height: 42px;
   background: #6b1511 url(/images/nav-background.jpg) top left repeat-x;
}

#navigation ul {
   float: right;
   padding-right: 12px;
}

#navigation ul li {
   float: left;
}

#navigation ul li a:hover,
#navigation ul li.selected {
   height: 42px;
   background: #003920 url(/images/nav-selected-background.jpg) top left repeat-x;
   color: #fff;
}

#navigation ul li a {
   display: block;
   height: 42px;
   padding: 0 12px;
   font-family: Verdana, sans-serif;
   color: #fff;
   font-size: 12px;
   line-height: 42px;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: none;
}

#footer {
   float: left;
   width: 950px;
   padding: 10px 0 10px 0;
   font-family: Verdana, sans-serif;
   font-size: 12px;
   color: #000;
   text-align: center;
}

#footer div.tic {
   padding: 10px 0;
   font-size: 10px;
}

#footer .tic a {
   font-size: 10px;
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

#footer .tic a span {
   color: #e36c0a;
   font-weight: 900;
}

/*--------------------------------------------------------------------------------
   Homepage Styles
---------------------------------------------------------------------------------- */

#slideshow-contents {
   position: absolute;
   width: 950px;
   height: 289px;
   z-index: 1;
}

#slideshow-overlay {
   position: absolute;
   width: 370px;
   height: 259px;
   padding: 15px 15px 15px 15px;
   margin-left: 515px;
   background-color: #fff;
   font-family: Verdana, sans-serif;
   font-size: 12px;
   line-height: 20px;
   z-index: 10;
   /* for IE */
   filter:alpha(opacity=85);
   /* CSS3 standard */
   opacity:0.85;
}

#slideshow-overlay span {
   font-weight: bold;
   color: #6b1511;
}

#slideshow-overlay div {
   padding-top: 3px;
   font-style: italic;
}

#slideshow-navborder {
   position: absolute;
   width: 950px;
   height: 17px;
   background: url(/images/nav-drop-shadow.png) top left repeat-x;
   z-index: 999;
}

#homepage-trisection {
   width: 950px;
   height: 143px;
   padding-top: 18px;
   background: url(/images/bottom-gradient-background.jpg) top left repeat-x;
}

#homepage-trisection .section {
   width: 250px;
   height: 125px;
   margin-left: 32px;
   padding-right: 32px;
   float: left;
   background: url(/images/trees.png) top left no-repeat;
   border-right: 1px solid #555;
   font-family: Verdana, sans-serif;
   color: #fff;
   font-size: 12px;
}

#homepage-trisection .no-border {
   border: none;
}

#homepage-trisection .section h1 {
   font-family: Georgia, serif;
   color: #fff;
   font-size: 22px;
   padding: 20px 0 6px 62px;
}

#homepage-trisection .section a {
   display: block;
   float: right;
   background: url(/images/arrow-button.png) top left no-repeat;
   margin-top: 6px;
   width: 104px;
   height: 25px;
   padding: 12px 0 0 14px;
   font-family: Verdana, sans-serif;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

#homepage-trisection .section a:hover {
   color: #000;
   text-decoration: none;
}

#homepage-trisection .section a.raised {
   margin-top: -8px;
   width: 106px;
   padding-left: 12px;
}

#homepage-trisection .section a.right-padded {
   width: 107px;
   padding-left: 11px;
}

#homepage-trisection .section a.left-padded {
   width: 92px;
   padding-left: 26px;
}

#homepage-trisection .section form input {
   font-size: 14px;
   margin: 2px 0 3px 0;
}

/*--------------------------------------------------------------------------------
   Secondary/Sub-Page Styles
---------------------------------------------------------------------------------- */

.main-content {
   background: #fff url(/images/nav-drop-shadow.png) top left repeat-x;
   float: left;
   width: 640px;
   padding: 13px 50px 20px 15px;
}

.side-content {
   background: #fff url(/images/nav-drop-shadow.png) top left repeat-x;
   float: left;
   width: 214px;
   padding: 14px 31px 20px 0;
   font-size: 12px;
}

.main-content h1 {
   font-family: Georgia, serif;
   color: #003920;
   font-size: 22px;
   font-weight: bold;
   padding: 10px 0 5px 0;
   clear: both;
}

.main-content h2 {
   font-family: Georgia, serif;
   color: #003920;
   font-size: 18px;
   font-weight: bold;
   padding: 10px 0 0 0;
	clear: both;
}

.side-content h2 {
   height: 28px;
   padding: 22px 0 0 58px;
   background: url(/images/trees.png) top left no-repeat;
   border-bottom: 1px solid #000;
   font-family: Georgia, serif;
   color: #003920;
   font-size: 20px;
}

.main-content p {
   padding-bottom: 15px;
}

.main-content p.padded {
   padding-top: 5px;
}

.main-content ul {
   display: block;
   margin-left: 40px;
   margin-top: 0;
   margin-bottom: 0;
   list-style-type: disc;
   list-style-position: outside;
}

.main-content ul.services {
   padding-left: 210px;
}

.side-content p {
   padding: 0 0 15px 3px;
}

.content-photo img {
	float: left;
	padding: 0 10px 10px 0;
}

.products-photo img {
	float: right;
	padding: 0 0 10px 10px;
}

/*--------------------------------------------------------------------------------
   Bargain Barn Styles
---------------------------------------------------------------------------------- */

.bargain-barn h2 {
   background-color: #003920;
   font-family: Georgia, serif;
   color: #fff;
   font-size: 17px;
   font-weight: bold;
   padding: 5px 10px;
   clear: both;
}

.bargain-barn .bargain-image {
   float: left;
   border: 1px solid #6b1511;
   margin: 10px 15px 40px 0;
   padding: 5px;
}

.bargain-barn .bargain-description {
   float: left;
   width: 440px;
   padding: 5px 0 40px 5px;
   font-family: Verdana, sans-serif;
   color: #000;
   font-size: 13px;
}

.bargain-barn .wide-description {
   width: 625px;
}

.bargain-barn .bargain-description p {
   padding: 0 0 5px 0;
   margin: 0;
}

.bargain-barn .bargain-description .price {
   font-size: 15px;
}

.bargain-barn .bargain-description a {
   display: block;
   background: url(/images/arrow-button.png) top left no-repeat;
   margin-top: 6px;
   width: 104px;
   height: 25px;
   padding: 12px 0 0 14px;
   font-family: Verdana, sans-serif;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

/*--------------------------------------------------------------------------------
   The Team Styles
---------------------------------------------------------------------------------- */

.the-team h2 {
   background-color: #003920;
   font-family: Georgia, serif;
   color: #fff;
   font-size: 18px;
   font-weight: bold;
   margin-top: 20px;
   padding: 5px 10px;
   clear: both;
}

.the-team h2 .title {
   font-size: 14px;
}

.the-team .team-photo {
   float: left;
   padding: 2px 15px 25px 0;
	clear: both;
}

.the-team p {
   padding-top: 5px;
}

/*--------------------------------------------------------------------------------
   FAQs Styles
---------------------------------------------------------------------------------- */

.faq dl {
   padding: 10px;
}

.faq dt {
   float: left;
   clear: left;
   width: 200px;
   font-weight: bold;
   color: #003920;
}

.faq dd {
   margin: 0 0 0 210px;
   padding: 0 0 15px 0;
}

/*--------------------------------------------------------------------------------
   Site Map Styles
---------------------------------------------------------------------------------- */

#site-map ul.main {
   display: block;
   margin-left: 40px;
   margin-top: 0;
   margin-bottom: 0;
   list-style-type: disc;
   list-style-position: outside;
}

#site-map ul.main li {
   margin-left: 20px;
   padding: 6px 2px;
}

#site-map a {
   font-weight: bold;
   font-size: 14px;
   color: #6b1511;
}

#site-map a:hover {
   color: #003920;
}

/*--------------------------------------------------------------------------------
   Calendar of Events Styles
---------------------------------------------------------------------------------- */

.main-content .calendar table {
   padding-left: 15px;
}

.main-content .calendar h3 {
   font-family: Georgia, serif;
   color: #6b1511;
   font-size: 20px;
   font-weight: bold;
   padding: 10px 0;
	clear: both;
}

.main-content .calendar h4 {
   font-family: Georgia, serif;
   color: #003920;
   font-size: 16px;
   font-weight: bold;
   padding: 10px 0 0 0;
	clear: both;
}