@charset "utf-8";
/* CSS Document */
html { margin: 0 auto; padding: 0; width: 100%; height: 100%; background-color:#000000; background-position:center 0; }
body { font-family: Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 11px; color: #000000; overflow:hidden; padding: 0px; margin: 0px; height: 100%; width:100%; }

h1 {  font-family: Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 18px; color: #000000; margin: 0px 0px 5px 0px; } 
h2 {  font-family: Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 15px; color: #000000; margin: 5px 0px 5px 0px; } 
h3 {  font-family: Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 13px; color: #000000; margin: 5px 0px 5px 0px; } 
h4 {  font-family: Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 10px; color: #000000; margin: 2px 0px 2px 0px; } 

p { margin: 0px 0px 5px 0px; }
hr { width: 480px;  }
label { font-family: Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 15px; color: #999999; display: block; }
img { border: 0px;  }

#bgimg { position:absolute; z-index: -1; }
#background_container{ position:absolute; z-index: 5; overflow:auto; /* restore scrollbars for the content */ height:100%;width:100%; /* Make the new body fill the screen */ }

#page_container { width: 950px; margin:auto;  }
#content_container { float: left; width: 500px; margin: 0px 0px 0px 150px; }

#logo { float: left; width: 200px; height: 170px; margin-left: 55px;  }

/* 3 divs for the content box */
#content_top {    background: url("images/content_box_top.png") no-repeat transparent; width: 500px; height: 14px; }
#content_bottom { background: url("images/content_box_bottom.png") no-repeat transparent; width: 500px; height: 14px;  }
#main_content { background: url("images/content_box_bg.png") repeat-y transparent; width: 500px; padding: 0px; }
#audio { width:290px; position: absolute; bottom: 0px;}


#content_section, #link_section, #reservation_section { width: 460px; }
#content_section { margin: 0px 0px 10px 0px; padding: 0px 15px 0px 15px; }
	#content_section a  { font-weight: bold; color: #000000; text-decoration: none; }
	#content_section a:hover { font-weight: bold; color: #FFFFFF; text-decoration: underline; }
	#content_section ul  { list-style: none; margin: 0px 0px 0px 0px; }
	#content_section ul li a  { font-weight: bold; color: #000000; text-decoration: none; }
	#content_section ul li a:hover { font-weight: bold; color: #FFFFFF; text-decoration: underline; }

#link_section, #reservation_section { padding: 5px 15px 10px 15px; }
	#link_section ul , #reservation_section  ul { list-style: none; margin: 0px 0px 0px 0px; }
	#link_section ul li a , #reservation_section ul li a { font-weight: bold; color: #000000; text-decoration: none; }
	#link_section ul li a:hover, #reservation_section ul li a:hover { font-weight: bold; color: #FFFFFF; text-decoration: underline; }




/* Container for affiliation logos */
#affliations { width:470px; height:50px; padding: 50px 0px 0px 15px;  }
  img.left { float: left; }
  img.right { float: right; }


/* Main Nav Menu */
#menu_background { background:url("images/bg_main_menu.png") no-repeat; width:950px; height:60px; margin: -2em auto auto; }

#main_menu { width: 950px; margin:auto; text-align:center; position:relative; z-index: 3; font-size:14px;  }
	#main_menu ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 20px; }
	#main_menu ul li { display: inline; padding-right: 15px; }
	#main_menu ul li a { color: #000000; text-decoration:none; }
	#main_menu ul li a:hover { text-decoration: underline; }


/* current page main menu selector */
body#index a#home_nav, 
body#about a#about_nav,
body#accomodations a#accomodations_nav,
body#reservations a#reservations_nav,
body#local_attractions a#local_nav, 
body#specials a#specials_nav,
body#contact a#contact_nav { text-decoration: underline; }


#local_attractions_container h3 { padding-top: 7px; margin-bottom: 1px; }
	#local_attractions_container a, { font-weight: bold; color: #000000; text-decoration: none; }
	#local_attractions_container a:hover { font-weight: bold; color: #FFFFFF; text-decoration: underline; }	

/* Reservation Form */
body#reservation_request { background-color: #272727; width: 500px; }
#reservation_container { width: 500px; }
#reservation_description { background-color:#FFFFFF; padding-bottom: 10px; }

#reservation_request input, #reservation_request textarea, #reservation_request select { font-size: 13px; margin-bottom: 5px; display: block; padding: 4px; width: 200px; background-color: #414141; border: 1px solid #1A1A1A; color: #FFF; }
#reservation_request textarea.requests { width: 450px; height: 50px; background-color:#414141; border: 1px solid #1A1A1A; }

	table#reservation_form_table { padding: 0px 10px 15px 0px;   }
		table#reservation_form_table td { width: 250px;  vertical-align:top; }


#photo_gallery_container img { padding: 5px 5px 0px 0px; }



/* Classes */
.opacity { filter: alpha(opacity=75); /* internet explorer */
			   -khtml-opacity: 0.75;      /* khtml, old safari */
			     -moz-opacity: 0.75;      /* mozilla, netscape */
					  opacity: 0.75;      /* fx, safari, opera */
}

.quote { font-size: 13px; font-weight:bold; display: block; margin-bottom: 5px; }
.sub_script { padding-left: 100px; display: block; margin-bottom: 20px;}
.description { border-bottom:1px dotted #CCCCCC; padding-bottom: 5px; }
.center { text-align: center; }
.bold { font-weight: bold; }
.clear { clear: both; }
.no_bottom_margin { margin-bottom: 0px; }
.seperator { padding: 0px 0px 15px 5px }
.highlight { font-size: 12px;  }