/*********** GENERAL STYLES *************/
* {
	margin: 0px;
	padding: 0px;
}
html, body {
	height: 100%;
	margin: 0px;
}
body {
	text-align: center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #fff7ea url('../img/water.jpg') 25% 137px repeat-x;
}
body a{
	color:#1781b9;
	
}
body a:hover{
	color:#15A5B9;
	
}
p {
	margin-bottom: 12px;
}
img {
border: 0px;
}
#site {
	text-align: left;
	width: 100%;
	height: 100%;
	background: url('../img/header_gradient_bg.gif') 50% 0 repeat-x;
}
.sifr, .sifr_inner {
	font: 13px Arial, Helvetica, sans-serif;
	color: #f01735;
	width: 135px;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	
}
.page_title {
	font: 30px Arial, Helvetica, sans-serif;
	color: #0089b2;
	width: 480px;
	position: absolute;
	top: 100px;
	left: 10px;
	
}
.page_title br {
	line-height: 10px;
	
}
.clear {
	clear: both;
}

/*********** HEADER STYLES *************/
#header { 
	text-align: center;
	height: 137px;
	background: url('../img/clouds.png') 50% 0 repeat-x;
}
#header #logo img {
	width: 303px;
	height: 102px;
}
#navbar {
	position: absolute;
	top: 95px;
	left: 50%;
	margin-left: -450px;
	width: 857px;
	list-style-type: none;
	color: #fff;
	background: url('../img/navbar.gif') no-repeat;
	height: 42px;
}
#navbar li {
	float: left;
}
#navbar li a {
	height: 42px;
	display: block;
	background: url('../img/navbar.gif') no-repeat;
	text-indent: -9999px;
}
#navbar #about a {
	width: 146px;
}
#navbar #about a:hover, #navbar #about a.current {
	background-position: 0px -42px;
}
#navbar #calendar a {
	background-position: -146px 0px;
	width: 88px;
}
#navbar #calendar a:hover, #navbar #calendar a.current {
	background-position: -146px -42px;
}

#navbar #testimonials a {
	background-position: -234px 0px;
	width: 109px;
}
#navbar #testimonials a:hover, #navbar #testimonials a.current {
	background-position: -234px -42px;
}
#navbar #links a {
	background-position: -343px 0px;
	width: 163px;
}
#navbar #links a:hover, #navbar #links a.current {
	background-position: -343px -42px;
}
#navbar #reservation a {
	background-position: -506px 0px;
	width: 164px;
}
#navbar #reservation a:hover, #navbar #reservation a.current {
	background-position: -506px -42px;
}
#navbar #gallery a {
	background-position: -670px 0px;
	width: 76px;
}
#navbar #gallery a:hover, #navbar #gallery a.current {
	background-position: -670px -42px;
}
#navbar #contact a {
	background-position: -746px 0px;
	width: 111px;
}
#navbar #contact a:hover, #navbar #contact a.current {
	background-position: -746px -42px;
}

/*********** MAIN SECTION STYLES *************/
#main {
	position: relative;
	width: 900px;
	margin: 0 auto;
	z-index: 4;
}
#main #main_pic {
	float: left;
	width: 462px;
	height: 381px;
	background: url('../img/main_pic.png') no-repeat;
	position: relative;
}
#testimonial_with_sea_star {
	position: absolute;
	left: 0px;
	top: 380px;
	width: 462px;
	height: 70px;
	padding-top: 10px;
	background: url('../img/sea_star.gif') 15px 0 no-repeat;
	font-size: 11px;
	line-height: 18px;
	font-style: italic;
	color: #11809b;
	text-align: center;
}
#main #main_content {
	float: right;
	margin-top: 129px;
	color: #655f52;
	width: 438px;
	line-height: 18px;
	font-size: 11px;
}
#rejuvenate {
	position: absolute;
	right: 0px;
	top: 52px;
	width: 644px;
	height: 73px;
	background: url('../img/rejuvenate.png') no-repeat;
	text-indent: -9999px;
}
#main_content #main_text {
	margin: 0 30px 30px 15px;
}
#main_content #reservations {
	float: left;
	width: 207px;
	height: 123px;
	background: url('../img/reservations_bg.png') no-repeat;
	position: relative;
	z-index: 6;
}
#main_content #reservations #weather, #reservations #weather_message {
	font-size: 11px;
	color: #655f52;
	
}
#main_content #reservations #weather {
	font-style: italic;
	margin-bottom: 0px;
}
#main_content #reservations #weather_message {

}
#main_content #reservations #reservations_button {
	position: absolute;
	bottom: 0px;
	left: 23px;
}
#main_content #reservations #reservations_button img {
	width: 147px;
	height: 33px;
}
#main_content #email_us {
	float: right;
	width: 227px;
	height: 123px;
	background: url('../img/email_bg.png') no-repeat;
	position: relative;
	z-index: 5;
}
#main_content #email_us #email_us_button {
	position: absolute;
	bottom: 18px;
	left: 23px;
}
#main_content #email_us #email_us_button img {
	width: 79px;
	height: 34px;
}

#main_content #reservations .pad, #email_us .pad { /*padding for the "Reservations" and "Contact Us" divs*/
	padding: 25px 30px 0;
}

/*********** FOOTER STYLES *************/
#footer {
	text-align: center;
	background: url('../img/footer_bg.gif') 50% 0 repeat-x;
	color: #fff;
	height: 187px;
	line-height: 18px;
	font-size: 10px;
	position: relative;
}
#footer a {
	color: #fff;
}
#footer #palm_tree_shadow {
	width: 495px;
	height: 321px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-right: -600px;
	background: url('../img/palm_tree_shadow.png') no-repeat;
	z-index: 2;
}
#footer #footer_container {
	position: relative;
	padding-top: 130px;
	height: 57px;
	overflow: hidden;
}
#footer #footer_container #flower {
	width: 202px;
	height: 163px;
	position: absolute;
	bottom: 0px;
	right: 50%;
	margin-right: -530px;
	background: url('../img/footer_flower.png') no-repeat;
	z-index: 3;
}
#footer #footer_nav {
	list-style-type: none;
}
#footer #footer_nav a { 
	text-decoration: none;
}
#footer #footer_nav a:hover, #footer a:hover { 
	color: #f6e797;
	text-decoration: underline;
}
#footer #footer_container, #footer #copyright { /*position navbar links and copyright info above the palm tree shadow and flower*/
	position: relative;
	z-index: 7;
}