/* CSS Document */

body
{
margin:0px;
background-color:#000000;
background-color:#262626;
background-image:url('images/bgtrees.jpg')

}


.selectH
{
width:178px;
height:21px;
border:1px solid #C3922E;
font:normal 12px Arial, Helvetica, sans-serif;
color:#C3922E;
margin:6px 0px 6px 0px;
background-color:#000000;
}


.fullWidth{width:100%;}

.fullHeight{width:100%;}

.floatLeft{float:left;}

.floatRight{float:right;}

.clear{clear:both;}

.rowspacer{width:20px;}

#warp
{
width:910px;
margin:0 auto;
background-color:#000000;
}

/*============ header classes Start ===============*/

#header
{
width:910px;
}

/*============ midpart classes Start ===============*/

#midpart
{
width:850px;
margin:0 auto;
}

#menubar
{
width:850px;
height:20px;
background:url(images/menubar-bg.jpg) repeat-x;
}

#menubar ul{
display:block;
list-style:none;
padding:0px;
margin:0px;
font:normal 12px Arial;
color:#808080;
}
#menubar ul li{
display:inline;
padding:0px;
margin:0px;
}
#menubar ul li a{
display:block;
padding:3px 6px 2px 6px;
/*margin:0 4px 0 4px;*/
float:left;
text-decoration:none;
text-align:center;
font:normal 12px Arial;
color:#808080;
line-height:normal;
}
#menubar ul li.selected a{
display:block;
padding:3px 14px 2px 14px;
background:url(images/menutab-bg.jpg) repeat-x;
/*margin:0 4px 0 0px;*/
float:left;
text-decoration:none;
text-align:center;
font:normal 12px Arial;
color:#808080;
line-height:normal;
}
#menubar ul li.line{
float:left;
font:normal 12px Arial;
color:#808080;
line-height:normal;
margin:0px;
padding:2px 2px 0px 2px;
}

#menubar ul li.line1{
float:left;
font:normal 12px Arial;
line-height:normal;
margin:0px;
padding:5px 2px 0px 2px;
color:#262626;
background:url(images/menutab-bg.jpg) repeat-x;}

#menubar ul li a:hover{
color:#808080;
text-decoration:none;
}

#mid-layer
{
width:820px;
background-color:#262626;
padding:13px 15px 13px 15px;
}

#container
{
width:530px;
background-color:#000;
padding:10px;
}

#rightpart
{
width:255px;
}

hr
{
margin:10px 0px 10px 0px;
padding:0px;
size: 1px ;
}

.homedetail
{
width:170px;
margin-right:10px;
font:normal 12px Arial;
color:#cccccc;
line-height:18px;
}

.homedetail h1
{
margin:0px;
padding:0px;
font:normal 12px Arial;
color:#C3922E;
line-height:18px;
}

.homedetail a
{
font:normal 11px Arial;
color:#999999;
line-height:18px;
text-decoration:none;
}

.homedetail a:hover
{
line-height:18px;
text-decoration:underline;
}

#subscribe-box
{
width:225px;
height:55px;
background-color:#554728;
padding:12px 15px 0px 15px;
}

.labelsu
{
font:normal 12px Arial;
color:#C3922E;
}

.inputsu
{
width:182px;
height:17px;
border:none;
background-color:#000;
padding:3px 10px 0px 10px;
font:normal 11px Arial;
color:#FFFFFF;
margin-top:5px;
}

.gobtn
{
vertical-align: bottom
}

.blankbox
{
width:255px;
background-color:#554728;
height:150px;
}

/*============ footer classes Start ===============*/

#footer
{
width:850px;
margin-top:25px;
}

#foot
{
width:845px;
height:20px;
padding-left:5px;
}

#foot ul{
display:block;
list-style:none;
padding:0px;
margin:0px;
font:normal 12px Arial;
color:#808080;
}
#foot ul li{
display:inline;
padding:0px;
margin:0px;
}
#foot ul li a{
display:block;
padding:2px 8px 2px 7px;
/*margin:0 4px 0 4px;*/
float:left;
text-decoration:none;
text-align:center;
font:normal 12px Arial;
color:#808080;
line-height:normal;
}

