body{
	background: #122c57;
}
.width{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#bgimage{
	position: absolute;
	position: fixed;
	min-height: 500px;
	min-width: 1024px;
	width: 100%;
	height: auto;
	overflow: hidden;
	top:0;
	left: 0;
	

}
#bgimage img{;
	width: 100%;

}
#bgimage #texture{
	position: absolute;
	min-height: 500px;
	min-width: 1024px;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background: url(https://onressystems.com/vendors/cowlitzriver/texture.png) 0 0 repeat;

}


#bgimage #bgbottom{
	position: absolute;
	width: 100%;
	height: 302px;
	bottom:0;
	left: 0;
	background: url(https://onressystems.com/vendors/cowlitzriver/bottom.png) bottom center repeat-x;

	

}



#container{
	background: url(https://onressystems.com/vendors/cowlitzriver/bottom.png) bottom center repeat-x;
	position: relative;
	
}

#top, #top .width{
	height: 170px;
	position: relative;
}
	#logo{
		position:absolute;
		display: block;
		text-indent: -2000em;
		top:27px;
		left: -30px;
		width: 738px;
		height: 110px;
		background: url(https://onressystems.com/vendors/cowlitzriver/Logo.png) no-repeat center	top;
	}
	
#navbarbg{
	background: url(https://onressystems.com/vendors/cowlitzriver/navBar2.png)center	top repeat-x;
	height: 88px;
	width: 100%;
	position: absolute;
	top:124px;
}

#social {
    height: 40px;
    position: absolute;
    right: 10px;
    top: 130px;
    width: 140px;
    z-index: 30;
}
#social a{
	background: url(https://onressystems.com/vendors/cowlitzriver/FBbutton.png) no-repeat 0px 0px;
	text-indent: -2000px;
	display: block;
	height: 40px;
	width: 140px;
	position: relative;
	opacity: .8;
}
#social a:hover{
	background: url(https://onressystems.com/vendors/cowlitzriver/FBbutton.png) no-repeat 0 -40px;
	opacity: 1;
}

#page{
	position: relative;
	z-index: 11;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;

	background: url(https://onressystems.com/vendors/cowlitzriver/pageBG.png) repeat center top;


}

	
	
	
/* Header Area */
header{
	height: 340px;
	position: relative;
	overflow: hidden;
}


#headerimg{

	width: 710px;
	height: 310px;
	position: absolute;
	top:20px;
	left: 20px;
	background: #000;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}

	a.cabin{
		position: absolute;
		right: 20px;
		width: 190px;
		height: 70px;
		background: url(https://onressystems.com/vendors/cowlitzriver/CabinSprite.jpg) 0 0 no-repeat;
			
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		text-indent: -2000em;
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
		box-shadow: 0px 0px 5px rgba(0,0,0,.5);

	}
	
	a.cabin1{
		top: 20px;
		background-position: 0 0;
	}
		a.cabin1:hover{
			background-position: -190px 0;
		}
	a.cabin2{
		top: 100px;
		background-position: 0 -70px;
	}
		a.cabin2:hover{
			background-position: -190px -70px;
		}
	a.cabin3{
		top: 180px;
		background-position: 0 -140px;
	}
		a.cabin3:hover{
			background-position: -190px -140px;
		}
	a.cabin4{
		top: 260px;
		background-position: 0 -210px;
	}
		a.cabin4:hover{
			background-position: -190px -210px;
		}

/*
 #headeroverlay{
 	background: url(/themes/wgc10/images/headerOverlay.png) no-repeat top left;
 }
 
*/
 
#main{



}
	#content{
		position: relative;
		width: 690px;
		float: left;
		margin: 0px 0px 30px 30px;
		padding: 5px 0 0 0;
	    display: inline;
	    min-height: 500px;
	    

	}
	
	#sidebar{
	position: relative;
	width: 190px;
	float: right;
	margin: 0px 20px 30px 0px;
	padding:0;
	display: inline;

	}
	

	#galleryBTN{
		display: block;
		position:relative;
		width: 190px;
		margin: 10px auto 0px 0px;
		height:109px;
		background: url(https://onressystems.com/vendors/cowlitzriver/gallerySprite.jpg);
		text-indent: -2000em;
	}
	
#galleryBTN:hover{
			background-position: -190px 0px;
		}
		
#requestBTN{
		display: block;
		position:relative;
		width: 190px;
		margin: 10px auto 0px 0px;
		height: 80px;
		background: url(https://onressystems.com/vendors/cowlitzriver/onlinerequest.jpg);
		text-indent: -2000em;
	}
	
