/* CSS Document */

/****************************************************************************************************/
/*                                     Page Layout                                                  */
/****************************************************************************************************/
div#content {
	position: static;
	text-align:left;
	width:764px;
	height:auto;
	margin:0 auto;
	clear:left;
	padding:0px;
	z-index:0;
}

div#distance {
	margin-bottom:-8em;
	margin-top:0px;
	background: #CAB598;
	width:1px;
	height:1px;
	float:left;
	padding:0px;
}
/****************************************************************************************************/
/*                                        Banner Setup                                              */
/****************************************************************************************************/
div.Banner {
	width:764px;
	height:115px;
	z-index: 1;
	margin: 0px 0px;
	position: inherit;
	font-family: Tahoma, Verdana, Helvetica;
	color: #CCCCCC;
	text-align: right;
	text-decoration: none;
}
/****************************************************************************************************/
/*                                        Navigation Setup                                          */
/****************************************************************************************************/
div#Navigation{
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	height:25px;
	position: inherit;
	z-index: 1;
	text-align: center;
	margin-top:0px;
	background-color:#968D83;
}

#Navigation .Home {
	width:53px;
	z-index: 2;
	margin-left:0px;
}

#Navigation .Accommodation {
	width:116px;
	margin-top:-25px;
	margin-left:52px;
	z-index: 2;
}

#Navigation .Location {
	width:75px;
	margin-top:-25px;
	margin-left:166px;
	z-index: 2;
}

#Navigation .Arts {
	width:95px;
	margin-top:-25px;
	margin-left:241px;
	z-index: 2;
}

#Navigation .Health {
	width:128px;
	margin-top:-25px;
	margin-left: 336px;
	z-index: 2;
}

#Navigation .Attractions {
	width:94px;
	margin-top:-25px;
	margin-left: 464px;
	z-index: 2;
}

#Navigation .Surf {
	width:46px;
	margin-top:-25px;
	margin-left: 558px;
	z-index: 2;
}

#Navigation .Functions {
	width:82px;
	margin-top:-25px;
	margin-left: 604px;
	z-index: 2;
}

#Navigation .Contacts {
	width:78px;
	margin-top:-25px;
	margin-left:686px;
	z-index: 2;
}

#Navigation a{
	color: #D6EDF5;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:4px 3px 5px 4px;
	}
	
#Navigation a:hover {
	background: #C4B698;
	color:#314144;
	}
/****************************************************************************************************/
/*                                        Copyright Setup                                           */
/****************************************************************************************************/
div#Copyright {
	width:764px;
	height:auto;
	z-index: 1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	letter-spacing:0.3em;
	text-align:center;
	color: #314144;
	margin: 13px 0px;
	position: relative;
	line-height: 21pt;
}
/****************************************************************************************************/
/*                                        Text Field Setup                                          */
/****************************************************************************************************/
div#Text-area-1 {
	width:764px;
	height:auto;
	z-index: 1;
	position: relative;
	margin: 0px 0px;
}

#Text-area-1 .Section-2{
	width:764px;
	height: auto;
	}
/****************************************************************************************************/
/*                                        Text Setup                                                */
/****************************************************************************************************/
div.Text-area-Left {
	width:645px;
	height:229px;
	z-index: 1;
	position: inherit;
	margin: 0px 0px 0px 60px;
}

#Text-area-1 .Text-area-text {
	font: 18px Arial, Helvetica, sans-serif;
	color: #314144;
	text-align: justify;
	line-height:50px;
	letter-spacing:.21em;
	margin: 0px 60px 0px 60px;
}

#Text-area-1 .Text-area-text2 {
	font:11px Arial, Helvetica, sans-serif;
	color:#3E3614;
	text-align: justify;
	line-height:20px;
	margin: 0px 60px 0px 60px;
	position:relative;
}

/* used on Attractions page first paragraph */
#Text-area-1 .Text-area-text2top {
	font:11px Arial, Helvetica, sans-serif;
	color:#3E3614;
	text-align: justify;
	line-height:20px;
	margin: 0px 335px 0px 60px;
	position:relative;
	height:auto;
}

