@charset "UTF-8";
/* CSS Document */

/* reset css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, dine, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

hr {
	border-style:none none solid;
	border-width:0 0 1px;
	color:#4F3119;
	margin:1px 0px;
}

body {
	background-color: #999966;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;	
	}

#contain {
	width: 900px;
	background-color: #eeeedd;
	margin: 0 auto;
	}
	
#flash {
	width: 900px;
	height: 325px;
	}
	
#nav_wrap {
	width: 900px;
	height: 25px;
	}
	
.main {
	width: 900px;
	}
	
#left_col, #main_left_col {
	width: 625px;
	padding: 0px 15px;
	float: left;
	}
	
	
#right_col {
	width: 225px;
	float: left;
	}
	
.home_contain {
	margin-right: 60px;
	padding-left: 15px;
	}

.home_contain p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 10px 0px;
	}	
	
#intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #996600;
	margin-top: 20px;
}

.boldform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666633;
}


.bogo {
	background-color:#CCCC99;
	border:1px dotted #000000;
	height:auto;
	padding:10px;
	width:205px;
	margin: 15px 10px;
	float: left;
}

.bogo h3 {
	border-bottom:1px dashed #907410;
	color:#C32B1E;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-style:oblique;
	font-weight: bold;
	margin:0;
	padding: 0px 0px 5px 5px;
}

.bogo h2 {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:11px;
	line-height:10px;
	padding:15px 0 5px 10px;
	font-weight: bold;
	text-transform:uppercase;
}

.bogo p {
	font-size:10px;
	font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
	line-height:16px;
	margin:0;
	padding:0 15px 5px 10px;
}

.bogo a:link, #cal a:link, .bogo a:visited, #cal a:visited {
	border-bottom:1px dotted #000000;
	color:#030335;
	font-weight:bold;
}

.bogo a:hover, #cal a:hover {
	color:#C32B1E;
}

.rate h4 {
	font-weight: bold;
	text-transform: uppercase;
	color: #4f4858;
	}

#super {
	margin-bottom: 10px;
	}
	

#aqua {
	margin: 30px 0px 50px 0px;
	}
	
	
#aqua h3 {
	font-size: 14px;
	font-family: Georgia,"Times New Roman",Times,serif;
	}
	
#aqua h3 a:link, #aqua h3 a:visited {
	font-weight: bold;
	color:#996600;
	border: none;
	}
	
#aqua p a:link, #aqua p a:visited {
	border-bottom:1px dotted #000000;
	color:#030335;
}

#aqua p a:hover, #aqua h3 a:hover {
	color: #c32b1e;
	}
	
#leed {
	width: 528px;
	padding: 10px 10px 10px 15px;
	margin: 35px 0px;
	border: 1px dotted #000000;
	background: url(../images/leed_bg.png) #CCCC99 no-repeat top right;
	}

#leed p {
	font-family: Georgia,"Times New Roman",Times,serif;
	padding: 0px 10px 0px 0px;
	color: #000000;
}

#leed img {
	float: left;
	margin: 3px 10px 0px 0px;
	}	


#cal {
	padding: 15px 30px 0px 0px;
	border-top: 1px dashed #4d4c47;
	margin-top: 20px;
	}
	
#cal img {
	float: left;
	padding: 10px 10px 10px 0px;
	margin: 0px 5px 50px 0px;
	}
	
#cal p {
	text-align: left;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 9px;
	line-height: 14px;
	}
	
#cal a:link, #cal a:visited {
	border-bottom:1px dotted #000000;
	color:#030335;
	font-weight:bold;
}

#cal a:hover {
	color: #aa822d;
	}
	
#spa_lead {
	margin-bottom: 10px;
	}
	
#spa_lead a {
	display: block;
	width: 200px;
	height: 72px;
}
	
#spa_lead a:link,  #spa_lead a:visited  {
	background: url(../images/spa_btn_index.png) no-repeat 0 0;
}

#spa_lead a:hover {
	background: url(../images/spa_btn_index.png) no-repeat 0px -72px;
	}
	
#luau {
	margin-bottom: 190px;
	}
	
.blue {
	font-weight: bold;
	color: #0f75bd;
	}
	
#brunch {
	width: 595px;
	height: 40px;
	margin: 20px 0px 0px -30px;
	}
	
#brunch ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#brunch li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#br_link a {
	display: block;
	width: 168px;
	height: 40px;
}
	
#br_link a:link,  #br_link a:visited  {
	background: url(../images/br_link1.png) no-repeat 0 0;
}

#br_link a:hover {
	background: url(../images/br_link1.png) no-repeat 0px -40px;
	}
	
#break {
	width: 595px;
	margin-left: -30px;
	margin-bottom: 20px;
	}
	
#main_right_list {
	font-family:Georgia,Times New Roman,serif;
	margin: 25px 0px 0px 0px;
	}
	
#main_right_list ul {
	list-style: none;
	margin-left: 25px;
	}
	
#main_right_list li {
	list-style-image:url(../images/arrow.gif);
	list-style-position:outside;
	padding-bottom:4px;
	}
	
#main_right_list a:link, #main_right_list a:visited {
	border-bottom:1px dotted #000000;
	color:#030335;
}

#main_right_list a:hover  {
	color: #c32b1e;
	}
	
	
/* Booking Form
------------------------------- */

