@charset "utf-8";
/* CSS Document */
html, * { margin:0; padding:0; }
html, body { 	
	width: 100%;
	height: 100%;
}
body{
	font: 13px arial;
	background-color: #eaf2f4;
}

#layout {
	width:900px;
	margin:0 auto;
	background:url(images/template/main-bg.jpg) repeat-y;
	padding:0 5px;
	}
#btm { width:900px; margin:0 auto; padding:0 5px; background:url(images/template/btm-bg.jpg) no-repeat top; height:6px; clear:both; }
#footer { text-align:center; margin:20px auto; font-size:90%; width:900px;  }
#navBar { background:url(images/template/nav_bg.gif) repeat-x; height:30px; }
#menu {
	margin:0;
	padding:1px 0;
	list-style:none;
	font-size:12px;
	}
#menu li { float:left; margin:0; }
#menu li a {
	display:block;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	padding:0 32px 0 33px;
	line-height:28px;
	height:28px;
	border-right:1px solid #74959E;
	}
#menu li.last a { border-right:0 none; }
#menu li a:hover { text-decoration:underline; }
#menu li:hover { background-color:#DEC85E; }
#menu li ul {
	visibility:hidden;
	position:absolute;
	list-style:none;
	z-index:100;
	width:160px;
	margin:0;
	padding:0;
	background-color:#DEC85E;
	border-left:1px solid #74959E;
	border-right:1px solid #74959E;
	border-top:1px solid #74959E;
	}
#menu li ul li { float:none; }
#menu li ul li a {
	border-right:none;
	border-bottom:1px solid #74959E;
	padding:0 0 0 30px; 
	}
#menu li ul li a:hover { background-color:#E2D074; }

#middle { height:300px; clear:both; border-bottom:1px solid #000000; }
#slider { width:650px; height:300px; overflow:hidden; }
#reservation {
	width:250px;
	height:300px;
	float:left;
	background:url(images/template/res-bg.gif) right repeat-y #D5EDF1;
	}
.res label { font-size:110%; }
.res { margin:0 20px 10px 20px; }
.res p { margin:8px 0; }
.res-title { margin:20px; text-align:center; }
.res-column { float:left; width:50%; }
.res-input { border:1px solid #333333; width:200px; margin-top:2px; }
.res-date { width:70px; }

.contact { background-color:#FFFFD1; padding:10px; border:1px solid #FFFFC7; }
.contact p { margin:5px 0; }
.contact .input { border:1px solid #333333; margin-top:2px; }

.contact-res {  border-bottom:1px solid #BBB5A9; }
.btnsubmit{
	width:82px;
	height:26px;
	border:0;
	background:url(images/template/btn-reserve.jpg) no-repeat;
	/*text-indent: -1000em;*/
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */

	}

#slide { float:left; }

#rates { margin:10px auto; border:1px solid #D5EDF1; width:90%; }

#rates th {
background-color:#D5EDF1;
padding:5px;
border-right:1px solid #FFFFFF;
}
#rates td { padding:4px 6px; border-right:1px solid #D5EDF1; } 
.row { background-color:#F8F2D2; }

.rates { color:#333333; margin:0; }
.rates li { margin-bottom:5px; }

.rooms td { vertical-align:top; }
.rooms img { border:1px solid #000000; margin:5px 10px 2px 0; }

#left { float:left; width:250px; padding-bottom:10px; }
#content { 
padding:20px;
width:610px;
float:left;
}
#full { padding:20px; }
.clear { clear:both; }

.recommended { margin:10px auto; width:200px; }
.recommended img { margin:10px 0; }

.btn-gallery { width:200px; margin:0 0 20px; float:right; }

.leftsep { border-bottom:1px solid #CCCCCC; margin:10px 30px 10px 30px; }

.villas-left { margin:10px auto; width:200px; }
.villas-left a { margin-bottom:10px; display:block; }

#testimonials { width:200px; margin:10px auto; min-height:160px; }
#comments { width:194px; margin:10px auto; color:#666666; text-align:justify; }
#comments em { font-size:90%; color:#42636C; }
#testimonials h2 { text-align:center;}

h1, h2, h3 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
h1 { font-size:200%; margin:5px 0 10px 0; }
h2 { font-size:160%; margin:10px 0 10px 0; }
h3 { font-size:130%; margin:5px 0; }
ul { margin:10px 30px; padding:2px 20px; }
li { margin-bottom:5px; }
p { margin:5px 0 20px 0; line-height:19px; }
a img { border:0 none; }

.morepict { font-size:80%; text-align:center; }

#commentsBox { 
width:220px;
float:right; 
margin:0 0 20px 20px; 
background-color:#E8F8FF; 
padding:5px; border:1px solid #CCEEFF; }

#commentsBox h2 { margin: 0 0 10px 0; font-size:130%; }
#commentsBox input, #commentsBox textarea { border:1px solid #333333; }
.emailMsg{ font-size:110%; font-style:italic; margin:20px; }

.big { font-size:110%; font-weight:bold; }

.footerleft { float:left; width:700px; }
.facebook { float:right; text-align:right; width:200px;  }
.facebook a { background:url(images/template/facebook.gif) right no-repeat;  padding-right:58px; text-decoration:none; }
.facebook a:hover { text-decoration:none; }

.commentsform { float:right; margin:0 0 20px 20px; width:220px; background-color:#eeeeee; padding:10px; }
.commentsform p { margin:5px 0 10px; }