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

body {background-color: #ffffff;
	}
	
iframe {
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	z-index: 1;
	}
	
object, #iframe, embed {position: relative; z-index: 1;}
	
h2 {margin-top: 0px;
	margin-bottom: -2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-size: 1.3em;
	font-weight:200;
	color: #42513d;
	}

#flash {
	margin-top: 15px;
	position: relative;
	z-index: 50;
	}
	
	#wall_panel_box {
	width:314px;
	height:214px;
	padding:0;
	margin:0;
	position:relative;
	z-index:100000;
	top:-180px;
	left:-20px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#wall_panel_box:focus, #wall_panel_box:hover {
	top:-5px;
}
	
#header {margin-top: -214px;
	height: 20px;
	position:relative;
	z-index: 55;
	}

#mainwrap {width: 822px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -5px;
	position: relative;
	}
	
#iframe {margin-top: 15px;
	margin-left:auto;
	margin-right: auto;
	}
	
#wrapper, #wrapperC {background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .57em;
	line-height: 1.6em;
	color: #89806c;
	width: 820px;
	margin: 0 auto;
	position:relative;
	}
	
#wrapperC {background: url(weeklyads/back.jpg);	padding: 10px 100px; width: 612px; border: 1px #000 solid;}
	
.coupons {background: rgb(71, 58, 39) url(images/coupon_bg.jpg) repeat top center;}
#coupons {margin-top: 80px; font-family: 'Baskerville', 'Clarendon MT', Georgia, Times, Serif; }
span.brown {background: #513c20; color: #fff; padding: 2px 5px; border: 1px #fff dashed;}
#coupons p {font-size: 1.9em; color: #000;}
#coupons img {margin: 5px 0; border: none; box-shadow: 0px 0px 10px rgba(0,0,0,.5); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5); -webkit-transition: all .1s linear; -moz-transition: all .1s linear;}
#coupons img:hover {box-shadow: 0px 0px 15px rgba(0,0,0,1); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,1);}
	
#viewer {position: absolute;
bottom: -100px;}
	


/*-- MAIN CONTENT --*/

#left_side {width: 165px;
	margin-right: 25px;
	float: left;
	}
	
#middle {width: 350px;
	float: left;
	margin-bottom: 2px;
	text-align:left;
	}
	
#survey {width: 450px;
	float: left;
	margin-bottom: 2px;
	text-align:left;
	}

	
#right_side {width: 258px;
	margin-left: 20px;
	float: right;
	position: relative;
	z-index: 1;
	}
	
#right_side a {color: #42513d;
	text-decoration: none;
	}
	
#right_side a:hover {color: #8e9e88;
	}
	
#leftlinks {list-style:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color: #8e9e88;
	font-size: 1.25em;
	line-height: 1.25em;
	padding-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 800;
	}
	
#leftlinks li {
margin:0 0 20px 0;
}
	
#middle p{margin-top: 0;
	}
	
#middle a{color: #42513d;
	text-decoration: none;
	}
	
#middle a:hover{color: #8e9e88;
	}
	
#leftlinks a{color: #42513d;
	text-decoration: none;
	}
	
#leftlinks a:hover{color: #8e9e88;
	}
	
#offers {font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-align: justify;
	color: #42513d;
	font-size: 1em;
	line-height: 1.9em;
	padding-left: 5px;
	padding-right: 0px;
	margin-bottom: 5px;
	font-weight: 800;
	position: relative;
	z-index: 20;
	}
	
#rightlinks {font-family:Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	color: #42513d;
	font-size: 1em;
	line-height: 1.9em;
	padding-left: 1.5em;
	padding-right: 0px;
	margin-bottom: 5px;
	font-weight: 800;
	position: absolute;
	z-index: 5;
	}
	
#rightlinks a{color: #42513d;
	text-decoration: none;
	}
	
#rightlinks a:hover{color: #8e9e88;
	}

		
#rightlinkss {font-family:Georgia, "Times New Roman", Times, serif;
	width: 240px;
	/* text-align: justify; */
	text-align:left;
	color: #42513d;
	font-size: 1.25em;
	line-height: 1.9em;
	padding-left: 1.5em;
	padding-right: 0px;
	margin-bottom: 5px;
	font-weight: 800;
	position: relative;
	z-index: 10;
	float: left;
	}
	
