body {
/*	background-color: #015D9E;*/
	margin: 0 auto;
	padding: 0;
	font: 14px Tahoma, Verdana;
	text-align: center;
	background: #005FAF url(../images/bg.jpg) top left repeat-x;
}

br.clear {
	clear: both;
	margin: 0;
	padding: 0
}

a img, p.map img {
	border: 0
}

div.box {
	margin: 0 0 15px 145px;
	padding: 10px 10px 0 10px;
	text-align: center;
	background-color: #F0EBE1;
	width: 450px;
	border-top: 2px solid #9C8658;
	border-left: 2px solid #9C8658;
	border-right: 2px solid #C4B290;
	border-bottom: 2px solid #C4B290;
	background: url(../images/gradient.jpg) top left repeat-x;
}

#frame {
	position:relative;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/frame_bg.jpg) top left;
	text-align: left
}

#frame h1.topleft {
	float: left;
	width: 185px;
	height: 40px;
	margin: 0;
	padding: 0;
	text-indent: -2000em;
	font-size: 15px;
/*	background: url(../images/starofthesea_h1.jpg) top left no-repeat*/
}

#frame h2 {
	width: 760px;
	height: 100px;
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-indent: -2000em;
	background: url(../images/header_banner.jpg) top left no-repeat;
}

#frame h3.welcome {
	width: 760px;
	height: 60px;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 11px;
	text-indent: -2000em;
	background: url(../images/hdr_welcome.jpg) top left no-repeat
}

#frame h3.about {
	width: 760px;
	height: 60px;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 11px;
	text-indent: -2000em;
	background: url(../images/hdr_about.jpg) top left no-repeat
}

#frame h3.directions {
	width: 760px;
	height: 60px;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 11px;
	text-indent: -2000em;
	background: url(../images/hdr_directions.jpg) top left no-repeat
}

#frame h3.maps {
	width: 760px;
	height: 60px;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 11px;
	text-indent: -2000em;
	background: url(../images/hdr_maps.jpg) top left no-repeat
}

#frame h3.travel {
	width: 760px;
	height: 60px;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 11px;
	text-indent: -2000em;
	background: url(../images/hdr_travel_info.jpg) top left no-repeat
}

#frame h3.whiterock {
	width: 760px;
	height: 60px;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 11px;
	text-indent: -2000em;
	background: url(../images/hdr_white_rock_van.jpg) top left no-repeat
}

#frame h3.guest_suites {
	width: 760px;
	height: 60px;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 11px;
	text-indent: -2000em;
	background: url(../images/hdr_guest_suites.jpg) top left no-repeat
}

#frame h3.attractions {
	width: 760px;
	height: 60px;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 11px;
	text-indent: -2000em;
	background: url(../images/hdr_attractions.jpg) top left no-repeat
}

#frame h3.gallery {
	width: 760px;
	height: 60px;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 11px;
	text-indent: -2000em;
	background: url(../images/hdr_photo_gallery.jpg) top left no-repeat
}

#frame h3.links {
	width: 760px;
	height: 60px;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 11px;
	text-indent: -2000em;
	background: url(../images/hdr_links.jpg) top left no-repeat
}

#frame h3.contact {
	width: 760px;
	height: 60px;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 11px;
	text-indent: -2000em;
	background: url(../images/hdr_contact_us.jpg) top left no-repeat
}

#frame h3.reservations {
	width: 760px;
	height: 60px;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 11px;
	text-indent: -2000em;
	background: url(../images/hdr_reservations.jpg) top left no-repeat
}

#frame h3.policies {
	width: 760px;
	height: 60px;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 11px;
	text-indent: -2000em;
	background: url(../images/hdr_policies.jpg) top left no-repeat
}

h4.special-events {
	width: 142px;
	height: 25px;
	text-indent: -1000em;
	overflow: hidden;
	background: url(../images/special-events-hdr.jpg) top left no-repeat
}

#content {
	color: #57310D;
	margin: 0;
	padding: 0;
	text-align: justify
}

#content a:link, #content a:visited, .footer_top a:link, .footer_top a:visited {
	color: #015D9E;
	font-weight: bold;
	text-decoration: underline
}

#content a:active, #content a:hover, .footer_top a:active, .footer_top a:hover {
	color: #0173c4;
	font-weight: bold;
	text-decoration: underline
}

#book-now-top {
	position:absolute;
	top:224px;
	right:77px;
	margin: 0;
	padding: 0;
	width: 95px;
	height: 30px;
}