#requestBTN:hover{
			background-position: -190px 0px;
		}

#mainnav{
	position: absolute;
	top:-32px;
	left: 0px;
	width: 100%;
	height: 30px;
}

#booking-container{
	margin-left:-70px;
}


footer{
	width: 100%;
	height: 110px;
	position: relative;
	z-index: 10;

}
footer .width{
	height: 110px;
}


	#footlogo{
		width: 327px;
		height: 46px;
		background: url(https://onressystems.com/vendors/cowlitzriver/logo-footer.png) 0 0 no-repeat;
		position: absolute;
		top: 7px;
		left: 0;
	}
	#address{
		color: #fbf2c9;
		position: absolute;
		top: 20px;
		left: 375px;
		width: 250px;
		font: 15px/20px 'Questrial', sans-serif;
	}
	#footmail{
		display: block;
		color: #fbf2c9;
		position: absolute;
		top: 20px;
		left: 650px;
		width: 250px;
		font: 15px/20px 'Questrial', sans-serif;
	}
footer  #footinfo {
	text-align: left;
	position: absolute;
	height: 12px;
	width: 480px;
	left: 30px;
	bottom: 14px;
	color: #fbf2c9;
	font: normal 12px/12px 'Questrial', sans-serif;

}

footer  #incontrol {
	text-align: right;
	position: absolute;
	height: 12px;
	width: 400px;
	right: 30px;
	bottom: 14px;
	color: #fbf2c9;
	font: normal 10px/12px 'Questrial', sans-serif;

}
footer  #incontrol a {
	color: #fbf2c9;
	font: normal 10px/12px 'Questrial', sans-serif;
	text-decoration: none;
}
footer  #incontrol a:hover {
	color:#fff;
	text-shadow:0px 0px 5px rgba(0,0,0, 0.75);

}




























/* WCMS Zoom Image */

span.zoomicon {
	position:absolute;
	height: 100%;
	width: 100%;
	right: 5px;
	bottom: 5px;
	background: url(https://onressystems.com/vendors/cowlitzriver/zoom.png)  no-repeat center center;
	text-indent:-2000em!important;
	opacity:9;
     -webkit-transition: opacity .2s linear;
}
a.zoomlink.video span.zoomicon {
	position:absolute;
	height: 100%;
	width: 100%;
	right: 0px;
	bottom: 0px;
	text-indent:-2000em!important;
	background: url(https://onressystems.com/vendors/cowlitzriver/play.png) no-repeat center center;
	display:block!important;
	opacity:.5;

}
a.zoomlink.swf span.zoomicon {
	position:absolute;
	height: 100%;
	width: 100%;
	right: 0px;
	bottom: 0px;
	text-indent:-2000em!important;
	background: url(https://onressystems.com/vendors/cowlitzriver/360.png) no-repeat center center;
	display:block!important;
	opacity:.5;

}

a.zoomlink:hover span.zoomicon, a.zoomlink:active span.zoomicon {
	display:block;
/* 	opacity:1!important; */
}




a.zoomlink span.imgcaption{
	display: block;
	position: absolute;
	bottom: 5px;
	left: 5px;
	right: 5px;
	width: auto;
	padding: 0px 20px;
    opacity:.0; 
     -webkit-transition: opacity .2s linear;
     -moz-transition: opacity .2s linear;

}
a.zoomlink span.imgcaption span{
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: #000 0px 0px 2px;
	padding: 4px 5px;
	background: url(https://onressystems.com/vendors/cowlitzriver/captionBG-Blue.png) repeat 0 0;

    border:solid 0px #191919;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

a.zoomlink:hover span.imgcaption{
/* 	opacity:1; */
}



.clsOnResCalendar {
		background-color:#B8B884;
		border-width:1px;
		border-color:#cccccc;
	}
	.clsOnResMonthTitle {
		color:black;
		text-align:center;
		font-size:8pt;
		line-height:9pt;
		font-family:verdana
	}
	.clsOnResCalendarMonth {
		color:red;
		background-color:#DEDFCD;
		text-align:center;
		border:1px;
		font-size:8pt;
		line-height:9pt;
		font-family:verdana
	}
	.clsOnResDayUnAvailable {
		color:#ffffff;
		background-color:#FF3300;
	}
	.clsOnResDayAvailable {
		color:#0A64BB;
		background-color:#FFFFFF;
	}
	.clsOnResDayEmpty{
		background-color:#FFFFFF;
	}