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

/* Eric Meyer Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Main Structure */

		.pics {
		width: 400px;
		height: 280px;
		margin-top: 40px;
		margin-right: -49px;
		
				}
		body { 
		background:#5ac8f5 url(../images/1400_1340bg.jpg) no-repeat center;
		margin: auto;
		
		}
		#linearBg1  { 
		/* fallback */ 
		background-image: url(images/linear_bg_1.png); 
		background-repeat: repeat-y; 
		}
		#wrapper {
		width: 784px;
		min-height: 420px;
		margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
		margin-top: 60px;
				}
		#logo {
		width: 126px;
		height: 121px;
		margin-left: 5px;
		margin-top: -25px;
				}
		
		#home_bluefish {
		float: right;
		clear: left;
		margin-top: -80px;
		margin-right: 100px;
		width: 137px;
		height: 69px;
		background-image: url(../images/bluefish137X69.png)
		}		
	
		#starfish {
		float: right;
		clear: left;
		margin-top: -20px;
		margin-right: 450px;
		width: 100px;
		height: 97px;
		background-image: url(../images/starfish100X97.gif)
		}
		
		#terms_starfish {
		float: right;
		clear: left;
		margin-top: -20px;
		margin-right: 170px;
		width: 100px;
		height: 97px;
		background-image: url(../images/starfish100X97.gif)
		}
		
		#privacy_starfish {
		float: right;
		clear: left;
		margin-top: -20px;
		margin-right: 170px;
		width: 100px;
		height: 97px;
		background-image: url(../images/starfish100X97.gif)
		}
					
		#home_quote1 {
		float: right;
		clear: left;
		margin-top: -140px;
		margin-right: 20px;
		width: 350px;
		height: 200px;
		background-image: url(../images/enterwintext.png);
		}
		#home_quote2 {
		float: right;
		clear: left;
		margin-left: 100px;
		margin-bottom: -200px;
		margin-right: 80px;
		width: 300px;
		}

		#visitmaui {
		float: right;
		clear: left;
		margin-top: -75px;
		margin-left: -335px;
		width: 420px;
					}
		#header {
		width: 780px;
		height: 210px;
		background-color: #FFF;
		background: #FFF url(../images/starfis100X97.gif) no-repeat bottom center;
		-moz-border-radius: 40px 40px 0px 0px;
		-webkit-border-radius: 40px 40px 0px 0px;
		border-radius: 40px 40px 0px 0px;
		-moz-box-shadow: 4px 4px 0px 0px #FFF;
		-webkit-box-shadow: 4px 4px 0px 0px #FFF;
		box-shadow: 4px 4px 0px 0px #FFF; 
							}				
		#navigation {
		width: 600px;
		float: right;
		clear: left;
		margin-right: -40px;
		margin-top: -80px;
					}
		#navigation ul, #nav li {
		float: right;
		clear: left;
		margin-top: -10px;
		margin-right: 25px;
		padding: 0;
		padding-top: 0px;
		list-style-type: none; 
				}
		#navigation li {
		width: -25.0;
		float: left; /*--controls order home,about us, amenities, terms order--*/
		clear: right;
		margin-right: 40px;	
					}
		#navigation a {
		display: block; 
		padding: 1px;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		text-decoration: none;
		color: #0F7BA7;
		border-style: outset;  
					}	
		#navigation a:hover {
		background-color: #069; 
		color: #FFF; 
		border-style: outset;
		border-color: #006;
					}			
		#home_main {
		width: 780px; 
		min-height: 500px;	
		color: #939;	
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		border-radius: 40px;
		-moz-box-shadow: 0px 0px 4px 4px #D5E5F;
		-webkit-box-shadow: 0px 0px 3px 3px #D5E5F;
		box-shadow: 0px 0px 4px 4px #D5E5F; 
			
						}
		#home_main_left {
		float: left; 
		clear: right; 
		width: 440px; 
		height: 520px;
		margin-left: 0px; 
		margin-bottom: 0px;
		background-color: #0F7BA7;
		-moz-border-radius: 0px 0px 0px 40px;
		-webkit-border-radius: 0px 0px 0px 40px;
		border-radius: 0px 0px 0px 40px;
		-moz-box-shadow: 0px 0px 0px 4px #D5E5F;
		-webkit-box-shadow: 0px 0px 0px 4px #D5E5F;
		box-shadow: 0px 0px 0px 4px #D5E5F; 	
			
						}
		#home_main_right {
		float: right; 
		clear: left; 
		width: 346px; 
		height: 520px;
		margin-right: -344px;	
		margin-top: -440px;
		background-color: #0F7BA7;
		-moz-border-radius: 0px 0px 40px 0px;
		-webkit-border-radius: 0px 0px 40px 0px;
		border-radius: 0px 0px 40px 0px;
		-moz-box-shadow: 0px 0px 4px 0px #D5E5F;
		-webkit-box-shadow: 0px 0px 4px 0px #D5E5F;
		box-shadow: 0px 0px 4px 0px #D5E5F; 		
					}
		#form {	
		position: relative;					
		font-family: Arial, Helvetica, sans-serif;
		line-height: 1.2em;
		color: #FFF; /*--form text color--*/
		float: right;
		clear: left;
		width: 250px;
		height: 350px;
		margin-top: 10px;
		margin-right: 8px;
			
						}	
		#peacefulandcalm {
		position: absolute;
		margin-top: -45px;
		margin-left: 100px;
		height: 83px;
		width: 300px;
		background: url(../images/peacefulandcalm.png) no-repeat bottom center;
		}
		
		#home_main_copyright {
		position: absolute;
		float:left;
		clear: right;
		margin-right: 190px;
		top: -40px;
		}
		#aboutus_main {
		min-height: 500px;
		width: 784px;
		background-color: #0F7BA7;
						}
		#aboutus_starfish {
		width: 100px;
		height: 97px;
		position: absolute;
		float:right;
		clear: left;
		margin-left: 590px;
		top: 78px;
		background: url(../images/starfish100X97.gif) no-repeat bottom center;
		margin-top: 50px;
		}
		#aboutus_content {
		float: left;
		width: 780px;
		height: 560px;	
		background-color: #0F7BA7;
		}
		#aboutus_quote1 {
		float: left;
		clear: right;
		margin-top: 30px;
		margin-left: 280px;
		width: 231px;
		height: 55px;
		background-image: url(../images/moreaboutus231X55.png);
		}
		#aboutus_quote4 {
		float: left;
		clear: right;
		margin-left: 143px;
		margin-top: 12px;
		opacity: 0.8;
				}
		#aboutus_paradisefoundquote {
		position: absolute;
		margin-top: 15px;
		margin-left: 20px;
		height: 33px;
		width: 330px;
		background: url(../images/paradisefound.png) no-repeat bottom center;
		}
		#aboutus_largeImg {		
		width: 400px;
		height: 280px;
		float: right;
		clear: left;
		margin-bottom: -180px;
		padding-right: 20px;
				
					}
		.aboutus_largeImg {
		border-color: #6CF;
		
		}	
		.thumbs img {
		width: 150px;
		height: 100px;
		margin-top: -42px;
		clear: right;
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: -25px;
		padding-bottom: 7px;
		padding-top: 7px;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border-radius:15px; 
		border-color: 2px solid #FFF;
		border: 2px solid #FFF;
		background-color: #fff;
								}
		.thumbs img:hover {
		border-color: #6CF;
		border: #6CF;
		opacity: .8;
		}							
		#aboutus_bigpic {
		width: 400px;
		height: 280px;
		float: left;
		clear: right;
		margin-left: 190px;
		margin-top: 55px;
		background: #FFF;
		-moz-border-radius:29px;
		-webkit-border-radius:29px;
		border-radius:20px; 
		border: 10px solid #FFF;
						}
		#aboutus_smallpic {
		width: 1150px;
		height: 100px;
		float: right;
		clear: left;
		margin-left: -500px;
		margin-top: 95px;
		margin-right: -555px;
		padding-left: 1px;
		}		
		#aboutus_quote5 {
		float: left;
		clear: right;
		margin-top: -300px;
		margin-left: 250px;
				}	
		#privacypolicy_main {
		width: 784px; 
		min-height: 420px;	
		background-color: #0F7BA7;	
		
		}
		#privacypolicy_content {
		position: absolute;
		margin-top: 20px;
		margin-left: 28px;
		width: 720px;
		height: 380px;
		background: url(../images/privacy720X380.png) no-repeat bottom center;
		}		
		#termspolicy_main {
		width: 784px; 
		min-height: 420px;	
		background-color: #0F7BA7;			
		}
		#termspolicy_content {
		position: absolute;
		margin-top: 20px;
		margin-left: 28px;
		width: 720px;
		height: 380px;
		background: url(../images/terms720X380.png) no-repeat bottom center;
		}		
										
		#activities {
		float: right;
		clear: left;
		margin-top: 10px;
		margin-right: 200px;
		width: 200px;
		height: 43px;
		background-image: url(../images/activities.gif)
		}
		#activities_starfish {
		position: absolute;
		margin-top: -58px;
		margin-left: 590px;
		width: 100px;
		height: 97px;
		background-image: url(../images/starfish100X97.gif);
		}
	
		#activities_quote2 {
		float: left;
		clear: right;
		margin-top: 250px;
		margin-left: 160px;
		width: 500px;	
		height: 200px;
		}	
		#activities_main {
		min-height: 500px;
		width: 780px;
		background-color: #0F7BA7;
						}
		#activities_content {
		float: left;
		width: 780px;
		height: 520px;
		background-color: #0F7BA7;	
		margin-right: 250px;
		margin-top: -600px;
				}	
				
		#activities_funactivities {
		position: absolute;
		margin-top: 300px;
		margin-left: 250px;
		height: 162px;
		width: 287px;
		background: url(../images/funactivities.png) no-repeat bottom center;
		}	
		#amenities_content {
		float: left;
		width: 780px;	
		}
		#amenities_quote5 {
		float: left;
		clear: right;
		margin-bottom: 0px;
		margin-left: 100px;
		}
		#activities_copyright {
		float: left;
		clear: right;
		margin-left: 240px;
		margin-bottom: 40px;
		}
		#terms_main {
		min-height: 500px;
		width: 780px;
		background-color: #	0F7BA7;		
		}

		#activities_content {
		float: left;
		width: 780px;
		height: 520px;
		background-color: #0F7BA7;	
		margin-right: 250px;
		margin-top: -600px;				
		}
		
		#terms_main_left {
		float: left; 
		clear: right; 
		width: 440px; 
		height: 600px;
		margin-left: 0px; 
		margin-bottom: 0px;
		background-color: #0F7BA7;		
					}
		#terms_main_right {
		float: right; 
		clear: left; 
		width: 340px; 
		height: 600px;
		margin-right: 5px;
		margin-top: -520px;
		background-color: #0F7BA7;
		}
		#terms_pic {
		float: left;
		clear: right;
		width: 434px;
		height: 329px;
		background: url(../images/termspic.jpg);
		margin-top: 40px;
		margin-left: 100px;
		border: 10px solid #FFF;
		-moz-border-radius:29px;
		-webkit-border-radius:29px;
		border-radius:20px; 
		border: 10px solid #FFF;
		}
		#terms_quote {
		width: 339px;
		height: 334px;
		background: url(images/termsquote.gif);
		float: right;
		clear: left;
		margin-top: 30px;
		margin-right: 100px;	
		}
		
		#activities_copyright {
		float: left;
		clear: right;
		margin-left: 240px;
		margin-bottom: 40px;
		}
		h1 {
		font: "Segoe Print"; 
		font-size: 21pt;
		color: #FEDC00;
		margin: 0 0 .2em;	
		margin-left: 50px;
				}
		h2 {
		font: Arial, Helvetica, sans-serif;
		font-size: 12pt;
		color: #D5E5F1;
		margin: 0 0 .2em;	
		
				}
		h3 {
		font: "Segoe Print";
		font-style: normal;
		font-size: 21pt;
		color: #FEDC00;
				}
		h4 {
		font: Arial, Helvetica, sans-serif;
		font-size: 12pt;
		color: #fff;	
		line-height: 1.3;
		}
		
		#footer, #push {
		width: 780px;
		height: 20px; /* .push must be the same height as .footer */
		background: no-repeat bottom center;
		margin-right: 400px;
		color: #FFF;
		}
		#footer p {
		position: absolute;
		color:#FFF;
		font-size:9px;
		text-align: center;
		vertical-align:text-bottom; 
		margin-left: 300px;
		margin-top: 62px;
		font-family: Arial, Helvetica, sans-serif;
		}
		
		#footer_aboutus p {
		position: absolute;
		color:#FFF;
		font-size:9px;
		text-align: center;
		vertical-align:text-bottom; 
		margin-left: 277px;
		margin-top: 50px;
		font-family: Arial, Helvetica, sans-serif;
		}
		
		#footer_privacypolicy p {
		position: absolute;
		color:#FFF;
		font-size:9px;
		text-align: center;
		vertical-align:text-bottom; 
		margin-left: 300px;
		margin-top: -14px;
		font-family: Arial, Helvetica, sans-serif;
		}
		
		#footer_termspolicy p {
		position: absolute;
		color:#FFF;
		font-size:9px;
		text-align: center;
		vertical-align:text-bottom; 
		margin-left: 300px;
		margin-top: -14px;
		font-family: Arial, Helvetica, sans-serif;
		}