@charset "utf-8";
/* CSS Document */
body {
	background-color:#CBCED1;
	margin:0;
	padding:0;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica;
	font-size:14px;
	}
	
#layout {
	width:920px;
	margin:0 auto;
	padding:0 5px;
	background:url(images/template/bg.jpg) repeat-y #CBCED1;
	overflow: auto;
	}
#bottom {
	width:920px;
	height:10px;
	margin:0 auto;
	padding:0 5px;
	background:url(images/template/bg-btm.jpg) repeat-y #CBCED1;
	margin-bottom:10px;
}
#header-left { width:240px; height:300px; float:left; background:url(images/template/header-left-bg.png) repeat-x; }
#header-right { width:680px; height:300px; float:right; }
#sidebar {
	width:240px;
	float:left;
	}
	
#right {
	width:680px;
	float:right;
	}
.clear { clear:both; }
#footer { margin:0 auto; width:900px; font-size:80%; color:#333333; text-align:center; }

.sidebarreplace { height:35px; background:url(images/template/menu-bg.png) repeat-x; float:left; width:239px; }


#menubg { height:35px; background:url(images/template/menu-bg.png) repeat-x; font-size:16px; }
#menu { list-style:none; margin:0; padding:0; }
#menu li { float:left; }
#menu li a { color:#ffffff; text-decoration:none; padding:0 21px 0 22px; line-height:30px; display:block; }
#menu li a:hover, #menu li a.active { background:url(images/template/menu-bg-h.png) repeat-x; }

#menu li ul.submenu { 
	visibility:hidden;
	position:absolute; 
	background-color:#939694;
	list-style:none; margin:0; padding:0; font-size:90%;
	border-top:1px solid #A2A2A2;
	border-right:1px solid #737373;
	border-bottom:1px solid #737373;
	
	 }
#menu li ul.submenu li { border-bottom:1px solid #858682; float:none; } 
#menu li ul.submenu li a { background-color:#8E908E; color:#EBEBEB; }
#menu li ul.submenu li a:hover { background-color:#797A74; color:#ffffff; }


.logo { margin:50px auto; width:190px; }

#banner { width:680px; height:300px; overflow:hidden; }

a, a:visited { color:#6C006C; }

#content { margin:10px 20px; }
h1 { font-size:220%; font-weight:normal; margin:10px 0 20px; }
h3 { font-size:120%; font-weight:normal; margin:10px 0 5px; color:#660066; }
#content p { line-height:20px; margin-bottom:15px; }

#sidebar h3 {
	margin:0; padding:0;
	color:#FFFFFF;
	background:url(images/template/left-title-bg.png) repeat-x;

	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	padding:0 15px;
	line-height:30px;
	height:35px;
	}

.testimonial { margin-bottom:40px; }
.testimonial strong { font-size:120%; font-weight:normal; font-style:italic; }

#testimonials-left {
	font-size:14px;
	color:#333333;
	font-style:italic;
	height:90px;
	overflow:hidden;
	margin:10px;
	border:1px dotted #CCCCCC;
	background-color:#F7F7F7;
	vertical-align:middle;
	}
#testimonials-left div { margin:10px 20px; }
#testimonials-left a { color:#6C006C; text-decoration:underline; font-size:90%; }

.casita-thumb { float:left; margin:0 15px 15px 0; text-align:center; }
.casita-thumb img { border:1px solid #6C006C; } 
.casita-thumb a { text-decoration:none; font-weight:bold; }
.casita-thumb a:hover span { text-decoration:underline; }

#reservation { padding:10px 40px; }
#reservation p { margin:10px 0 10px 0; }
.inputdate { border:1px solid #666666; width:120px; }
.ui-datepicker-trigger { position:absolute; margin-left:5px;  }
#ui-datepicker-div { z-index:999!important; }
.availability { background:url(images/template/btn-check.png) no-repeat; width:149px; height:30px;
display:block; cursor:pointer; }


#reservations-right { float:right; width:50%; }
#reservations-form { width:49%; float:left; }
.input { width:280px; border:1px solid #666666; }
.comments { width:280px; border:1px solid #666666; }
.req { font-size:90%; color:#FF9900; font-weight:bold; }
.inquiry { background:url(images/template/btn-send.png) no-repeat; width:149px; height:30px; text-indent:-3000px; border:0 none; cursor:pointer; }

.amenities {
	float:left;
	width:300px;
	}
.gallery { 
	float:left;
	width:330px;
	}
.gth { 
	width:98px;
	padding:5px 0;
	margin:0 10px 10px 0;
	float:left;
	text-align:center;
	border:1px solid #CCCCCC;
	}
	
.facebookbutton a img , .gth a img { border:0 none; }

.rates { text-align:center; margin:10px; line-height:19px;  }
.taxes { font-size:90%; }

#facebook-widget { margin:10px; font-size:90%; }
.facebookbutton { margin:10px; }

#map { width:630px; height:400px; }