a.booknow-btn {
	margin: 0 auto;
	text-align: center;
	padding: 0;
	display: block;	
	width: 233px;
	height: 44px;
	text-indent: -3500px;
	background: url(../images/btn-booknow.jpg) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.booknow-btn {
  background-position: 0 -44px;
}

a.book-now-top {
	margin: 0;
	padding: 0;
	display: block;	
	width: 95px;
	height: 30px;
	background: url(../images/book-now-btn-top.jpg) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.book-now-top{
  background-position: 0 -30px;
}

#footer-wrapper {
	position:relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 760px;
	font-size: 11px!important
}

#content-footer {
	margin:0;
	padding:0 100px 0 0;
}

#buttons-right {
	position:absolute;
	top:0;
	right:45px;
	width: 136px;
}

a.btn-tellafreind, a.btn-addtofavorites, a.btn-signupnewsletter {
	margin: 0;
	padding: 0;
	display: block;	
	text-indent: -3500px;
	width: 136px;
	height: 28px;
	text-decoration: none;
}

a.btn-tellafreind {
	background: url(../images/btn-tellafreind.jpg) 0 0 no-repeat;
}

a.btn-addtofavorites {
	background: url(../images/btn-addtofavorites.jpg) 0 0 no-repeat;
}

a.btn-signupnewsletter {
	background: url(../images/btn-signupnewsletter.jpg) 0 0 no-repeat;
}

a:hover.btn-tellafreind, a:hover.btn-addtofavorites, a:hover.btn-signupnewsletter {
  background-position: 0 -28px;
}

.googlemap {
	margin: 0;
	text-align: center;
	padding: 0;
	height: 350px;
}

#content p {
	text-align: justify
}

p {
	padding: 0 20px 10px 20px;
	margin: 0;
	line-height: 20px
}

#header {
	width: 760px;
	height: 197px;
	margin: 0;
	padding: 0;
}

#header-image {
	overflow:hidden;
}

#footer {
	display: block;
	margin: 0 auto;
	padding: 0 0 2px 0;
	width: 760px;
	font: 14px Verdana;
	background-color: #2C97D8;
}

.footer_top {
	width: 760px;
	height: 45px;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 11px;
	background: #2C97D8 url(../images/footer_top_bg.jpg) bottom left no-repeat
	/* Mozilla ignores crazy MS image filters, so it will skip the following 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='footer_top_bg.png')*/
}
/*
.footer_top[class] {
	background: url(../images/footer_top_bg.png) bottom left no-repeat;
	height: 45px
}*/

p.address-new {
	margin: 15px 0 0 0;
	text-align: center!important;
	font: 11px!important
}

p.footer-links {
	display: block;
	padding: 0;
	font: 14px Verdana;
	line-height: 20px;
}

.events {
	background: url(../images/events_bg.jpg) top right repeat-y
}

.footer_bottom {
	width: 760px;
	height: 43px;
	margin: 0;
	padding: 0;
	font-size: 10px;
	background: #2C97D8 url(../images/footer_bottom_bg.png) top left no-repeat
}

#content p.footer-links a:link, #content p.footer-links a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none
}

#content p.footer-links a:active, #content p.footer-links a:hover {
	color: #A2DFFC;
	text-decoration: none
}

#book_links {
	float: right;
	padding: 0 79px 0 0;
	height: 45px;
	margin: 0;
	text-align: left
}

#book_button {
	float: right;
	height: 45px;
	padding: 0 10px 0 0;
	margin: 0
}

#copyright {
	float: left;
	width: 670px;
	margin: 0;
	padding: 0;
}

#copyright p {
	padding: 10px 0 0 10px;
	text-align: left;
/*	margin: 0;
	font-size: 10px;
	line-height: 13px*/
}

#backtotop {
	float: left;
	width: 80px;
	height: 43px;
	margin: 0 0 0 10px;
	padding: 0
}

.credits {
	margin:0 auto;
	padding: 0 0 2px 0;
	width: 760px;
	height: 15px;
	background-color: #2C97D8
}

.clear {
	clear:both;
}

#content p.invan, #content p.invan a:link, #content p.invan a:active, #content p.invan a:hover, #content p.invan a:visited 
	{
	text-align: center;
	padding:0;
	margin:0;
	color: #9AD4F0;
	font-weight: normal;
}

img.right {
	float: right;
	margin: 0 0 10px 15px;
	padding: 0
}

img.left {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0
}

ul {
	padding: 0 20px 20px 55px;
	margin: 0
}

li {
	padding: 0 0 5px 0;
	margin: 0;
	line-height: 20px
}

ul.no-bullets {
	padding: 0 20px 20px 20px;
	margin: 0;
	list-style: none
}

