/* CSS Document */
<!--
body {
background-color: rgb(93,123,53);
padding: 0;
margin: 0;
text-align: center;
color: rgb(0, 0, 0);
font-family: Verdana, Helvetica, Arial, sans-serif;
}
#body_photos {
background-color: rgb(140,66,33);
padding: 0;
margin: 0;
text-align: center;
color: rgb(0, 0, 0);
font-family: Verdana, Helvetica, Arial, sans-serif;
}
a{
color: rgb(255,255,255);
text-decoration: none;
font-weight: bold;
}
a:hover{
color: rgb(0,0,0);
}
#wrapper_index {
background-image: url(images/bg.jpg);
background-repeat: repeat-y;
	width:800px;
	height:650px;
	text-align: left;
padding: 0;
margin: 0 auto;
}
#wrapper_location {
background-image: url(images/bg.jpg);
background-repeat: repeat-y;
	width:800px;
	height:740px;
	text-align: left;
padding: 0;
margin: 0 auto;
}
#wrapper_amenities {
background-image: url(images/bg.jpg);
background-repeat: repeat-y;
	width:800px;
	height:690px;
	text-align: left;
padding: 0;
margin: 0 auto;
}
#wrapper_about {
background-image: url(images/bg.jpg);
background-repeat: repeat-y;
	width:800px;
	height:955px;
	text-align: left;
padding: 0;
margin: 0 auto;
}
#wrapper_photos {
background-image: url(images/bg_photos.jpg);
background-repeat: repeat-y;
	width:800px;
	text-align: left;
padding: 0;
margin: 0 auto;
}
#wrapper_activities {
background-image: url(images/bg_photos.jpg);
background-repeat: repeat-y;
	width:800px;
	height:870px;
	text-align: left;
padding: 0;
margin: 0 auto;
}
#wrapper_beaches {
background-image: url(images/bg_photos.jpg);
background-repeat: repeat-y;
	width:800px;
	height:930px;
	text-align: left;
padding: 0;
margin: 0 auto;
}
#banner_index {
background-image: url(images/index_01.jpg);
background-repeat: no-repeat;
	width:800px;
	height:112px;
}
#banner_about {
background-image: url(images/about_01.jpg);
background-repeat: no-repeat;
	width:800px;
	height:112px;
}
#banner_photos {
background-image: url(images/photos_01.jpg);
background-repeat: no-repeat;
	width:800px;
	height:112px;
}
#navbox {
width: 800px;
height: 25px;
margin: 0;
padding: 0;
}
/* index/about nav */
#index_02 {
background-image: url(images/index_02.jpg);
background-repeat: no-repeat;
display: block;
float: left;
	width:160px;
	height:25px;
	margin: 0;
padding: 0;
}
#about_02 {
background-image: url(images/about_02.jpg);
background-repeat: no-repeat;
display: block;
float: left;
	width:140px;
	height:25px;
	margin: 0;
padding: 0;
}

#nav_03 {
background-image: url(images/nav_03.jpg);
background-repeat: repeat;
display: block;
float: left;
	width:530px;
	height:25px;
	margin: 0;
padding: 0;
font-size: 12px;
}
#nav_03 a:hover{
background-position: -82px 0;
}

#nav_04 {
background-image: url(images/nav_04.jpg);
background-repeat: no-repeat;
display: block;
float: left;
	width:82px;
	height:25px;
	margin: 0;
padding: 0;
}
#nav_04 a{
display: block;
background: transparent url(images/nav_04.jpg) no-repeat;
	width:82px;
	height:25px;
}
#nav_04 a:hover{
background-position: -82px 0;
}

#nav_05 {
background-image: url(images/nav_05.jpg);
background-repeat: no-repeat;
display: block;
float: left;
	width:82px;
	height:25px;
	margin: 0;
padding: 0;
}

#nav_05 a:hover{
background-position: -82px 0;
}

#nav_06 {
background-image: url(images/nav_06.jpg);
background-repeat: no-repeat;
display: block;
float: left;
	width:82px;
	height:25px;
	margin: 0;
padding: 0;
}
#nav_06 a:hover{
background-position: -82px 0;
}
#index_07 {
background-image: url(images/index_07.jpg);
background-repeat: no-repeat;
display: block;
float: left;
width:95px;
height:25px;
margin: 0;
padding: 0;
}
#about_07 {
background-image: url(images/about_07.jpg);
background-repeat: no-repeat;
display: block;
float: left;
width:111px;
height:25px;
margin: 0;
padding: 0;
}
#about_07 p{
font-size: 12px;
color: rgb(255,255,255);
padding: 0 0 0 94px;
}
#about_07 a{
font-weight: bold;
}
#about_07 a:hover{
text-decoration: underline;
}

/* photos nav */
#photos_02 {
background-image: url(images/photos_02.jpg);
background-repeat: no-repeat;
display: block;
float: left;
	width:180px;
	height:25px;
	margin: 0;
padding: 0;
}
#photos_02 {
background-image: url(images/photos_02.jpg);
background-repeat: no-repeat;
display: block;
float: left;
	width:153px;
	height:25px;
	margin: 0;
padding: 0;
}

#photosnav_03 {
background-image: url(images/photos_03.jpg);
background-repeat: repeat;
display: block;
float: left;
	width:509px;
	height:25px;
	margin: 0;
padding: 0;
font-size: 12px;
}
#photosnav_04 {
background-image: url(images/photos_ov_04.jpg);
background-repeat: no-repeat;
display: block;
float: left;
	width:82px;
	height:25px;
	margin: 0;
padding: 0;
}
#photosnav_04 a{
display: block;
background: transparent url(images/photos_04.jpg) no-repeat;
	width:82px;
	height:25px;
}
#photosnav_04 a:hover{
background-position: -82px 0;
}

