@charset "utf-8";

/*=====================================================================================
Common CSS
=====================================================================================*/
html {	}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 12px Arial;
	background:url(/themes/default/images/body-bg.jpg) top left repeat-x #7c5d0d;
	}

	
img { border:0px;}
a { color:#FFFFFF; text-decoration: none;}
a:hover {color:#FFFFFF;text-decoration: underline;}

.first {border-left: 0;}
.hide {display: none;}

.clear-all {clear: both; height: 0; line-height: 0; font-size: 0;}
.clear-left {clear: left; height: 0; line-height: 0; font-size: 0;}
.clear-right {clear: right; height: 0; line-height: 0; font-size: 0;}
.input-a { font-size:12px;}

.button-red, .button-black, .button-blue { font-size:8pt; color:#FFFFFF;  font-family:'Tahoma'; font-weight:bold;}
.button-red {  background-color:#FF0000; }
.button-black { background-color:#000000;}
.button-blue { background-color: #336699;}

.red { color:#CC0000;}
.white { color:#FFFFFF;}
.blue { color:#04579f}
.gray { color:#666666}

/*=========================================================================== 
Common : Page Lister
===========================================================================*/
#list-top, #list-bottom{float:right; position:relative; margin-top:10px; margin-bottom:10px; margin-right:25px; width:50%}
#page-list *{ font-size:10px; font-weight:bold;}
#send-post {width:40%;position:relative; margin-left:25px; margin-top:10px; margin-bottom:10px;}
#send-post a{color:#C60; text-decoration:underline; font-weight:bold;}

/*=========================================================================== 
Common : Post Comment Form
===========================================================================*/
#post-comment {position:relative; margin-left:25px;}
#post-comment td {color:#83643f;}
#post-comment .input {font-size:10pt; width:300px; }
#post-comment .capcha {font-size:10pt; width:50px; }
#post-comment .title {padding-top:5px; padding-bottom:5px;color:#C60; font-weight:bold;}
.completed { padding-left:10px; color:#000099; font-style:italic;}
/*=========================================================================== 
Common :Content Body
===========================================================================*/
#topbar, #content, #footer { 
	margin-left:auto;  margin-top:0px; margin-right:auto; 
	padding:0px; 
	position:relative; 
	width:945px !important; height:auto;
}

/*=========================================================================== 
Common :Topbar + Topmenu  + Logo
===========================================================================*/
#logo { 
	behavior: url(iepngfix.htc); 
	width:163px; 
	height:73px;
	position:relative;
	float:left;
}

#topbar { 	height:94px;}

#top-menu {
		float:right;
		position:relative;
		width:782px;
		height:73px;
		margin-top:21px;
		background:url(/themes/default/images/topbar-bg.png) top left no-repeat;
}

#top-menu div.language {
		float:right;
		margin-right:15px;
		width:160px;
		text-align:right;
		color:#FFFFFF;
		font-size:8pt;
		height:20px;
		margin-top:10px;
		padding-top:-10px;
	}

#top-menu div.language ul li { list-style:none; display:inline;}
#top-menu div.language span.link, #top-menu div.language span.current { padding-right:8px; border-left:solid 1px #FFFFFF; padding-left:8px;}
#top-menu div.language span.first { padding-right:8px;}
#top-menu div.language span a { color:#583c0e;}
#top-menu div.language span a.current { color:#e39c31;}

#main-menu { margin-top:45px; position:relative; text-align:right; margin-right:20px;}

/*=========================================================================== 
Common :Check Available
===========================================================================*/
#checkavailable .box { background:url(/themes/default/images/check-box-bg.png) top left repeat-y; }
#checkavailable .title { font-size:10pt; font-weight:bold; color:#FFFFFF; text-align:center;}
#checkavailable .link { background:url(/themes/default/images/check-box-end-bg.png) top left repeat-y; }
#checklink .link{ border-bottom:dashed 1px #999999; text-align:left; padding-top:5px; padding-bottom:5px; background:none; color:#83643f;}
#checklink a { color:#83643f; text-decoration:none;}
#checklink a:hover { text-decoration:underline;}

#checkform td, #checkform input, #checkform select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt;}
#checkform td {color:#636363;}
#checkform td.txt { padding-top:3px; padding-bottom:3px; font-size:9px}
#checkform input.text { border:solid 1px #636363; width:105px; }
#checkform select { width:30px;}


/*=========================================================================== 
็Picture Slide
===========================================================================*/
#slide .pix { border:solid 2px #FFFFFF;}
#slide #show { padding:2px; background-color:#FFFFFF;}
.pix-title {
	top:365px;
	left:165px;
	width:652px;
	height:41px;
	position:absolute;
	z-index:88550;
	overflow:hidden;
	background:url(/themes/default/images/name-bg.png);
	opacity: 1;
	color:#FFFFFF;
	}
div.section{ margin-top:4px; margin-left:10px; position:absolute; z-index:9999; color:#FFFFFF;}
div.section div.name { 
		 font-size:18pt; color:#FFFFFF; 
		 width:400px; height:40px; padding-top:4px; padding-right: 0px; ;
		 float:left; position:absolute;
		 padding-left:10px;
		 overflow:visible;
}
div.section div.property { font-family:Arial, Helvetica, sans-serif; font-size:12pt; color:#c4b33c; padding-left:10px;}
div.section div.txt { font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; padding-left:10px;}

/*=============================================================
Title : Acoommodations Title
=============================================================*/
.pix-title { background:#273b26; }
.pix-title div { font-family:Arial, Helvetica, sans-serif; }
.pix-title div.section-accom { margin-top:4px; margin-left:10px; position:absolute; z-index:99999; color:#FFFFFF; }

.pix-title div.section-accom div.name {
		 font-size:18pt; color:#FFFFFF; 
		 width:auto; height:40px; padding-top:4px; padding-right: 0px; ;
		 float:left; position:absolute;
		 padding-left:10px;
	 }
div.section-accom div.property { float:right; position:relative; color:#c4b33c; width:auto;  margin-left:260px; margin-top:10px;}
.pix-title div.section div.txt { 
			 font-size:8pt; color:#FFFFFF; float:left; position:relative; 
			 width:420px; height:80px; padding-top:10px; padding-right: 20px; margin-left:20px;
			 overflow:hidden;
		}

#slide .thumb { height: 290px; overflow:hidden; margin-bottom:3px;}
#slide .thumb ul { margin-left:2px; margin-top:4px; padding-left:0px; padding-top:0px;}
#slide .thumb li { float:left; list-style:none; margin-top:3px;}

#slide .control { background:url(/themes/default/images/bg_control.png) no-repeat center top; width:126px; height:33px; text-align:center;}
#slide .control ul { margin-left:2px; margin-top:4px; padding-left:0px; padding-top:2px;}
#slide .control li { list-style:none; display:inline; }


/*=========================================================================== 
Home: Info
===========================================================================*/
#info { position:relative; margin-top:16px; width:780px;}
#info div.btimg{ margin-bottom:5px;}
#info div.btlink{ float:left; width:192px;}
#info div.desc{  position:relative; float:right; width:545px; color:#e3f9bb; font-size:8pt; margin-right:15px; margin-left:0px; padding-left:25px; border-left:dashed 1px #9db088; font-size:10pt;}
#info div.desc ul { margin-left:-10px; margin-top:0px; padding-left:0px;}
#info div.desc strong { font-weight:bold; color:#FFFFFF; font-size:10pt;}
#info div.desc li { 	float: left;
							width: 250px;
							padding-left:15px;
							margin-top:5px;
							background:url(/themes/default/images/li-left-arrow-white.png) no-repeat 0px 5px;
							list-style:none;
							font-size:10pt; 
							font-family:Arial, Helvetica, sans-serif;
									}
#info div.desc li a { color:#FFFFFF; text-decoration:none;}
#info div.desc li a:hover { color:#FFFFFF; text-decoration:underline;}						
#info strong { font-weight:bold;}
#info div.desc ul.single-col { margin-left:20px;}


/*=========================================================================== 
Common :Footer
===========================================================================*/
#footer{ margin-top:10px;}

#footer-box { 
	border-top:solid 1px #9db088;
	position:relative;
	margin-left:163px;
}

#footer div.copy { 
	color:#FFFFFF;
	font-size:8px;
	font-family:'Verdana';
	float:right;
	text-align:right;
	margin-top:13px;
}

#footer .link { margin-top:10px; margin-bottom:15px; color:#c4b33c;  width:520px; float:left;}
#footer .link span { padding-left:6px; padding-right:5px; font-size:8pt; border-left:solid 1px #c4b33c; }
#footer .link span.first { padding-left:0px; border:none;}
#footer .link span a{ color:#c4b33c; text-decoration:none;}
#footer .link span a:hover{ color:#c4b33c; text-decoration:underline;}

/*=========================================================================== 
Sub menu topbar
===========================================================================*/
.sub-menu { background:#9cbf60;  border-top:dashed 1px #759552; position:relative;  padding-left:20px; padding-right:20px; padding-bottom:5px; padding-top:5px; width:742px; text-align:left; }
.sub-link { background:#9cbf60; position:relative; font-size:11px; color:#29680b}
.sub-link ul { margin:0 0 0 0; padding:0 0 0 0;}
.sub-link li { display:inline;}
.sub-link li span {padding-right: 5px; padding-left:5px; border-right:solid 1px #29680b; }
.sub-link li span.first {padding-left:0px;}
.sub-link li span.end {padding-right:0px; border-right:0px;}
.sub-link a { color:#29680b; text-decoration:none; }
.sub-link a:hover { color:#FFFFFF; text-decoration:none; }
.sub-link a.current { color:#FFFFFF; text-decoration:underline; }


/*=========================================================================== 
Page:Comments
===========================================================================*/
.body { background-color:#FFFFFF; padding-bottom:30px;}
.page{ height:40px; color:#FFFFFF; background:#234e1e; position:relative;}
.page .title{ font-size:16pt; font-family:Arial, Helvetica, sans-serif; margin-left:20px; padding-top:6px; position:relative }
.comment-set { margin-top:20px;}
.comment-set .subject, .comment-set .txt , .comment-set .by{ font-size:8pt; font-family:Arial, Helvetica, sans-serif;  color:#603913; padding-left:10px; padding-right:10px;}
.comment-set .subject, .comment-set .txt { border-bottom:dashed 1px #603913; padding-top:10px; padding-bottom:10px;}
.comment-set .subject { font-weight:bold; padding-bottom:4px; padding-top:4px; }
.comment-set .txt { }
.comment-set .by{ text-align:right;  padding-bottom:4px; padding-top:4px; }

/*=========================================================================== 
Page:Map & Location
===========================================================================*/
.map-contact { margin:20px;}
.map-contact  .address{  font-size:8pt; font-family:Arial, Helvetica, sans-serif;  color:#603913;  }

#gallery { margin:10px; width:772px; height:auto; position:relative;}
#gallery div.thumb {width:120px; position:relative; height:79px; overflow:hidden; float:left; margin-right:8px;}