ul.no-bullets li {
	padding: 0 0 5px 0;
	margin: 0;
	line-height: 20px
}

#thumbnails ul {
	width: 80%;
	display: block;
	margin: 0 auto;
	padding: 0 0 0 170px;
	text-align: center;
}

#thumbnails li {
	text-align: center;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 33%
}

#book img {
	border: 0
}

#content p.contact {
	clear: both;
	font-size: 14px;
	text-align: center;
	line-height: normal
}

#content p.address {
	clear: both;
	font-size: 12px;
	padding: 15px 0;
	text-align: center;
	line-height: normal
}

h4 {
	clear: both;
	margin: 0 20px 15px 20px;
	padding: 0;
	font-size: 14px
}

h6 {
	clear: both;
	margin: 0 20px 15px 20px;
	padding: 0;
	font-size: 11px
}

table {
	margin: 0 auto 20px auto;
	padding: 0;
	border: 0;
	width: 95%;
	font-size: 12px	
}

th {
	background-color: #CFAB7A
}

td.travel_type {
	background-color: #DCC3A1
}

td.lightrow {
	background-color: #9FD5F0
}

td.darkrow {
	background-color: #85ADC9
}

table.gallery td, #content p.map {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-family: Georgia;
	padding-bottom: 20px
}

blockquote {
	display: block;
	font-size: 17px;
	font-family: "Book Antiqua",Garamond,"Times New Roman";
	font-weight: bold;
	background: url(../images/blockquote_bg.jpg) top left no-repeat;
	padding: 10px 20px 10px 20px;
	margin: 0 auto 15px auto;
	line-height: 20px;
	font-style: italic
}

/*Navigation*/

#nav {
	margin: 0;	
	padding: 0;
	width: 760px;
	height: 40px;
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	background-color: #009EDC
}

#nav ul {
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
	height: 40px;
	list-style-type: none;	 
	z-index: 10;
	position: relative;
}

#nav a {
	display: block;
	color: #79481B;
	text-decoration: none;
	height: 40px
}

#nav a:hover {
	color: #D8771E;
}

#nav li {
	text-align: left;
	float: left;
	padding: 0;
	margin:0;
}


#nav li.home {
	background: url(../images/nav-images/nav_home.jpg);
	width: 63px;
}

#nav li.about {
	background: url(../images/nav-images/nav_aboutus.jpg);
	width: 85px;
}

#nav li.white_rock { 
	background: url(../images/nav-images/nav_white_rock.jpg);
	width: 188px;
}

#nav li.guest_suites {
	background: url(../images/nav-images/nav_guest_suites.jpg);
	width: 108px;
}

#nav li.attractions {
	background: url(../images/nav-images/nav_attractions.jpg);
	width: 95px
}

#nav li.photo_gallery {
	background: url(../images/nav-images/nav_photo_gallery.jpg);
	width: 112px;
}

#nav li.links {
	background: url(../images/nav-images/nav_links.jpg);
	width: 60px;
}

#nav li:hover, #nav li.sfhover,
body.home #nav li.home,
body.about #nav li.about,
body.white_rock #nav li.white_rock,
body.guest_suites #nav li.guest_suites,
body.attractions #nav li.attractions,
body.photo_gallery #nav li.photo_gallery,
body.links #nav li.links {
	background-position: 0 -40px
}

/*#nav ul.arrow {
	background: #FF9C3A url(../images/arrow.gif) top right no-repeat;
}*/


#nav li span {
	display: none
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 175px;
	font-weight: normal;
	display: inline;
	margin: -10px 0 0 0;
	padding: 0;
	background-color: #019CDC;
	z-index: 10;
}

#nav li li {
	width: 100%;
	height: 100%
}

#nav li ul a {
	border: solid #2FBDEB;
	border-width: 0 0 1px 0;
	display: block;
	text-decoration: none;
	width: 175px;
	padding: 5px 0;
	height: 100%;
	text-align: left;
	text-indent: 5px;
	margin: 0;
	font-weight: bold;
	background: none;
	color:#fff;
	voice-family: "\"}\""; voice-family:inherit;
}

#nav li ul a:hover {
	color:#fff;
	background-color: #2FBDEB;
}

#nav li ul ul {
	margin: -27px 0 0 175px;
	padding: 0;
	border: solid #EAE5CE;
	border-width: 1px 1px 1px 0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	
}

#nav li li li:hover, #nav li li li.sfhover, #nav li li.sfhover, #nav li li li.sfhover{
	color:#fff;
	background-color: #2FBDEB;
}


/*** END OF NAV ***/