.content_form {
	padding:45px 0px 10px 20px;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	width:200px;
	background: url(../images/book_head.jpg) no-repeat scroll top left;
	margin: 20px 0px 20px 10px;
	}

.left {
	width:190px;
	padding:7px 0px 0px 7px;
	}

.right {
	width:190px;
	margin: 0px;
	padding:2px 5px 5px 5px;
	}

.row, .row_drop {
	background-color:none;
	display:block;
	min-height:32px;
	}

.row_drop {
	width: 55px;
	float: left;
	}
		
.text_half {
	width:80px;
	}
	
.right img {
	margin-bottom: -5px;
	}

.enter input {
	background-color: #edd06e;
	border:1px solid #777777;
	margin:10px 0px 10px 5px;
	padding:3px 5px 3px 10px;
	width:150px;
}

.enter input:hover {
	background-color: #bb971f;
	}

	
/* Spa
-------------------------------- */

	
#spa_intro h2 {
	font-family:Georgia,Times New Roman,serif;
	font-size: 18px;
	color: #996600;
	font-weight: bold;
	font-style: oblique;
	padding: 20px 0px 20px 10px;
	}

#spa_intro h3 {
	font-family:Georgia,Times New Roman,serif;
	font-size: 15px;
	color: #996600;
	font-weight: bold;
	font-style: oblique;
	background: url(../images/spa_con.png) no-repeat 0px 3px;
	padding: 10px 0px 10px 35px;
	margin-left: 22px;
	}
	
#spa_intro p {
	padding: 0px 50px 15px 25px;
	}



.panel-wrapper h2 {
	font-family:Georgia,Times New Roman,serif;
	font-size: 18px;
	color: #996600;
	font-weight: bold;
	font-style: oblique;
	padding: 10px 0px 10px 10px;
	border-bottom: 1px dashed #909090;
	border-top: 1px dashed #909090;
	margin-bottom: 20px;
	}

.spa_pack {
	padding-bottom: 25px;
	margin-bottom: 25px;
}


.spa_pack h3  {
	color:#000;
	font-family:"Trebuchet MS",verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:15px;
	margin: 10px 0px 10px 0px;
	padding-left: 10px;
}
	
.spa_pack p {
	padding: 10px 0px 0px 10px;
	}
	
.spa_callout {
	font-weight: bold;
}

.mass_pack h4 {
	color:#263F33;
	font-size:12px;
	margin: 15px 0px 5px 0px;
	text-decoration: underline;
	font-family:Georgia,Times New Roman,serif;
	font-weight: bold;
	}
	
.mass_pack {
	padding-bottom: 10px;
	margin-left: 10px;
	border-bottom: 1px dotted #000;
	}
	
.spa_content_mass img {
	margin: 20px 0px 5px 10px;
	}

.pack_note {
	color:#263F33;
	font-size:12px;
	margin: 4px;
	padding-left: 10px;
	text-decoration: underline;
	font-weight: bold;
	}
	
#left_col ul, #main_left_col ul {
	margin: 0px 0px 0px 15px;
	}
	
.pack_list {
	padding: 10px 0px 10px 40px;
	}
	
#left_col li  {
	list-style-image: url(../images/arrow.gif);
	}
	
.spa_content {
	width: 290px;
	float: left;
	padding-right: 10px;
	}
	
.spa_content_mass {
	width: 510px;
	float: left;
	padding-right: 10px;
	margin-bottom: 20px;
	}
	
.title_span h4 {
	font-family:Georgia,Times New Roman,serif;
	font-size: 16px;
	color: #942e20;
	font-weight: bold;
	font-style: oblique;
	border-bottom: 1px dotted #909090;
	padding: 0px 0px 20px 10px;
	margin-bottom: 20px;
	}
	
#spa_btn {
	padding-left: 10px;
	}


#spa_menu a {
	display: block;
	width: 200px;
	height: 52px;
}
	
#spa_menu a:link,  #spa_menu a:visited  {
	background: url(../images/spa_btn.png) no-repeat 0 0;
}

#spa_menu a:hover {
	background: url(../images/spa_btn.png) no-repeat 0px -52px;
	}
	
#spa_brunch {
	margin-top: 10px;
	}
	