#rightlinkss a{color: #42513d;
	text-decoration: none;
	}
	
#rightlinkss a:hover{color: #8e9e88;
	}
	
#newsletter {width: 230px;
	padding-left: 0px;
	padding-right: 10px;
	margin-top: 19px;
	}
	
#newsletter form {margin-top: -2px;
	}
	
#newsletter.bump {margin-top: -25px;
	}
	
#lefthist {width: 160px;
	margin-right: 10px;
	float: left;
	}
	
#middlehist {width: 376px;
	float: left;
	margin-bottom: 2px;
	text-align:left;
	}
	
#righthist {width: 258px;
	margin-left: 3px;
	float: right;
	}
	
#meet {width: 630px;
	float: left;
	margin-bottom: 2px;
	text-align:left;
	}
	
#lefttruss {list-style:none;
	color: #8e9e88;
	font-size: 1em;
	line-height: 1.4em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	}
	
#photos img {border: 0;
	}
	
/*----- SMALL HISTORY PAGES ------*/

#histwrap {background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .60em;
	line-height: 1.6em;
	color: #89806c;
	width: 565px;
	margin-left: auto;
	margin-right: auto;
	}
	
#histpic {width: 300px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	}

#histright {width: 250px;
	float: right;
	margin-bottom: 2px;
	text-align:left;
	}
	
#histright p {margin: 0px;
	}
	
#histright h2 {margin-top: 0px;
	margin-bottom: 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-size: 1.5em;
	font-weight:800;
	color: #42513d;
	}
	
#histright h3 {margin-top: 10px;
	margin-bottom: -2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-size: 1.2em;
	font-weight:200;
	color: #42513d;
	}
	
#histfoot {width: 565px;
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	color: #666666;
	}

#histleftfoot {width: 284px;
	float: left;
	text-align: right;
	padding-top: 25px;
	}	
	
#histrightfoot {width: 280px;
	margin-left: 0px;
	margin-bottom: 10px;
	float: right;
	}

	
/*-- FOOTER --*/

#footer {width: 820px;
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	color: #4a3a2a;
	margin-bottom: 10px;
	}
	
#leftfoot {width: 160px;
	margin-right: 25px;
	float: left;
	}
	
#leftfootmain {width: 230px;
	margin-right: 25px;
	float: left;
	}
	
#rightfoot {width: 258px;
	margin-left: 20px;
	margin-bottom: 10px;
	float: right;
	}
	
#middlefootmain {width: 286px;
	float: left;
	font-size: 1.1em;
	text-align: right;
	padding-top: 25px;
	}	
	
#middlefoot {width: 356px;
	font-size: 1.1em;
	float: left;
	text-align: right;
	padding-top: 25px;
	}
	


/*-- BOTTOM NAV --*/
	
#footlinks {
	position: relative;
	top: 30px;
	left: 0px;
	width: 816px;
	clear: both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	color: #666666;	
	}

#footlinks a{color: #687464;
	text-decoration: none;
	}
	
#footlinks a:hover{color: #42513d;
	text-decoration: none;
	}
	
/*-- ROLLOVER MENUS --*/
#clear {clear: both;
	padding-left: 15px;
}
 
 #nav3, #nav3 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

#nav3 a {

}

#nav3 li {display: inline;
	
	padding: 0;
}
	
#nav3 li ul {
	position: absolute;
	background-image: url(images/fade.png);
	background-repeat: repeat-y;
	left: -999em;
	text-align: center;
	border: solid #e0e0e0;
	border-width: 1px 1px 0px 1px;
}

/*--#nav3 li ul a {
	display: block;
	width: 82px;
}

#nav3 li ul li {
	width: 82px;
	line-height: 1.2em;
	margin-bottom: 6px;	
}

#nav3 li ul li a{color: #c7a870;
	}
	
#nav3 li ul li a:hover{color: #a5864e;
	}

 #nav3 li:hover ul.lumber {
	left: auto;
	top: 103px;
}

#nav3 li:hover ul.interiors {
	left: auto;
	top: 61px;
}

#nav3 li:hover ul.projects {
	left: auto;
	top: 97px;
}
	
#nav3 li:hover ul.replace {
	left: auto;
	top: 164px;
}

#nav3 li:hover ul.green {
	left: auto;
	top: 170px;
}

#nav3 li:hover ul.about {
	left: auto;
	top: 55px;
} --*/

