html{
background-image:url(images/bg.gif);
background-repeat:repeat;
background-color:38342B;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#333333;
}
		
body {
width: 906px;
margin: 0 auto;
padding: 0px;
background-image:url(images/bgshadow.gif);
background-repeat:repeat-y;
}

#container {
width:850px;
margin:0 auto;
background-color:#FFFFFF;
}
		
/*-----------------------------navigation and banner---------------------*/
			
#header{
height:125px;
width: 850px;
background-image:url(images/header_burlap.jpg);
background-repeat:no-repeat;
position:relative;
z-index:1;
}

#header .right {
	color:#fff; 
	font-weight:bold;
	float:right;
	padding:10px 10px 0 0;
}

#header .right a {color:#fff;}
#header .right a:hover {text-decoration:none;}

#header #logo
{
	background:url(images/logo.png) no-repeat;
	_background:url(images/logo.gif) no-repeat;
	position:absolute;
	top:3px; 
	left:2px;
	height:106px;  
	width:167px;
	display:block;
	z-index:99;
}

#header #logo a 
{
	height:106px;  
	width:167px;
	text-decoration:none;
	display:block;
	text-indent:-9999px;
	font-size:0;
}

/*#header a.homeLink span
{
	visibility:hidden;
}*/

#nav{
height:20px;
margin-right:10px;
}
	
	a#home{
			display:block;
			height:13px;
			width:36px;
			background-image:url(images/nav_01.gif);
			background-position:top;
			text-decoration:none;
			float:right;
			}
		a#accomodations{
			display:block;
			height:13px;
			width:110px;
			background-image:url(images/nav_02.gif);
			background-position:top;
			text-decoration:none;
			float:right;
			}
		a#lou{
			display:block;
			height:13px;
			width:90px;
			background-image:url(images/nav_05.gif);
			background-position:top;
			text-decoration:none;
			float:right;
			}
		a#mountainmedia{
			display:block;
			height:13px;
			width:105px;
			background-image:url(images/nav_06.gif);
			background-position:top;
			text-decoration:none;
			float:right;
			}
		a#shop{
			display:block;
			height:13px;
			width:37px;
			background-image:url(images/nav_08.gif);
			background-position:top;
			text-decoration:none;
			float:right;
			}
		a#cafe{
			display:block;
			height:13px;
			width:38px;
			background-image:url(images/nav_07.gif);
			background-position:top;
			text-decoration:none;
			float:right;
			}
		a#museum{
			display:block;
			height:13px;
			width:54px;
			background-image:url(images/nav_09.gif);
			background-position:top;
			text-decoration:none;
			float:right;
			}
		a#guide{
			display:block;
			height:13px;
			width:71px;
			background-image:url(images/nav_04.gif);
			background-position:top;
			text-decoration:none;
			float:right;
		}
		a#home:hover,a#accomodations:hover,a#lou:hover,a#shop:hover,a#guide:hover,a#mountainmedia:hover,a#cafe:hover,a#museum:hover, #nav a.on{
			background-position:bottom;
			}
			
	
	#subnavandbanner{
	clear:both;
	width:850px;
	height:195px;
	vertical-align:top;
	background-color:#cccccc;
	margin-bottom:10px;
	}
	
		a#reserve{
			display:block;
			height:54px;
			width:78px;
			background-image:url(images/sidenav_03.gif);
			background-position:left;
			text-decoration:none;
			}
		
		a#directions{
			display:block;
			height:67px;
			width:78px;
			background-image:url(images/sidenav_04.gif);
			text-decoration:none;
			}
		
		a#contact{
			display:block;
			height:56px;
			width:78px;
			background-image:url(images/sidenav_05.gif);
			
			text-decoration:none;
			}
		#reserve:hover,#directions:hover,#contact:hover, #subnavandbanner a.on{
		background-position:right;
			}
			
		.banner{
		height:195px;
		vertical-align:top;
		width:772px;
		margin:0px;
		padding:0px;
		float:right;
		}
		
		.slideshow{
		float:left;
		}

/*-----------------------end nav and banner---------------------*/

/*-----------------------content sections---------------------*/

	#spread23{
	float:left;
	width: 550px;
	margin:0px 5px 0px 10px; 
	line-height:1.6em;
	}
	
	.row23{
	width:530px;
	margin-bottom:10px;
	padding:5px 10px 5px 10px;
	background-image:url(images/blue250.gif);
	background-position:top;
	background-repeat:repeat-x;
	}
	
	.row23small{
	float:left;
	width:250px;
	padding:5px 15px 10px 10px;
	margin-bottom:10px;
	background-image:url(images/blue250.gif);
	background-position:top;
	background-repeat:repeat-x;
	}
	
	#spread13 {
	float:left;
	width: 285px;
	}
	
	.row13{
	width:250px;
	margin:0px 10px 0px 5px;
	padding:5px 10px 5px 10px;
	background-image:url(images/grey250.gif);
	background-position:top;
	background-repeat:repeat-x;
	}
	
	#fullspread{
	width:800px;
	float:left;
	padding:10px;
	}
	
	.fullleftright{
	float:left;
	width:220px;
	}
	
	.fullcenter{
	float:left;
	width:320px;
	margin:0px 10px 0px 10px;
	background-color:#666666;
	}
		
/*-----------------------end content sections---------------------*/

#footer {
width: 906px;
margin:0 auto;
padding:0px;
clear: both;
}

p{
text-indent:1em;
line-height:1.6em;
}

h1{
font-family:helvetica, arial, sans-serif;
font-size:16px;
font-weight:normal;
color:#033053; 
margin:0px;
padding:0px;
text-transform:uppercase;
}

h2{
font-family:helvetica, arial, sans-serif;
font-size:14px;
color:#38342B;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#38342B;
}
	
img,a{
border:none;
}		

a:link, a:visited, a:active{
font-family:Georgia, "Times New Roman", Times, serif;
color:#333333;
}

a:hover{
color:#993300;
}

.clear{
clear:both;
}

.left{
float:left;
margin:0px 10px;
}
/*-----------------------web cam page---------------------*/
input.webcam {
	 border:1px solid #336;
	 color:#000;
	 padding:2px;
	 background-color:#bcccee;
	 cursor:pointer;
	}
	
iframe {background-color:#fff;}