html {

	}
body {
	padding: 0px;
	margin: 0px;
	background-image: url(../images/top_bg.jpg);
	background-repeat: repeat-x;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
	
	table.sample {
	border-width: 0px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.sample th {
	border-width: 1px;
	padding: 3px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.sample td {
	border-width: 1px;
	padding: 3px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
	
#wide-bg {
	background-image: url(../images/wide_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;

	}
#bot-bg {
	background-image: url(../images/bot_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 90px;

	}
#container {
	width: 975px;
	margin: 0 auto;
	position: relative;
	}
#header-img {
	background-image: url(../images/header_img.jpg);
	width: 945px;
	height: 464px;
	}
#interior #header-img {
	background-image: url(../images/interior_large_bg.jpg);
	}
#main-nav {
	background-image: url(../images/header_area.jpg);
	background-repeat:no-repeat;
	width: 945px;
	height: 197px;
	position: relative;
	}
#main-nav ul {
	margin: 0px;
	padding: 0px;

	list-style: none;
	top: 57px;
	}
#main-nav ul#nav-col-1 {
	position: absolute;
	left: 235px;
	}
#main-nav ul#nav-col-2 {
	position: absolute;
	left: 450px;
	}
#main-nav ul#nav-col-3 {
	position: absolute;
	left: 666px;
	top: 61px;
	}
#main-nav ul li a {
	display: block;
	width: 195px;
	height: 31px;
	text-indent: -5000px;
	overflow: hidden;
	}
#main-nav ul#nav-col-3 li a {
	width: 210px;
	height: 59px;
	margin-bottom: 3px
	}
#main-nav ul li a:hover,
#main-nav ul li a.current {
	background-image: url(../images/nav_over.jpg);
	background-repeat: no-repeat;
	}
#main-nav ul#nav-col-3 li a:hover {
	background-image: url(../images/secondary_nav_over.jpg);
	background-repeat: no-repeat;
	background-position: 0px -5px;
	}
#main-nav ul#nav-col-3 li a#vacation:hover {
	background-image: url(../images/secondary_nav_over.jpg);
	background-repeat: no-repeat;
	background-position: 0px -67px;
	}
#main-nav ul li a#home:hover,
#main-nav ul li a#home.current { background-position: 0px -5px; }
#main-nav ul li a#about:hover,
#main-nav ul li a#about.current { background-position: 0px -36px; }
#main-nav ul li a#island:hover,
#main-nav ul li a#island.current { background-position: 0px -67px; }
#main-nav ul li a#gallery:hover,
#main-nav ul li a#gallery.current { background-position: 0px -98px; }

#main-nav ul li a#accomodations:hover,
#main-nav ul li a#accomodations.current { background-position: -215px -5px; }
#main-nav ul li a#amenities:hover,
#main-nav ul li a#amenities.current { background-position: -215px -36px; }
#main-nav ul li a#sitemap:hover,
#main-nav ul li a#sitemap.current { background-position: -215px -67px; }
#main-nav ul li a#contact:hover,
#main-nav ul li a#contact.current { background-position: -215px -98px; }

#content-area {
	background-image: url(../images/content_bot_bg.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	}
#content-bg {
	background-image: url(../images/content_top_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}
#interior #content-bg {
	background-image: url(../images/content_top_bg_inside.jpg);
	background-position: 0px 464px;
	}
#text-area {
	width: 800px;
	margin: 0 auto;
	min-height:225px; 
	height:auto;
	padding-bottom: 30px;
	padding-top: 40px;

	}
/* for Internet Explorer */
	/*\*/
* html #text-area {
	height: 225px;
	}
#text-area.gallery {
	width: 880px;

	}
#text-area-about {
	width: 800px;
	padding-top: 0px;
	overflow:hidden;
	margin: 0 auto;
	padding-bottom: 20px;
	min-height:225px; 
	height:auto;
	}
.footer_text {
	color: #FFF;
}

#text_about {
	height: 350px;
	width: 750px;
	padding-left: 100px;
	padding-top: 80px;
}

#text_island{
	width: 800px;
	padding-top: 60px;
	overflow:hidden;
	min-height:355px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(../images/title_island.gif);
	background-repeat: no-repeat;
	top: 70px;
	background-position: 0px 25px;
}

#text_gallery {
	height: 800px;
	width: 850px;
	padding-left: 48px;
	padding-top: 0px;
}

#text_accomodations{
	width: 800px;
	padding-top: 60px;
	overflow:hidden;
	min-height:355px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(../images/title_accomodations.gif);
	background-repeat: no-repeat;
	top: 70px;
	background-position: 0px 25px;
}


#text_amenities{
	width: 800px;
	padding-top: 60px;
	overflow:hidden;
	min-height:355px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(../images/title_amenities.gif);
	background-repeat: no-repeat;
	top: 70px;
	background-position: 0px 25px;
}

#text_sitemap{
	width: 800px;
	padding-top: 60px;
	overflow:hidden;
	min-height:355px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(../images/title_sitemap.gif);
	background-repeat: no-repeat;
	top: 70px;
	background-position: 0px 25px;
}

#text_contact{
	width: 800px;
	padding-top: 60px;
	overflow:hidden;
	min-height:355px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(../images/title_contact.gif);
	background-repeat: no-repeat;
	top: 70px;
	background-position: 0px 25px;
}

#text_ownership{
	width: 800px;
	padding-top: 60px;
	overflow:hidden;
	min-height:355px;
	height:50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(../images/title_ownership.gif);
	background-repeat: no-repeat;
	top: 70px;
	background-position: 0px 25px;
}

#text_vacation{
	width: 830px;
	padding-top: 60px;
	overflow:hidden;
	min-height:355px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(../images/title_vacation.gif);
	background-repeat: no-repeat;
	top: 70px;
	background-position: 0px 25px;
}




.text_about_style {
	line-height: 30px;
}


#interior #text-area {
	margin-top: -464px;
	min-height: 650px; 
	padding-top:10px;
	height:auto;
	}
#footer {
	width: auto;
	text-align: center;
	margin-top: -23px;
	height: 24px;
	line-height: 24px;
	color: #FFF;
	}
#footer-home {
	color: #FFF;
	width: auto;
	bottom: 0px;
	top: 0px;
	padding-top: 72px;
	text-align: center;
}
#footer a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #83755C;
	text-decoration: underline;
}

a.footer:visited{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-decoration: underline;
}	
.subtitles_blue {
	font-size: 14px;
	color: #17436B;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.brown-color {
	color: #8A7C62;
}

.dark-text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333;
}
a.dark-text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}
a.dark-text:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #393428;
	text-decoration: underline;
}

A:link {
	text-decoration: none;
	color: #333;
}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {
	text-decoration: underline overline;
	color: #09C;
}

#copyright {
	color: #83755C;
	font-size: 12px;
	}
	
#copyright a {
	color: #83755C;
	text-decoration: underline;
	font-size: 12px;
	}

#copyright a:hover{
	color: #960;
	text-decoration: underline;
	}
	
.clear {
	clear:both;
	height:0px;
	overflow: hidden;
	}