#foot ul li.line2{
float:left;
font:normal 12px Arial;
color:#808080;
line-height:normal;
margin:0px;
padding:2px 0px 0px 0px;
}

#foot ul li a:hover{
color:#808080;
text-decoration:none;
}

#footbar
{
width:830px;
height:17px;
background-color:#3B2C0E;
padding:3px 10px 0px 10px;
font:normal 11px Arial;
color:#fff;
margin-top:5px
}

#footbar a
{
font:normal 11px Arial;
color:#fff;
text-decoration:underline;
}

/*============ text classes Start ===============*/

.yellotext
{
font:normal 12px Arial;
color:#C3922E;
line-height:18px;
}

.yellomidtext
{
font:normal 14px Arial;
color:#C3922E;
line-height:18px;
}

.yellobigh1
{
font:normal 18px Arial;
color:#C3922E;
line-height:18px;
}

.gentext
{
font:normal 12px Arial;
color:#CCCCCC;
line-height:18px;
}

.gentexth1
{
font:bold 12px Arial;
color:#CCCCCC;
line-height:18px;
}

.whiteh1
{
font:bold 12px Arial;
color:#fff;
line-height:18px;
}

.genlinkgray:link,.genlinkgray:active,.genlinkgray:visited
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#CCCCCC;
line-height:18px;
text-decoration:underline;
}
.genlinkgray:hover
{
line-height:18px;
text-decoration:none;
}

/*============ about page classes Start ===============*/

#blackpart-about
{
width:654px;
background-color:#000000;
padding:10px;
}

#about-left
{
width:130px;
}

#leftmenu{
	margin: 0px;
	padding: 0px;
	list-style: none;}

#leftmenu li { margin:0; border-bottom:1px solid #5C5C5C; width:130px;}

#leftmenu a {
	text-decoration: none;
	display: block;
	width: 125px;
	height: 18px;
	padding: 2px 0 0 5px;
	width: 125px;
	height: 18px;
	font:normal 12px Arial;
	color:#C3922E;
	text-decoration:none;
}

/*#leftmenu li.new { margin:0; border-bottom:none; width:130px;}*/

#leftmenu li.new { margin:0; border-bottom:1px solid #262626; width:130px;}

#leftmenu li.selected
{ 
margin:0;
padding:0px;
border:none;
width: 130px;
background-color:#554728;
font:normal 12px Arial;
color:#C3922E;
text-decoration:none;
border-bottom:1px solid #262626;
}

#leftmenu a:hover, .selected {
	font:normal 12px Arial;
	color:#C3922E;
	text-decoration:none;
}

/*============ facilities page classes Start ===============*/

#facleft
{
width:325px;
}

#facright
{
width:317px;
}

.ul_libc
{
	margin:0px 0px 0px 16px;
	padding:0px;
}
.ul_libc li 
{
	font:normal 12px Arial;
	color:#CCCCCC;
	line-height:20px;
	vertical-align: top;
	display: list-item;
	list-style-position: outside;
	text-align: left;
	list-style-image: url(images/yello-arrow.jpg);
	list-style-position:top;
	
}
.ul_libc li a
{
	font:normal 12px Arial;
	color:#CCCCCC;
	line-height:20px;
	text-decoration:none;
}
.ul_libc li a:hover
{
	text-decoration:underline;
}

/*============ Availability-bookings page classes Start ===============*/

#monthbar
{
width:654px;
height:15px;
}

#monthbar ul{
display:block;
list-style:none;
padding:0px;
margin:0px;
font:normal 12px Arial;
color:#808080;
}
#monthbar ul li{
display:inline;
padding:0px;
margin:0px;
}
#monthbar ul li a{
display:block;
padding:0px 17px 0px 17px;
/*margin:0 4px 0 4px;*/
float:left;
text-decoration:none;
text-align:center;
font:normal 12px Arial;
color:#808080;
line-height:normal;
}
#monthbar ul li.selected2 a{
display:block;
padding:0px 17px 0px 17px;
/*background:url(images/menutab-bg.jpg) repeat-x;*/
background-color:#262626;
 float:left;
