/**********************************************************************************************

	
	Title: East Fork Log Homes
	Author: SpazGraphic! web and graphic design. http://www.spazgraphic.com
	Date: March 2009 


***********************************************************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, a:hover, a:visited, font, images, ins, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}

/***********************************************************************************************/
	body {
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		font-size: 62.5%;
		line-height: 1.5;
		text-align: center;
		color: #4b4b4b;
                background: #120D09 url('images/efbg3.jpg') center top no-repeat;
		padding-top: 25px;
		padding-bottom: 15px;
	}
	hr { 
		display: none;
	}
		
	strong {
		font-weight: 600;
	}
		
	em {
		font-style: italic;
	}

	a {
		color: #ABABAB;
		text-decoration: none;
		outline: none;
	}
	a:hover {
		color: #C0C0C0;
		text-decoration: none;
	}

	a:visited {		
                color: #8E8E8E;
		text-decoration: none;}
	


/***********************************************************************************************/

	#accesibility {
		position:absolute;
		left:-999em;
	}
	#container {
		width: 980px;
		margin: 0 auto;
		text-align: left;
		font-size: 1.3em;
	}
	.clearer {
		clear:both;
	}
	div.floor_plans{
		position:relative;
		overflow:hidden;
		width: 980px;
		margin: 0 auto;
		display: block;
		height: 6px;
	}

/***********************************************************************************************/
#cabin {
	background:;
	position:relative;
	overflow:hidden;
}
	h1#dream_home {		
		position:absolute;
		width:282px;
		height:94px;
		top:11px;
		left:25px;
		text-indent:-9999em;
		background:url('images/log_home.gif') left top no-repeat;
	}
	h1#dream_home a{
		display: block;
		width:283px;
		height:32px;
	}
/***********************************************************************************************/
	#log_home {
		float:right;
		display:inline;
		margin-top:20px;
		width:980px;
                color: silver;
	}
		#log_home li {
			float:left;
		}
		#log_home li.log_homes {				
			padding-left:1px;
			margin-left:342px;
			display:inline;
		}
		#log_home a {
			float:left;
			color:#4b4b4b;
			text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			padding:6px 14px;
			text-decoration:none;
		}
		#log_home a:hover {
		}
		#log_home a.selected {
			position:relative;
			top:1px;
			padding-bottom:7px;
			padding-top:5px;
		}
	#cabin_plans {
		clear:both;
		background:#e4edf5;
		border-bottom:1px solid #c7c7c7;
		overflow:hidden;
		text-align:right;
		width:955px;
		padding-right:25px;
	}
		#cabin_plans ul {
			float:right;
		}
		#cabin_plans li {
			float:left;
		}
		#cabin_plans li a {
			text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.849em;
			color:#757575;
			text-decoration:none;
			float:left;
			padding:4px 10px 2px 5px;
			position:relative;
		}
		#cabin_plans.many li a {
			padding:4px 7px 2px;
		}
		#cabin_plans li a:hover {
			color:#5381a4;
		}
		#cabin_plans li a.selected {
			color:#5381a4;
			
		}
	body.custom_log #cabin_plans{
		display: none;
	}		

/***********************************************************************************************/		
#rustic {
	height:568px;
	position:relative;
	clear:both;
	overflow:hidden;
	width:980px;

}
	#rustic h1 {
		position:absolute;
		background:url(../images/log_home.gif) left top;
		height: 64px;
		width: 904px;
		left: 40px;
		top: 55px;
		text-indent:-9999em;
		z-index: 100;
	}
	#rustic h2 {
		background:url(../images/log_home.gif) left top;
		height: 29px;
		width: 303px;
		text-indent:-9999em;
		z-index: 100;
		margin-bottom: 20px;
	}
	#rustic dl{
		position: absolute;
		bottom: 15px;
		left: 43px;
		overflow: hidden;
	}
	#rustic dl dt{
		position: absolute;
		left: -1000em;
	}
	#rustic dl dd{
		float: left;
		width: 230px;
		padding: 0 10px 5px 0;
	}
	#rustic dl dd.business{
		padding-right: 0px;
		width: 210px;
	}
	#rustic dl dd.rustic-upscale{
		float: none;
		width: 900px;
		margin-left: -3px;
	}
	#rustic dl dd.envinronment{
		margin-left: -10px;
		display: inline;
		padding-right: 20px;
	}
	#rustic dl dd a{
		color: #778c49;
		font-size: 1.4em;
		font-weight: normal;
	}
	#rustic dl dd a:hover{
		color: #697c41;
	}

	#rustic a.explore{
		position: absolute;
		top: 187px;
		right: 42px;
		width: 115px;
		height: 32px;
		background:url(../images/log_home.gif) left top;
		overflow: hidden;
		display: block;
		text-indent: -1000em;
	}
	#rustic a.explore:hover{
		background-position: left bottom;
	}