#spa_brunch a {
	display: block;
	width: 200px;
	height: 52px;
}
	
#spa_brunch a:link,  #spa_brunch a:visited  {
	background: url(../images/spa_brunch_btn.png) no-repeat 0 0;
}

#spa_brunch a:hover {
	background: url(../images/spa_brunch_btn.png) no-repeat 0px -52px;
	}
	
#spa_cert {
	margin-bottom: 10px;
	}
	
#spa_cert a {
	display: block;
	width: 200px;
	height: 66px;
}
	
#spa_cert a:link,  #spa_cert a:visited  {
	background: url(../images/spa_cert.png) no-repeat 0 0;
}

#spa_cert a:hover {
	background: url(../images/spa_cert.png) no-repeat 0px -66px;
	}




	/* CODA SLIDER STYLES */

	.coda-slider-wrapper { padding: 20px 0 }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 600px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #ba971f; color: #000; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; border:1px solid #909090; display: block; float: left; margin: 5px 3px; padding: 3px 15px; text-decoration: none }
	.coda-nav ul li a:hover {
		background: #ba971f;
		}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	


/* Nav styles
-------------------------------- */


.nav {
	width: 900px;
	height: 25px;
	background: url(../images/ava_nav.jpg) no-repeat;
	position: absolute;
	}
	
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 25px;
	text-indent: -9000px;
	overflow: hidden;
}
	.nav .home a:link, .nav .home a:visited {
		left: 0px;
		width: 87px;
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(../images/ava_nav.jpg) no-repeat 0px -25px;
	}

	.nav .about a:link, .nav .about a:visited {
		left: 87px;
		width: 60px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images/ava_nav.jpg) no-repeat -87px -50px;
	}

	.nav .pack a:link, .nav .pack a:visited {
		left: 147px;
		width: 133px;
	}
	.nav .pack a:hover, .nav .pack a:focus {
		background: url(../images/ava_nav.jpg) no-repeat -147px -75px;
	}

	.nav .reserve a:link, .nav .reserve a:visited {
		left: 280px;
		width: 103px;
	}
	.nav .reserve a:hover, .nav .reserve a:focus {
		background: url(../images/ava_nav.jpg) no-repeat -280px -100px;
	}

	.nav .accom a:link, .nav .accom a:visited {
		left: 383px;
		width: 131px;
	}
	.nav .accom a:hover, .nav .accom a:focus {
		background: url(../images/ava_nav.jpg) no-repeat -383px -125px;
	}

	.nav .dine a:link, .nav .dine a:visited {
		left: 514px;
		width: 66px;
	}
	.nav .dine a:hover, .nav .dine a:focus {
		background: url(../images/ava_nav.jpg) no-repeat -514px -150px;
	}
	
	.nav .spa a:link, .nav .spa a:visited {
		left: 580px;
		width: 43px;
	}
	.nav .spa a:hover, .nav .spa a:focus {
		background: url(../images/ava_nav.jpg) no-repeat -580px -175px;
	}
	
	.nav .event a:link, .nav .event a:visited {
		left: 623px;
		width: 154px;
	}
	.nav .event a:hover, .nav .event a:focus {
		background: url(../images/ava_nav.jpg) no-repeat -623px -200px;
	}	
	
	.nav .locate a:link, .nav .locate a:visited {
		left: 777px;
		width: 126px;
	}
	.nav .locate a:hover, .nav .locate a:focus {
		background: url(../images/ava_nav.jpg) no-repeat -777px -225px;
	}	
			
			
/* Footer 
--------------------------------------- */

#footer {
	width: 900px;
	height: 25px;
	}
	
.foot {
	width: 900px;
	height: 25px;
	position: absolute;
	}
	
.foot li {
	display: inline;
}


.foot li a:link, .foot li a:visited, .foot_left {
	position: absolute;
	top: 0;
	height: 25px;
	text-indent: -9000px;
	overflow: hidden;
}

.foot_left {
	width: 736px;
	background: url(../images/nav_foot_left1.jpg) no-repeat 0 0;
	}
	
	.foot .foot_con a:link, .foot .foot_con a:visited {
		left: 736px;
		background: url(../images/nav_foot_con1.jpg) no-repeat 0px 0px;
		width: 164px;
	}
	.foot .foot_con a:hover, .foot .foot_con a:focus {
		background: url(../images/nav_foot_con1.jpg) no-repeat 0px -25px;
	}
	

#gh_bug {
	width: 900px;
	margin: 0 auto;
	}
	
#gh_bug p {
	text-align: center;
	padding: 17px 0px 0px 0px;
	color: #ffffff;
	}
	
#gh_bug img {
	margin: 0px 0px 5px 263px;
	}




.clear {
	clear: both;
	}