text-decoration:none;
text-align:center;
font:normal 12px Arial;
color:#C3922E;
line-height:normal;
}

#monthbar ul li.selected2 a:hover{
text-decoration:none;
text-align:center;
color:#C3922E;
line-height:normal;
}

#monthbar ul li a:hover{
color:#808080;
text-decoration:none;
}

.bookingbox
{
width:638px;
border:5px solid #262626;
background-color:#000000;
 
}

td.space
{
padding:3px;
font:normal 12px Arial;
color:#fff;
}

/*============ gallery page classes Start ===============*/

#gallery-layer
{
	width:800px;
	background-color:#000000;
	padding:10px;

}

.gallery-image
{
	width:150px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

/*============ contact page classes Start ===============*/

.labelco
{
width:80px;
float:left;
font:normal 12px Arial;
color:#C3922E;
margin-left:130px;
}

.labelb0
{
width:198px;
float:left;
font:normal 12px Arial;
color:#C3922E;
margin-left:75px;
}

.inputco
{
width:193px;
height:17px;
border:1px solid #404040;
padding:1px 5px 0px 5px;
font:normal 12px Arial;
color:#C3922E;
margin:0px 0px 5px 0px;
background-color:#000000;
}

.inputcodrop
{
width:193px;
height:17px;
border:1px solid #404040;
padding:1px 0px 0px 0px;
font:normal 12px Arial;
color:#C3922E;
margin:0px 0px 5px 0px;
background-color:#000000;
}


.textarea
{
width:193px;
height:105px;
border:1px solid #404040;
padding:3px 5px 0px 5px;
font:normal 12px Arial;
color:#C3922E;
margin:0px 0px 5px 0px;
background-color:#000000;
}

.sentbtn
{
margin-left:210px;
width:auto;
}

.sentbtn2
{
margin-left:235px;
width:auto;
}

/*============ summer page classes Start ===============*/


#summer-cont
{
width:425px;
}

#summer-imgs
{
width:214px;
}

 	

#news-box-outer
{
width:255px;
height:270px;
background-color:#554728;
}

#news-box
{
width:225px;
height:30px;
overflow:auto;
background-color:#554728;
padding:12px 15px 0px 15px;
}


#news-box-inner
{
width:220px;
height:200px;
overflow:auto;
background-color:#000000;
margin-left:15px;
padding-right:5px;
padding:0px 5px 10px 5px;
}


.newslink:link,.newslink:active,.newslink:visited
{
font:12px Arial, Helvetica, sans-serif;
color:#C3922E;
line-height:18px;
text-decoration:underline;
}
.newslink:hover
{
line-height:18px;
text-decoration:none;
}
#news-cont
{
width:625px;

}

#news-cont-paging
{
width:655px;
float:left;
}

#news-cont-pre
{
width:250px;
float:left;
margin-top:10px;
}

#news-cont-next
{
width:250px;
float:right;
text-align:right;
margin-top:10px;
}

#news-cont-center{
	width:125px; float:left; text-align:center;
margin-top:10px;
	}

.newsss{
	color:#C69229;
	font:12px Arial, Helvetica, sans-serif;
}
	
.newslinks:link,.newslinks:active,.newslinks:visited{
	font:12px Arial, Helvetica, sans-serif;
	color:#C69229;
	text-decoration:underline;}
	
.newslinks:hover{
	text-decoration:none;}




#c_preview{
	
	filter: alpha(opacity=80); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE */
	-moz-opacity: .80; /*older Mozilla*/
	-khtml-opacity: 0.8;   /*older Safari*/
	opacity: 0.8;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#333333;
	z-index:10;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	/*height:1280px;*/
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	padding-top:200px;

}

.button
{
	background-color: #CCCCCC;
	text-align: center;
	height: auto;
	width: auto;
	border: 1px solid #000000;
	margin: 1px;
	padding: 1px;
}