#photosnav_05 {
background-image: url(images/photos_ov_05.jpg);
background-repeat: no-repeat;
display: block;
float: left;
	width:82px;
	height:25px;
	margin: 0;
padding: 0;
}
#photosnav_05 a{
display: block;
background: transparent url(images/photos_05.jpg) no-repeat;
	width:82px;
	height:25px;
}
#photosnav_05 a:hover{
background-position: -82px 0;
}

#photosnav_06 {
background-image: url(images/photos_ov_06.jpg);
background-repeat: no-repeat;
display: block;
float: left;
	width:82px;
	height:25px;
	margin: 0;
padding: 0;
}
#photosnav_06 a{
display: block;
background: transparent url(images/photos_06.jpg) no-repeat;
	width:82px;
	height:25px;
}
#photosnav_06 a:hover{
background-position: -82px 0;
}
#photos_07 {
background-image: url(images/photos_07.jpg);
background-repeat: no-repeat;
display: block;
float: left;
width:111px;
height:25px;
margin: 0;
padding: 0;
}
#photos_index {
background-image: url(images/photos_index.jpg);
background-repeat: no-repeat;
width:800px;
height:105px;
margin: 0;
padding: 0;
}
#photos_about {
background-image: url(images/photos_about.jpg);
background-repeat: no-repeat;
width:800px;
height:105px;
margin: 0;
padding: 0;
}
#content_index {
background-image: url(images/content.jpg);
background-repeat: no-repeat;
width:800px;
height:330px;
margin: 0;
padding: 0;
}
#content_index p{
padding: 28px 70px 20px 70px;
margin: 0;
font-size:12px;
}
#content_about {
background-image: url(images/content.jpg);
background-repeat: no-repeat;
width:800px;
height:330px;
margin: 0;
padding: 0;
}
#content_about p{
padding: 28px 60px 20px 70px;
margin: 0;
font-size:12px;
}
#content_photos {
background-image: url(images/content_photos.jpg);
background-repeat: no-repeat;
width:800px;
height:436px;
margin: 0;
padding: 0;
}
#content_photos p{
padding: 58px 50px 0 70px;
margin: 0;
font-size:12px;
}
#content_photosgal {
background-image: url(images/content_photos.jpg);
background-repeat: no-repeat;
width:800px;
height:436px;
margin: 0;
padding: 0;
}
#content_photosgal p{
padding: 58px 25px 0 30px;
margin: 0;
font-size:12px;
}
#rightcol {
background-color:  ;
float: right;
width: 160px;
margin: 52px 60px 0 15px;
height: 268px;
}
#rightcol_index {
background-color:  ;
float: right;
width: 160px;
margin: 0;
height: 360px;
}
#rightcol_index p{
font-size: 16px;
line-height: 32px;
font-style: italic;
font-weight: bold;
color: #003300;
padding: 48px 64px 0 8px;
margin: 0;
}
#rightcol img{
margin: 12px 0 0 8px;
padding: 24px 0 0 0;
}
#rightcol_contact {
background-color:  ;
float: right;
width: 160px;
margin: 52px 56px 0 20px;
height: 300px;
}
#rightcol_contact img{
margin: 12px 0 0 8px;
padding: 0;
}
#rightcol_gallery {
background-color:  ;
float: right;
width: 200px;
margin: 52px 50px 0 20px;
height: 300px;
}
#rightcol_gallery p{
background-color:  ;
float: right;
width: 200px;
margin: 52px 50px 0 20px;
height: 300px;
}
#rightcol_gallery img{
margin: 12px 0 0 8px;
padding: 0;
}
#leftcol_gallery {
background-color: ;
float: left;
width: 150px;
margin: 52px 24px 0 80px;
padding: 8px 0 0 0;
height: 324px;
}
#leftcol_gallery img{
margin: 4px 4px 10px 0;
padding: 0;
}
#leftcol {
background-color: ;
float: left;
width: 186px;
margin: 52px 24px 0 80px;
padding: 8px 0 0 0;
height: 324px;
}
#leftcol img{
margin: 4px 4px 10px 0;
padding: 0;
}


#arrowbox {
margin: 0 48px 0 0;
padding: 0;
float: right;
width: 116px;
height: 23px;
}
#back {
background-image: url(images/back_ov.gif);
background-repeat: no-repeat;
display: block;
float: left;
	width:36px;
	height:23px;
	margin: 0;
padding: 0;
}
#back a{
display: block;
background: transparent url(images/back.gif) no-repeat;
	width:36px;
	height:23px;
}
#back a:hover{
background-position: -36px 0;
}

#next {
background-image: url(images/next_ov.gif);
background-repeat: no-repeat;
display: block;
float: left;
	width:36px;
	height:23px;
	margin: 0;
padding: 0;
}
#next a{
display: block;
background: transparent url(images/next.gif) no-repeat;
	width:36px;
	height:23px;
}
#next a:hover{
background-position: -36px 0;
}
#main_photo {
margin: 12px 0 0 0;
paddng: 0;
}
#footer {
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
width:800px;
height:48px;
margin: 0 auto;
padding: 0;
}
#footer p{
margin: 0 0 0 0;
padding: 7px;
color: rgb(255,255,255);
font-size: 10px;
line-height: 24px;
}
#footer_photos {
background-image: url(images/footer_photos.jpg);
background-repeat: no-repeat;
width:800px;
height:48px;
margin: 0 auto;
}
#footer_photos p{
margin: 0 0 0 0;
padding: 7px;
color: rgb(255,255,255);
font-size: 10px;
line-height: 24px;
}
-->