@import url("calendar.css");

/* ------------------------ Generic ----------------------- */
* {
  padding:0;
  margin: 0;
}

body{
	margin-top: 10px;
	text-align: center;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {min-height: 0;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* ------------------------ Home -------------------------- */
#wrapper{
  width: 753px;
  margin: 0 auto;
  background:#FEFBF2;
  border: 1px solid #B4CBD2;
  text-align: left;
}

#content-wrapper{
  width: 743px;
  margin:5px 5px 0 5px;
  background:url("../images/nav/nav-home-bg.gif") no-repeat 0 0;
}

/* ------------------ Right Side Content -------------------- */

#rightContent{
  width: 544px;
  padding-left: 6px;
  float:left;
  display: inline;
  font: 11px Verdana;
//  background:url("../images/header_left.jpg") no-repeat 1px 0;
}

/* ------------------------ Navigation -------------------- */

#navigation{
  width: 193px;
  float:left;
  display: inline;
  margin-top: 10px;
}

#logo{
  margin:0 0 10px 52px;
}

ul#nav, ul#utility-nav {
  list-style: none;
}

ul#nav {
  width: 193px;
}

ul#nav li {
	float: left;
	display: inline;
	padding-bottom:7px;
}

ul#nav li a {
  width:193px;
  display: block;
  height: 13px;
  background-repeat: no-repeat;
  background-position: center 0;
}
 
ul#nav li a:hover {
  background-position: center -14px;
}

ul#utility-nav {
 list-style: none;
 margin: 0 auto;
 height: 25px;
 width: 675px;
}


ul#utility-nav li {
	float: left;
	display: inline;
	margin: 0 25px 0 0px;
}

ul#utility-nav li a {
 height: 13px;
}

ul#utility-nav li a {
 font: 11px Verdana;
 color: #BF4C00;
 text-decoration: none;
}

ul#utility-nav li a:hover, ul#utility-nav li a.current {
 text-decoration: underline;
}

ul#utility-nav li.last {
 margin-right: 0;
}

#utility-disclaimer {
 width: 753px;
 background:#FEFBF2;
 border-top: 1px solid #C1D4DA;
}

#utility-disclaimer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2F729B;
	margin: 10px 0 3px 14px;
}


a#nav-about{
  width:63px;
  background:url("../images/nav/about-us.gif") no-repeat;
}

a#nav-accommodations{
  background:url("../images/nav/accommodations.gif") no-repeat 0px 0px;
}

a#nav-amenities{
  background:url("../images/nav/amenities.gif") no-repeat 0px 0px;
}

a#nav-destination{
  background:url("../images/nav/destination.gif") no-repeat 0px 0;
}

a#nav-rec{
  background:url("../images/nav/rec.gif") no-repeat 0px 0;
}

a#nav-reservations{
  background:url("../images/nav/reservations.gif");
}

a#nav-photo-gallery{
  background:url("../images/nav/photos.gif");
}

a#nav-rates{
  background:url("../images/nav/rates.gif");
}

#nav-divider {
	clear: left;
	float: left;
	display: inline;
	margin: 0 0 12px 85px;
	}
/* ------------------ Check Availability Form --------------- */

form#booking-form { margin: 12px 15px 0 20px; font: 9px Verdana, Arial, Helvetica, sans-serif; clear: left; }
form#booking-form .field { float: left; width: 75px; text-align: left;}
form#booking-form .dropdown { float: left; width: 50px; text-align: left;}
form#booking-form fieldset { border: 0; }
form#booking-form legend { margin-bottom: 10px; text-align: center; }
form#booking-form label { color: #003D7F; margin-left: 0; }
form#booking-form input.textfield { width: 64px; border: 1px solid #999999; margin-bottom: 0.25em; padding: 0px 3px; font: 1.2em Arial, Helvetica, sans-serif; }
form#booking-form select { width: 40px; border: 1px solid #999999; margin-bottom: 0.25em; font: 1.2em Arial, Helvetica, sans-serif; }
form#booking-form span.form-cal { color: #003D7F; }
form#booking-form input#booking-submit { float: left; margin-top: 12px;}

/* ------------------ Welcome Message -------------------------------- */
.clear-float { display:inline-block; overflow:hidden; }
.clear-float { display:block; }

div#welcome-wrapper { border-bottom: 1px solid #B4CBD2; padding-bottom: 5px; }
div#homepage-welcome {  width:683px; background:url(../images/home/homepage-bkg.gif) repeat-y; margin: 5px 0 0 5px; padding: 30px;  }
div#copy { float:left; display:inline; width:422px;}
div#copy h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #5387a5; margin-bottom: 10px; }
div#copy p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #9f7c52; line-height: 18px; }
div#home-push { float:right; display:inline; margin-top:6px;width:228px;}
div#home-push h2#header-join-eclub { background:url(../images/home/header-join-eclub.gif) no-repeat top left; width:222px; height:47px;}
p.btn-join { margin:17px 0 0 34px; }
p.btn-join, p.btn-join a { display:block;background-image:url(../images/home/btn-email-club.gif); background-repeat:none; height:36px;width:95px; }
p.btn-join { background-position:0 -36px; }
p.btn-join a { background-position:0 0; }
p.btn-join a:hover{ background-image:none;}


/* ------------------ Footer -------------------------------- */
#footer{
  margin-top:5px;
  font: 10px Arial, Helvetica, sans-serif;
}

#footer a{
  color: #425230;
}

#footer a:hover{
  color: #000000;
}

#footer img{
  margin-top:5px;
}

/* ------------------ Hide text ----------------------------- */

ul#nav a em, ul#utility-nav a em, h2#special-offers-header em{
	position: absolute;
	left: -9999px;
}

/* commented backslash hack (second rule is for IE5/Mac) \*/
.alt { position: absolute; left: -9999px; }
/* end hack */