/***********************************************************************************************/

#upscale {
	background:#f5f5f5 url(../images/log_home.gif) left top repeat-x;
	overflow:hidden;
}
	
	#upscale h3 {
		font-size:2em;
		margin-top:34px;
	}
	#upscale ul {
		margin-right:30px;
	}
	#upscale li {
		background:url(../images/log_home.gif) center bottom;
		
	}






	#hand_hewn {
		float:left;
		background:#ebecec url(images/log_home.gif) left top repeat-x;
		border:1px solid #fff;
		width:902px;
                height: 750px;
		margin:34px 24px;
	}


/***********************************************************************************************/
#hand_peeled {
	background:#ECECEC url(../images/log_home.gif) left top repeat-x;
	overflow:hidden;
	padding-top:34px;
        border-top: 1px solid #FFF;
}
	#hand_peeled li {
		float:left;
		width:245px;
		background:url(../images/log_home.gif) right 50%;
	}
	#hand_peeled li h4 {
		font-size:1.30em;
		font-weight:bold;
		margin:0 0 12px;
	}
	#hand_peeled li p {
		margin:0 23px 17px;
	}



#hand_peeled_logs {
	background:#f5f5f5;
	overflow:hidden;
	padding-top:34px;
}
	#hand_peeled_logs li {
		float:left;
		width:245px;
		background:url(../images/log_home.gif) right 50%;
	}
	#hand_peeled_logs li h4 {
		font-size:1.30em;
		font-weight:bold;
		margin:0 0 12px;
	}
	#hand_peeled_logs li tr, td {
		margin:0 23px 17px;
	}

/***********************************************************************************************/
#footer {
	background:#181818;
	border:1px solid #2b2b2b;
	padding:20px 0 17px;
	color:#bababa;
	overflow:hidden;
}
	#footer .montana_log_homes {
		float:left;
		width:190px;
		background:url(images/log_home.gif) right 50%;
	}
	#footer h3 {
		text-transform:uppercase;
		font-weight:bold;
		font-size:1.3em;
		margin-bottom:13px;
	}
	#footer .montana_log_homes h3,
	#footer .montana_log_homes a {
		margin-left:25px;
	}
	#footer .montana_log_homes a {
		height:117px;
		width:137px;
		display:block;
		text-indent:-9999px;;
		background:url(../log_home.gif) top left;
	}
	#footer .quick_menu {
		width:337px;
		float:left;
		background:url(../images/log_home.gif) right 50%;
	}

	#footer .custom_homes {
		float:right;
		width:422px;
		margin-right:25px;
		text-align:right;
	}
	#footer .custom_homes h3 {
		background:url(../images/log_home.gif) left top;
		width:405px;
		height:42px;
		text-align:left;
		margin-left:15px;
		margin-bottom:5px;
		text-indent:-9999em;
	}
	#footer .custom_homes a {
		background:url(../images/log_home.gif) left top;
		height:35px;
		width:197px;
		text-indent:-9999em;		
		text-align:left;
		margin:20px 0 20px 225px;
		display:block;
	}
		#footer .custom_homes a:hover {
			background:url(../images/log_home.gif) left bottom;
		}
	#footer .custom_homes p.custom_log_homes {
                color: #888888;
		text-indent:-9999px;
		height:17px;
		width:359px;
		text-align:left;
		margin-left:59px;
		margin-top:6px;
	}
	#footer .custom_homes .copyright {
		text-transform:uppercase;
		color:#515151;
		font-size:85%;
	}
	span.log_construction {
		position:relative;
		overflow:hidden;
		width: 980px;
		margin: 0 auto;
		height: 81px;
		color:#515151;
		font-size:85%;
	}

/*IMAGES */

.cabin_plans {width:635px; height:550px; text-align:left; position:relative; margin:0 auto;}

.cabin_plans ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.cabin_plans ul.topic li {display:block; width:125px; height:31px; float:left;}
.cabin_plans ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}



.cabin_plans ul.topic li a ul, 
.cabin_plans ul.topic li ul 
{display:none;}

.cabin_plans ul.topic li.active a
{color:#000; background:#bbb;}

.cabin_plans ul.topic li a:hover,
.cabin_plans ul.topic li:hover a
{color:#fff; background:#aaa;}

.cabin_plans ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.cabin_plans ul.topic li a:hover ul, 
.cabin_plans ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.cabin_plans ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.cabin_plans ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.cabin_plans ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.cabin_plans ul.topic li a:hover ul li a:hover, 
.cabin_plans ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.cabin_plans ul.topic li a:hover ul li a:hover img, 
.cabin_plans ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}