
body{
background-color:black;
background-image: url('../images/wood.jpg');
background-position: top center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}h1{
color: #fac400;
font-family: georgia;
font-size: 100px;
padding: 0;
margin:0;
line-height: 90px;
text-shadow: #333 0px 1px 3px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=160,strength=2);
}h2{
color: #fac400;
font-family: helvetica;
font-size: 20px;
padding: 0;
margin:0;
line-height: 20px;
font-weight: normal;
text-shadow: #333 0px 1px 3px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=160,strength=1);
}h3{
font-family: Georgia;
padding: 0;
margin: 0;
color: #d58e05;
font-weight: normal;
letter-spacing: 3px;
}h4{
font-family: Georgia;
padding: 20px 0 5px 0;
margin: 0 ;
color: #d58e05;
font-weight: normal;
letter-spacing: 3px;
}h5{
font-family: Helvetica;
padding: 0px 0 0px 0;
margin: 0 ;
color: #d58e05;
font-weight: normal;
text-shadow: #888 0px 1px 2px;
font-size: 20px;
float: right;
}h6{
font-family: Helvetica;
padding: 2px;
margin: 2px 0 0 0 ;
color: #444;
font-weight: bold;
font-size: 12px;
line-height: 18px;
}ul{
font-family: Helvetica;
color: #666;
line-height: 20px;
letter-spacing: 0.5px;
font-size: 12px;
}
a{
text-decoration: none;
}.content p a:link, .content p a:visited, .content h6 a:link, .content h6 a:visited{
color: red;
}p a:hover, h6 a:hover{
text-decoration: underline;
}a img{
border: none;
}form{
float: right;
}form p{
float: left;
margin: 10px 5px 0px 0px;
color: red;
font-weight: bold;
font-size: 25px;
display: none;
}input[type=text],textarea{
width: 450px;
height: 20px;
font-size: 12px;
font-family: Helvetica;
border: 1px solid #ccc;
padding: 10px;
background-color: #eee;
margin: 0px 0px 10px 0px;
color: #999;
float: right;
}input[type=submit]{font-family: Helvetica;
font-size: 12px;
padding:12px 20px 12px 20px;
float: right;
margin: 1px 0 0 11px; 
color: #d58e05;
border: 1px solid white;
outline: 1px solid #eecf93;
background-color: #fcf3e2;
cursor: pointer;
}input[type=submit]:hover{
-webkit-box-shadow: 0px 0px 3px #d58e05;
-moz-box-shadow: 0px 0px 3px #d58e05;
outline: 1px solid #d58e05;}#wrapper{
min-height: 800px;
width: 1000px;
margin: auto;
}#tempbarWrapper{
width: 100%;
height: 20px;
background-color: rgba(0,0,0,0.7);
padding: 5px 0 0 0;
}#tempbarContent{
width: 980px;
text-align: right;
margin:auto;
font-family: lucida grande;
font-size: 10px;
color: #666;
}#header{
margin:0px auto 0 auto;
padding-top: 0px;
width: 980px;
min-height: 10px;
}#logo{
float: left;
margin: 40px 40px 0 0;
}#navbar{
float:right;
}#navbar a{
color: #ccc;
font-family: helvetica;
font-size: 11px;
text-decoration: none;
background-color: rgba(0,0,0,0.7);
padding: 7px 18px;
margin: 0 0 0 1px;
float: right;
}#navbar a:hover {
background-color: rgb(0,0,0);
color: #eee;
}#Ho .Ho, #Ga .Ga, #Ra .Ra, #Fa .Fa, #Ma .Ma, #Ac .Ac, #En .En{
color: #d58e05;
}#goggles{
position:relative;
top: -483px;
left: -100px;
width:200px;
height:377px;
background-image:url(../images/goggles.png);
}
.content, .images{
background-color: rgba(200,200,200,0.8);
margin:20px auto;
padding:5px;
width:970px;
border-radius:2px;
}
.content p{
font-family: Helvetica;
padding: 0;
margin: 0;
color: #666;
line-height: 20px;
letter-spacing: 0.5px;
font-size: 12px;
}
/* container for slides */
.images {
height:410px;
border-radius:3px;
}/* single slide */
.images div {
display:none;
position:absolute;
top:5;
left:5;		
}.contentInner{
background-color: rgb(255,255,255);
margin:0px auto;
padding:40px;
-webkit-box-shadow: 0px 2px 4px #555;
-moz-box-shadow: 0px 2px 4px #555;
}.contentInnerGallery,.contentInnerMap{
background-color: rgb(255,255,255);
margin:0px auto;
padding:5px;
-webkit-box-shadow: 0px 2px 4px #555;
-moz-box-shadow: 0px 2px 4px #555;
}#mainPicLodge{
height: 398px;
width: 960px;
background-image: url(../images/lodgeOutside.jpg);
background-position: top center;
background-repeat: no-repeat;
border: 5px solid white;
margin: auto;
-webkit-box-shadow: 0px 2px 4px #555;
-moz-box-shadow: 0px 2px 4px #555;
}#mainPicView{
height: 398px;
width: 960px;
background-image: url(../images/header.jpg);
background-position: top center;
background-repeat: no-repeat;
border: 5px solid white;
margin: auto;
-webkit-box-shadow: 0px 2px 4px #555;
-moz-box-shadow: 0px 2px 4px #555;}#mainPicSki{
height: 398px;
width: 960px;
background-image: url(../images/snowboarder.jpg);
background-position: top center;
background-repeat: no-repeat;
border: 5px solid white;
margin: auto;
-webkit-box-shadow: 0px 2px 4px #555;
-moz-box-shadow: 0px 2px 4px #555;}#mainPicKitchen{
height: 398px;
width: 960px;
background-image: url(../images/kitchenHeader.jpg);
background-position: top center;
background-repeat: no-repeat;
border: 5px solid white;
margin: auto;
-webkit-box-shadow: 0px 2px 4px #555;
-moz-box-shadow: 0px 2px 4px #555;}#galleryButton{
background-color: rgba(255,255,255,0.5);
height: 20px;
padding: 0px 0 8px 10px;
width: 80px;
float: right;
font-family: lucida grande;
font-size: 12px;
color: #333;
text-decoration: none;
}#galleryButton:hover{
text-decoration: underline;
}#indexDescriptionBoxInner{
height: 220px;
width: 930px;
padding: 20px;
background-color: white;
margin: auto;
background-image: url(../images/lodge.jpg);
background-position: 590px 5px;
background-repeat: no-repeat;
-webkit-box-shadow: 0px 2px 4px #555;
-moz-box-shadow: 0px 2px 4px #555;
border:none;
}#mapHeaderContent{
min-height: 170px;
width: 930px;
padding: 20px;
background-color: white;
margin: auto;
background-image: url(../images/compass.jpg);
background-position: right bottom;
background-repeat: no-repeat;
-webkit-box-shadow: 0px 2px 4px #555;
-moz-box-shadow: 0px 2px 4px #555;
}#mapHeaderContent p, #indexDescriptionBoxInner p{
width: 580px;
}#oneThirdLeft{
margin-right:10px;
background-image: url(../images/fallsIndex.jpg);
}
#oneThirdMiddle{
margin-right: 10px;background-image: url(../images/fireIndex.jpg);
}
#oneThirdRight{
background-image: url(../images/loungeIndex.jpg);
}
.oneThirdBoxes{
display:block;
min-height: 100px;
padding: 150px 15px 0 15px;
width:276px;
float: left;
border:5px solid white;
background-repeat: no-repeat;
background-color: white;
background-position: top center;
text-align: center;
text-decoration: none;
-webkit-box-shadow: 0px 1px 3px #333;
-moz-box-shadow: 0px 1px 3px #333;}.content a div:hover{
-webkit-box-shadow: 0px 1px 20px black;
-moz-box-shadow: 0px 1px 10px black;
color: red !important;
cursor:pointer;
.oneThirdBoxes:hover{
background-color: #fcf3e2;
}
}#bookingsText{
float: left;
width: 350px;
}#activityBox{
background-image: url(../images/mtb.jpg);
background-position: center 5px;
background-repeat: no-repeat; 
height: 280px;
}#facilitiesBox{
background-image: url(../images/facilities.jpg);
background-position: center 5px;
background-repeat: no-repeat; 
height: 280px;
}#ratesBox{
background-image: url(../images/ratesView.jpg);
background-position: center 5px;
background-repeat: no-repeat; 
height: 280px;
}#prices{
float: left;
width:500px;
font-family: Helvetica;
}#rules{
margin-top: 40px;
float: right;
padding: 5px 0px 5px 10px;
width:300px;
border-left: 1px solid #ccc;
}#footerContainer{
background-color: rgba(0,0,0,0.7);
}#footer{
min-height: 60px;
width: 970px;
margin: 30px auto 5px auto;
border-top: 1px solid #444;
color: #999;
font-family: lucida grande;
list-style: none;
font-size: 11px;
}#footer a{
color: #999;
font-family: lucida grande;
list-style: none;
font-size: 11px;
text-decoration: none;
}#footer a:hover{
text-decoration: underline;
}#footer ul{
float: left;
width: 280px;
}
#footer li{
list-style: none;
}#copyright{
min-height: 60px;
width: 970px;
margin: auto;
border-top: 1px solid #444;
font-family: lucida grande;
list-style: none;
font-size: 10px}#copyright p, #copyright a:link, #copyright a:visited{
color: #999 !important;
font-size: 10px;
}.lineSpacing{
color: #d58e05;
padding: 10px 20px;
border: 1px solid white;
outline: 1px solid #eecf93;
background-color: #fcf3e2;
list-style: none;
}
.lineSpacing li{
padding:3px 10px;
}.altListBG{
background-color: #fef8ed;
}.clear{
clear: both;
}.bold{
font-weight: bold;
}.italic{
font-style:italic;
text-align: right;
font-size: 10px;
}
.bookingButton{
font-family: Helvetica;
font-size: 12px;
padding:12px 20px 12px 20px;
float: right;
margin: 1px 0 0 11px; 
color: #d58e05;
border: 1px solid white;
outline: 1px solid #eecf93;
background-color: #fcf3e2;
cursor: pointer;
}.bookingButton:hover{
-webkit-box-shadow: 0px 0px 3px #d58e05;
-moz-box-shadow: 0px 0px 3px #d58e05;
outline: 1px solid #d58e05;}
.line{
height: 1px;
background-color: #ccc;
}.lineShort{
height: 1px;
background-color: #ccc;
width:630px;
}
.quote{
font-style: italic;
font-size: 16px;
color: #d58e05;
font-family: Georgia;
margin: 15px 0 0 0;
padding: 10px 20px;
border: 1px solid white;
outline: 1px solid #eecf93;
background-color: #fcf3e2;
width: 600px;
}.quoter{
text-align: right;
font-style: italic;
font-size: 14px;
color: #d58e05;
font-family: Georgia;
margin-top: 10px;
padding: 0;
}
/* Facilites JQuery Tools CSS*/
	
/* the overlayed element */
.apple_overlay {
	
	display:none;
	background-image:url(http://flowplayer.org/tools/img/overlay/white.png);
	width:640px;		
	padding:35px;
}/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute; right:10px; top:10px;
	cursor:pointer;
	height:24px;
	width:24px;
}	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
	}
	
	div.apple_overlay img {	
		display: block; 
		margin: auto;
	}
	
	div.black h2 {
		color:#fff;
	}
	
	#triggers {
		margin-top:10px;
		text-align:center;
	}
	
	#triggers img {
		background-color:#fff;
		padding:2px;
		border:1px solid #eecf93;
		margin:2px 3px;
		cursor:pointer;
	}
	
		#triggers img:hover {
		background-color:#eecf93;
		opacity:0.9;
	}
/*Gallery CSS*/.scrollable {
	float:left;	
	position:relative;
	overflow:hidden;
	width: 870px;
	height:85px;}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}.items div {
	float:left;
	width:870px;
}.scrollable img {
	float:left;
	margin:0px 0px 0px 55px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	
	height:75px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}/* active item */
.scrollable .active {
	border:1px solid #d58e05;
	position:relative;
	cursor:default;
}/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:25px 10px 0px 10px;
	cursor:pointer;
	font-size:1px;
}/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 
/* left */
a.left				{ margin-left: 5px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} /* styling for the image wrapper  */
	#image_wrap {
		text-align:center;
	}	