/*-- ROLLOVER LINKS MENUS --*/
/*#rightleft {width: 120px;
}

html>body*/ #rightleft {width: 145px;
	float: left;
}

/*#rightright {width: 120px;
}

html>body*/ #rightright {width: 120px;
	float: left;
}

 #rights, #rights ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#rights li {
	padding: 0;
}
	
#rights li ul {
	position: absolute;
	background: #FFFFFF;
	left: -999em;
	border: solid #e0e0e0;
	border-width: 1px 0px 1px 1px;
	padding-left: 2px;
	padding-top: 2px;
}

#rights li ul a {
	display: block;
	width: 100px;
}

#rights li ul li {
	width: 100px;
	line-height: 1.2em;
	margin-bottom: 6px;	
}

#rights li ul li ul {
	position: absolute;
	background: #FFFFFF;
	left: -999em;
	border: solid #e0e0e0;
	border-width: 1px 0px 1px 1px;
	padding-left: 2px;
	padding-top: 2px;
}

#rights li ul li ul li ul {
	position: absolute;
	background: #FFFFFF;
	left: -999em;
	border: solid #e0e0e0;
	border-width: 1px 0px 1px 1px;
	padding-left: 2px;
	padding-top: 2px;
}

#rights li ul li a{color: #c7a870;
	}
	
#rights li ul li a:hover{color: #a5864e;
	}

#rights li:hover ul.doors, #rights li.sfhover ul.doors {
	position: absolute;
	left: -90px;
	top: 2px;
	z-index: 15;
	/*top: 103px;*/
}

#rights li:hover ul.lumbers, #rights li.sfhover ul.lumbers {
	position: absolute;
	left: -90px;
	top: 19px;
	z-index: 15;
}

#rights li:hover ul.roofing, #rights li.sfhover ul.roofing {
	position: absolute;
	left: -90px;
	top: 35px;
	z-index: 15;
}

#rights li:hover ul.siding, #rights li.sfhover ul.siding {
	position: absolute;
	left: -90px;
	top: 48px;
	z-index: 15;
}

#rights li:hover ul.millwork, #rights li.sfhover ul.millwork {
	left: 65.8em;
	top: 37px;
	/*top: 103px;*/
}

#rights li:hover ul.windows, #rights li.sfhover ul.windows {
	left: 65.8em;
	top: 54px;
	/*top: 103px;*/
}

#rights li:hover ul.centrals, #rights li.sfhover ul.centrals {
	position: absolute;
	left: -90px;
	top: 53px;
	z-index: 15;
}

#rights li:hover ul.closets, #rights li.sfhover ul.closets {
	position: absolute;
	left: -90px;
	top: 68px;
	z-index: 15;
}

#rights li:hover ul.fireplaces, #rights li.sfhover ul.fireplaces {
	position: absolute;
	left: -90px;
	top: 73px;
}

#rights li:hover ul.flooring, #rights li.sfhover ul.flooring {
	position: absolute;
	left: -90px;
	top: 88px;
}

#rights li:hover ul.lighting, #rights li.sfhover ul.lighting {
	position: absolute;
	left: -90px;
	top: 102px;
}

#rights li:hover ul.treats, #rights li.sfhover ul.treats {
	position: absolute;
	left: -90px;
	top: 116px;
}

/* - iEHax0rz -*/
html>body #rights li:hover ul.fireplaces, #rights li.sfhover ul.fireplaces {
	position: absolute;
	left: 31px;
	top: 2px;
	z-index: 15;
}

html>body #rights li:hover ul.flooring, #rights li.sfhover ul.flooring {
	position: absolute;
	left: 31px;
	top: 0px;
	z-index: 15;
}

html>body #rights li:hover ul.lighting, #rights li.sfhover ul.lighting {
	position: absolute;
	left: 31px;
	top: 18px;
	z-index: 15;
}