#Text-area-1 .Text-area-Right {
	font:11px Arial, Helvetica, sans-serif;
	color:#3E3614;
	text-align: justify;
	line-height:20px;
	margin: 10px 520px 0px 60px;
	position:relative;
	height:auto;
}

#Text-area-1 .Text-area-RightWider {
	font:11px Arial, Helvetica, sans-serif;
	color:#3E3614;
	text-align: justify;
	line-height:20px;
	margin: 10px 460px 0px 60px;
	position:relative;
	height:auto;
}

#Text-area-1 .Text-area-LeftAligined {
	font:11px Arial, Helvetica, sans-serif;
	color:#3E3614;
	text-align: left;
	line-height:20px;
	margin: 0px 60px 0px 60px;
	position:relative;
}

#Text-area-1 .Text-area-LeftTextTop {
	font:11px Arial, Helvetica, sans-serif;
	color:#3E3614;
	text-align: justify;
	line-height:20px;
	margin: 0px 300px 0px 60px;
	position:relative;
	height:auto;
}

font.Tab{
	margin:0px 0px 0px 20px;
	position:relative;
}

font.Tab1{
	margin:0px 0px 0px 21px;
	position:relative;
}

font.Tab2{
	margin:0px 0px 0px 32px;
	position:relative;
}

font.Tab3{
	margin:0px 0px 0px 55px;
	position:relative;
}

font.Tab4{
	margin:0px 0px 0px 10px;
	position:relative;
}

/****************************************************************************************************/
/*                                        Images Setup                                              */
/****************************************************************************************************/
img.index-page-img {
	margin: 10px 50px 10px 60px;
	position:relative;
	height:300px;
	width:643px;
}

img.index-page-img-dolphin {
	margin: 10px 50px 10px 60px;
	position:relative;
	height:658px;
	width:643px;
}

img.accommodation-page-img {
	margin: 10px 50px 10px 60px;
	position:relative;
	height:446px;
	width:643px;
}

img.index-page-left {
	margin: 10px 50px 10px 120px;
	position:relative;
}

img.index-page-right {
	margin: -230px 50px 10px 420px;
	position:relative;
}

img.Spirit-page-right {
	margin: -220px 60px 0px 0px;
	position:relative;
	float:right;
	clear:both;
}
/* Used on attractions page to display Map */
img.Attractions-page-right {
	margin: -635px -280px 10px 60px;
	position:relative;
	float:right;
	clear:both;
	height:auto;
}

img.Accommodation-page-right {
	margin: -200px 0px 0px 437px;
	position:relative;
}

img.Accommodation-page-left {
	margin: 10px 0px 0px 60px;
	position:relative;
}

img.Accommodation-page-right2 {
	margin: -175px 60px 0px 0px;
	position:relative;
	float:right;
	clear:both;
}

img.Accommodation-page-right3 {
	margin: -200px 0px 0px 408px;
	position:relative;
}

img.Accommodation-page-right4 {
	margin: -137px 60px 0px 0px;
	position:relative;
	float:right;
	clear:both;
}
img.surf {
	margin-top:-475px;
	margin-left:60px;
	float:left;
	clear:left;
}


/****************************************************************************************************/
/*                                        Links Setup                                               */
/****************************************************************************************************/
a {
	color: #993300;
	}

a.top {
	color: #993300;
	margin:0px 60px 0px 625px;
	font:11px Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height:20px;
	position:relative;
	}

a.top2 {
	color: #993300;
	margin:-150px 60px 0px 555px;
	}
	
a.anchor {
	color: #314144;
	font: 18px Arial, Helvetica, sans-serif;
	color: #314144;
	text-align: justify;
	line-height:50px;
	letter-spacing:.21em;
	margin: 0px 60px 0px 60px;
	}
a:hover.anchor{
	color: #314144;
	}

a:hover {
	color: #5C743D;
	}