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

body {
	background:url(../images/bg_xtile.jpg) repeat-x;
	background-color:#1f5800;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#645132;
	margin:0px;
}

#header {
	width:810px;
	height:230px;
	margin:0 auto;
	text-align:center;
}

#wrap {
	width:782px;
	margin:0 auto;
	padding:0px 14px 0px 14px;
	text-align:center;
	background:url(../images/body_tile.jpg) repeat-y;
}

#menu {
	width:230px;
	margin:0 auto;
	text-align:center;
	background:url(../images/menu_tile.jpg) repeat-y;
	padding:0px 11px 0px 11px;
}

#content {
	width:513px;
	text-align:left;
	padding:0px 5px 0px 10px;
}

#weather {
	float:right;
	width:140px;
	padding:0px 5px 5px 10px;
}

#scroller {
	float:left;
	width:175px;
	padding:0px 10px 7px 5px;
}

#footer {
	width:810px;
	height:80px;
	margin:0 auto;
	clear:both;
	text-align:center;
	font-size:11px;
	background:url(../images/footer.jpg) no-repeat;
}

#footer a {
	text-decoration:none;
	padding:0px 5px 0px 5px;
	font-size:11px;
	color:#163d01;
}

#footer a:hover {
	text-decoration:none;
	padding:0px 5px 0px 5px;
	font-size:11px;
	color:#7e6843;
}

#links {
	text-align:center;
	padding:15px 0px 5px 0px;
}

#copy {
	float:right;
	width:70%;
	text-align:right;
	padding:10px 36px 10px 0px;
	font-size:11px;
	color:#9f9a7d;
}

#seo {
	float:left;
	width:20%;
	text-align:left;
	padding:10px 0px 10px 36px;
}

#seo a {
	color:#9f9a7d;
	text-decoration:none;
}

#seo a:hover {
	color:#9f9a7d;
	text-decoration:underline;
}

h1 {
	color:#1f5800;
	font-size:22px;
}

h2 {

}

h3 {

}

a {
	text-decoration:none;
	color:#163d01;
}

#footer a:hover {
	text-decoration:underline;
	color:#7e6843;
}

/*#appNavBar / #appPage used for styling of the nav bar / page for the ctrl application*/

#appPage{
	text-align:left;

}

#appPage h3{
	/*Background and color*/	
	border-bottom:solid 1px #cbc277;
	margin-bottom:5px;
}

#appPage h3 span{
	font-size:10px;
}

#appPage th{	
	text-align:right;
	padding-bottom:12px;
	vertical-align:top;
}

#appPage td{
	padding-left:10px;
	vertical-align:top;
}

#appNavBar{
	background-color:#1f5800;
	color:#ffffff;
	padding:5px;
}

#appNavBar a{
	color:#ffc140;
	font-weight:bold;
}

#appNavBar a:hover{
	color:#ffffff;
	font-weight:bold;
}

.spclBox {
	background:url(../images/special_bg.jpg) no-repeat;
	width:285;
	height:73px;
	color:#000000;
	font-size:14px;
	padding:40px 10px 5px 10px;
	text-align:center;
}

.spclGreen {
	font-weight:bold;
	color:#204309;
}

.spclRed {
	font-weight:bold;
	color:#f20c00;
	font-size:20px;
}

.spclSmall {
	font-size:11px;
	color:#616240;
}


/************ Header Rotator **************/

.slideshow-index {
	display:block; 
    height:349px; 
    width:496px;
	z-index:0;
}  
       
.slideshow-index div {
	border:0; 
    width:496px;
    margin:0;  
    text-align:center;
}
	    
.indexBanner {
    width:496px;
    float:left;
    display:inline;
    margin-bottom:15px;
}
    
.indexBanner a:link, .indexBanner a:visited, .indexBanner a:hover {
    color:#f70;
    text-decoration:none;
}

.slideshow-index div {
    height:349px;
}

.btn-img1 {
    position:absolute;
}

.btn-img2 {
    position:absolute;
}

.btn-img3 {
    position:absolute;
}

.rotator-img {
    position:absolute;
    top:0;
    left:0;
}

.icon-rotators {
    position:absolute; 
    left:340px;
	width:140px;
    bottom:15px;
	*bottom:5px;
}

.icon-rotators a {
    display:inline;
    height:10px;
    width:10px;
    cursor:pointer;
    margin-left:2px;
} 

#rotator {
	position:relative;
	height:349px;
}

#rotator div {
	position:absolute;
    top:0;
    left:0;
    display:none;
}
    	
#rotator div.first {
	display:block;
}


/************************ Reservations  **************************/

.cabinBox {
	clear:both;
	height:166px;
	margin:5px 0px 10px 0px;
	background:#e0d6b4;
	border:1px solid #949172;
	padding:3px;
}

.cabinBox2 {
	clear:both;
	height:80px;
	margin:5px 0px 5px 0px;
	background:#e0d6b4;
	border:1px solid #949172;
	padding:3px;
}

.cabinPic {
	float:left;
	border:1px solid #174200;
}

.cabinDesc {
	float:right;
	width:67%;
	height:140px;
}

.cabinDesc2 {
	float:right;
	width:84%;
	height:120px;
}

.cabinTitle {
	background:#174200;
	padding:3px;
	color:#ffffff;
	margin-bottom:7px;
}

.rooms {
	text-align:right;
	float:right;
	display:inline;
	font-size:11px;
}

.bookit {
	float:right;
	background:#174200;
	color:#fec650;
	width:85px;
	height:20px;
	text-align:center;
	font-weight:bold;
	padding-top:3px;
}

.bookit:hover {
	background:#000000;
	color:#ffffff;
	cursor:pointer;
}

span.cabinNote {font-size:10px; display:block; margin-top:5px;}
span.cabinRate {display:block; margin-top:8px; }

/****************************  Gallery  ******************************/

.imgnav {position:absolute; z-index:100; height:300px; width:10%; z-index:100; outline:none; cursor:pointer;}

#gallery {position:relative; width:450px; margin:40px auto; padding:0px;}
#image {position:relative; width:450px; height:300px; padding:0px; border:1px solid #666; background: url(../slideshow/images/loading.gif) center center no-repeat;}
#image img {position:absolute;}
#thumbwrapper {margin-top:10px; padding:5px 0; width:460px; height:80px;}
#thumbarea {position:relative; overflow:hidden; height:80px; width:450px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:80px; width:10000px;}
#thumbs li {float:left; margin-right:5px; cursor:pointer;}
#previmg {left:0; background:url(../slideshow/images/left.gif) left center no-repeat;}
#previmg:hover {opacity:1; filter:alpha(opacity=100);}
#nextimg {right:0; background:url(../slideshow/images/right.gif) right center no-repeat;}
#nextimg:hover {opacity:1; filter:alpha(opacity=100);}