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

* {
   padding:0;
   margin:0;
}

html {font-family: Arial, Helvetica, sans-serif
}

body {background-image:url(i/bg.jpg)
}

h1 {font: 1.4em "Times"; color: #0f6450;
	font-weight: normal;
	padding-top: 15px;
	margin-bottom: 10px
}

h1.package {font: 1.4em "Times"; color: #821f18;
	font-weight: normal;
	padding-top: 15px;
	margin-bottom: 10px
}
	
h2 {font-size: .85em;
	color:#0f6450;
	margin-bottom: 10px;
	margin-top: 15px;
	line-height: 1.3em
}
h2.package {font-size: .85em;
	color:#821f18;
	margin-bottom: 10px;
	margin-top: 15px;
	line-height: 1.3em
}
	
h3 {font: .85em "Times"; color: #0f6450;
	margin-bottom: 10px
}
	

h3.package {font: .85em "Times"; color: #821f18;
	margin-bottom: 10px
}
	
h4 {font-size: .65em;
	color:#0f6450;
	line-height: 1.4em;
	margin-bottom: 6px
}

p {font-size: .75em;
	color:#33333;
	line-height: 1.4em;
	padding-right: 10px;
	margin-bottom: .4em
}

.smalltext {font-size: small}

a {text-decoration: none; color:#333333}

/* content */

#wrapper {margin: 0 auto;
	width: 850px; height: 100%; 
	background-image:url(i/bg_wrapper.gif)
}
	
#content {margin: 0 auto;
	width: 800px;
	background-color:#FFFFFF
}
	
#header {width: 800px; height: 255px
}

.logo {width: 192px; float: left
}
.flash {width: 608px; height: 233px; float: right
}
.nav {width: 577px; height: 22px; float: right;
	padding-left: 10px;
	margin-right: 21px;
	background-color: #fde67b
}
	
#main-content {width: 800px
}

/* content right */

#content-right {width: 275px;
	margin-right: 20px;
	padding: 10px 0px 0px 0px; 
	float:right
}
	
/* RHS info boxes */

.info {width: 265px; height: 80px;
	padding-right: 10px;
	margin: 10px 0px 0px 0px;
	background-image: url(i/bg_info_box.gif)
}
.info_package {width: 265px; height: 80px;
	padding-right: 10px;
	margin: 10px 0px 0px 0px;
	background-image: url(i/bg_info_box_package.gif)
}
	
.info_img {display: block; float: left;
	margin-right: 18px; 
	width: 80px; height: 80px
}

.info p {font-size: .65em;
	padding-top: 12px;
	color:#0f6450}
	
.info_package p {font-size: .65em;
	padding-top: 12px;
	color:#fff}
	
.info_package p strong {
	padding-top: 12px;
	color:#fbf1c5}
	
.thumbs {display: block;
	width: 132px; height: 95px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;	
} 
	
.bottom_space {margin-bottom: 10px}
.top_space {margin-top: 10px}
.top_btm_space {margin: 10px 0px 10px 0px }

#info_box {width: 275px; height: 240px;
	margin-right: 20px;
	padding-top: 10px;
	background-image: url(i/bg_info.gif);
	float:right
}
	
.info_1 {width: 250px; height: 65px;
	border-bottom: #0f6450 1px dotted;
	margin: 0px 10px 8px 10px;
}

.info_1 p {font-size: .65em;
	color:#0f6450;
	padding: 8px 0px 10px 10px
}
	
.info_1 img { padding-left: 10px
}

.float {float: right
}

/* content left */

#content-left {width: 443px;
	float:left;
	padding: 20px 23px 20px 37px;
}

#content-left ul li {font-size: .75em;
	list-style:inside;
	color:#33333;
	line-height: 1.5em;

	}

#main_img {width: 465px; height: 290px;
	padding-bottom: 20px;
	padding-top: 13px
} 

/* attractions page boxes */	

.attractions {width: 450px; height: 240px; 
	margin-bottom: 25px;
	margin-top: 15px;
	border-bottom:#FEBD3B dotted 2px
}

.attractions p {font-size: .7em;
	margin-bottom: .3em
}


.attractions_img {width: 220px; height: 240px; 
	float: left;
	margin-right: 15px;
}

.attractions_1 {width: 450px; height: 295px; 
	margin-bottom: 25px;
	margin-top: 15px;
	border-bottom:#FEBD3B dotted 2px
}

.attractions_1 p {font-size: .7em;
	margin-bottom: .3em
}


.attractions_1_img {width: 220px; height: 295px; 
	float: left;
	margin-right: 15px;
	
}


/* wave detail */	

#waves {width: 800px;
	margin-top: 20px;
	clear:both;
	height: 118px; 
	background:url(i/waves.gif)}
	
/* footer */

#footer {margin: 0 auto;
	padding: 20px 40px 0px 45px;
	clear:both;
	width: 755px;
	height: 91px;
	background:url(i/footer_bg.jpg)
}

#footer a {font-size: .6em;
	color:#0f6450
}