html>body #rights li:hover ul.treats, #rights li.sfhover ul.treats {
	position: absolute;
	left: 31px;
	top: 35px;
	z-index: 15;
}

/*-- end them --*/

#rights li ul li:hover ul.seconds, #rights li ul li.sfhover ul.seconds {
	position: absolute;
	left: -101px;
	top: -1px;
}

#rights li ul li ul li:hover ul.thirds, #rights li ul li ul li.sfhover ul.thirds {
	position: absolute;
	left: -101px;
	top: -68px;
}

html>body #rights li ul li ul li:hover ul.thirds, #rights li ul li ul li.sfhover ul.thirds {
	position: absolute;
	left: -101px;
	top: 33px;
}

#rights li ul li ul li:hover ul.thirdss, #rights li ul li ul li.sfhover ul.thirdss {
	position: absolute;
	left: -101px;
	top: 100px;
}

#rights li ul li ul li:hover ul.thirdsss, #rights li ul li ul li.sfhover ul.thirdsss {
	position: absolute;
	left: -101px;
	top: 0px;
}

#rightlinkss .flooring {top: 70px !important;}
#rightlinkss .lighting {top: 85px !important;}
#rightlinkss .treats {top: 100px !important;}
	
/*--- LONG PAGES ---*/

#longwrapper {background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .60em;
	line-height: 1.6em;
	color: #89806c;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	}

#longleft_side {width: 160px;
	margin-right: 20px;
	float: left;
	}
	
#longmiddle {width: 346px;
	float: left;
	margin-bottom: 2px;
	text-align:left;
	}

	
#longright_side {width: 258px;
	margin-left: 15px;
	float: right;
	}
	
#longleftlinks {list-style:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color: #8e9e88;
	font-size: 1em;
	line-height: 2.0em;
	padding-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 800;
	}
	
#longmiddle p{margin-top: 0;
	}
	
#longmiddle a{color: #42513d;
	text-decoration: none;
	}
	
#longmiddle a:hover{color: #8e9e88;
	}
	
#longleftlinks a{color: #42513d;
	text-decoration: none;
	}
	
#longleftlinks a:hover{color: #8e9e88;
	}
	
#longfooter {width: 800px;
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	color: #666666;
	margin-bottom: 10px;
	}
	
#longleftfoot {width: 160px;
	margin-right: 20px;
	float: left;
	}
	
#longrightfoot {width: 258px;
	margin-left: 15px;
	margin-bottom: 10px;
	float: right;
	}
		
#longmiddlefoot {width: 346px;
	float: left;
	text-align: right;
	padding-top: 25px;
	}

#longfootlinks {
	position: relative;
	top: 30px;
	left: 0px;
	width: 800px;
	clear: both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .96em;
	text-align: center;
	color: #666666;	
	}

#longfootlinks a{color: #687464;
	text-decoration: none;
	}
	
#longfootlinks a:hover{color: #42513d;
	text-decoration: none;
	}
	
#thelen {float: right;
	clear: both;
	margin-top: 35px;
	}
	
#thelen a {color: #6e6656;
	text-decoration: none;
	}	
	

/*-- CLASSES --*/

.bump_left {margin-left: -5px;
	}
	
.bumpdown {margin-bottom: 5px;
	}
	
.rightpush {margin-bottom: 10px;
	}
	
.histbump {margin-top: -10px;
	}
	
.floatright {float: right;
	margin-right: 20px;
	}

.bold {font-weight: 900;
}

.italics {font-style: italic;
}

.maintain {position: relative;float: right; margin-top: 35px;}
.maintain a {color: #4A3A2A}
.prosales {position: absolute; right: -6px; top: 31px; z-index: 500;}
.lte7 .prosales {top: 45px;}
.icons {float: right;}


	
/*--------- LUMBERJACKS SPECIFIC CSS ----------------- */

#schedule {width:542px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#89806c;
	float:left;
	}
	
#lumberjack_logo {width:152px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	}
	
.lumberjacks_headline{font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:capitalize;
	color:#89806c;
	font-size:1.5em;
	font-weight:bold;
	}
	
.group {width: 100px; height: 70px; margin: 0 10px 10px 0; border: none;}