html {overflow-y: scroll;}

body {
	text-align: center;
	background: #008099;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	height: 100%;
	font-family: Verdana, Arial, Tahoma;
	font-size: 100%;
	}
	
a {
	color: #1674c2;
	text-decoration: underline;
	}
	
a:hover {
	color: #f55e35;
	}

/********************** BASIC CORE **********************/
	
.clear {clear: both}
.float_right {float: right}	
.float_left {float: left}
.icon {
	vertical-align: middle;
	display: inline;
	margin: 2px;
	}

h1, h2, h3, h4, h5, h6 {
	color: #3ba376;
	letter-spacing: .02em;
	font-family: Arial, Tahoma, Verdana;
	margin: 2px 0;
	font-weight: normal;
	}
	
h1 {font-size: 1.4em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}
h6 {font-size: .9em;}

hr {
	background: #ced5e0;
	color: #ced5e0;
	height: 1px;
	border: 0;
	}

.mainwrap {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: .8em;
	}
	
/******** TOPNAV ********/
#topnav {
	background: #cb4800 url(../images/topnav_main.jpg) bottom left repeat-x;
	height: 44px;
	overflow: hidden;
	}
	
#topnav .topnav_left {
	background: url(../images/topnav_left.jpg) top left no-repeat;
	float: left;
	width: 36px;
	height: 44px;
	}
	
#topnav .topnav_links {
	background: url(../images/topnav_links.jpg) no-repeat;
	background-position: 0 -44px;
	float: left;
	width: 888px;
	height: 44px;
	}
	
		#topnav .topnav_links ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			}
			
		#topnav .topnav_links li {
			margin: 0;
			padding: 0;
			float: left;
			}
			
		#topnav .topnav_links li a {
			outline: none;
			height: 44px;
			display: block;
			}
			
					.topnav_links a.topnav_home,.topnav_links a.topnav_home_active {
						background: url(../images/topnav_links.jpg) no-repeat;
						background-position: 0 0;
						width: 85px;
						}
						
						.topnav_links a.topnav_home_active {
							background-position: 0 -88px;
							}
						
					.topnav_links a.topnav_about,.topnav_links a.topnav_about_active {
						background: url(../images/topnav_links.jpg) no-repeat;
						background-position: -85px 0;
						width: 99px;
						}
						
						.topnav_links a.topnav_about_active {
							background-position: -85px -88px;
							}
						
					.topnav_links a.topnav_information,.topnav_links a.topnav_information_active {
						background: url(../images/topnav_links.jpg) no-repeat;
						background-position: -184px 0;
						width: 164px;
						}
						
						.topnav_links a.topnav_information_active {
							background-position: -184px -88px;
							}
						
					.topnav_links a.topnav_packages,.topnav_links a.topnav_packages_active {
						background: url(../images/topnav_links.jpg) no-repeat;
						background-position: -348px 0;
						width: 197px;
						}
						
						.topnav_links a.topnav_packages_active {
							background-position: -348px -88px;
							}
						
					.topnav_links a.topnav_events,.topnav_links a.topnav_events_active {
						background: url(../images/topnav_links.jpg) no-repeat;
						background-position: -545px 0;
						width: 206px;
						}
						
						.topnav_links a.topnav_events_active {
							background-position: -545px -88px;
							}
						
					.topnav_links a.topnav_contact,.topnav_links a.topnav_contact_active {
						background: url(../images/topnav_links.jpg) no-repeat;
						background-position: -751px 0;
						width: 137px;
						}
						
						.topnav_links a.topnav_contact_active {
							background-position: -751px -88px;
							}
						
					.topnav_links a:hover {
						background: none;
						}
				
	
#topnav .topnav_right {
	background: url(../images/topnav_right.jpg) top left no-repeat;
	float: left;
	width: 36px;
	height: 44px;
	}
	
#header {
	background: #ffe402 url(../images/header_main.jpg) top left repeat-x;
	height: 98px;
	border-bottom: 1px solid #fff100;
	}
	
#header  .logo{
	width:400px;
	float:left;
}

#header .header_right {
	float: right;
	width: 560px;
	font-weight:bold;
	padding-top: 18px;
	font-size:18px;
	color:#DB380C;
	}
	
#header .header_buttons a {
	float: right;
	display: block;
	outline: none;
	height: 25px;
	margin-top: 4px;
	margin-left: 6px;
	}
	
#header .header_buttons a.joinblast_button {
	width: 150px;
	background: url(../images/headerbuttons.png) no-repeat;
	background-position: 0 0;
	}	
	
#header .header_buttons a:hover.joinblast_button {
	background: url(../images/headerbuttons.png) no-repeat;
	background-position: 0 -50px;
	}

#header .header_buttons a.bookpackage_button {
	width: 232px;
	background: url(../images/headerbuttons.png) no-repeat;
	background-position: 0 -25px;
	}

#header .header_buttons a:hover.bookpackage_button {
	background: url(../images/headerbuttons.png) no-repeat;
	background-position: 0 -75px;
	}
	
#header a {
	outline: none;
	}
	
#nav {
	background: #11b193 url(../images/nav_main.jpg) top left repeat-x;
	color: #FFFFFF;
	}
	
#nav .nav_wrap {
	padding: 10px 0;
	text-align: left;
	}
	
#nav .nav_call {
	padding-top: 10px;
	float: right;
	text-align: right;
	}
	
	
#nav span {
	color: #b6f7eb;
	font-weight: bold;
	}
	
#nav a.booknow_button {
	background: url(../images/booknow_button.jpg) top left no-repeat;
	width: 292px;
	height: 38px;
	cursor: pointer;
	display: block;
	outline: none;
	}
	
#nav a:hover.booknow_button {
	background: url(../images/booknow_button.jpg) top left no-repeat;
	background-position: -292px 0;
	width: 292px;
	height: 38px;
	cursor: pointer;
	}
	
#main {
	background: #008099 url(../images/bg_main.jpg) top left repeat-x;
	padding-top: 18px;
	color: #242424;
	}
	
#main #rot_banner {
	margin-bottom: 10px;
	}
	
#breadcrumb {
	background: #FFFFFF url(../images/breadcrumb_main.jpg) top left repeat-x;
	height: 65px;
	overflow: hidden;
	}
	
#breadcrumb .breadcrumb_left {
	background:transparent url(../images/breadcrumb_left.jpg) top left no-repeat;
	}
	
#breadcrumb .breadcrumb_right {
	background:transparent url(../images/breadcrumb_right.jpg) top right no-repeat;
	}
	
#breadcrumb .breadcrumb_wrap {
	padding: 20px 16px;
	line-height: 200%;
	font-weight: bold;
	color: #44b3c9;
	}
	
#breadcrumb a {
	color: #5e5e5e;
	text-decoration: none;
	}
	
#breadcrumb a:hover {
	color: #707070;
	text-decoration: underline;
	}
	
#page {
	background: #FFFFFF url(../images/page_main.jpg) top left repeat-x;
	line-height: 150%;
	}
	
#page .page_wrap {
	padding: 10px;
	padding-bottom: 6px;
	}
	
#page .page_wrap ul {
	list-style-image: url(../images/list_icon.gif);
	}
	
#footer_menu {
	border-top: 1px solid #c9c9c9;
	background: url(../images/footer_menu.gif) top left no-repeat;
	width: 960px;
	height: 60px;
	}
	
#footer_menu a.left_link, a.right_link {
	float: left;
	outline: none;
	background: none;
	width: 480px;
	height: 60px;
	display: block;
	}

#footer_menu a:hover.left_link {
	background: url(../images/footer_menu.gif) no-repeat;
	background-position: 0 -60px;
	}
	
#footer_menu a:hover.right_link {
	background: url(../images/footer_menu.gif) no-repeat;
	background-position: -480px -60px;
	}
	
.pagebot_main {
	clear: both;
	height: 4px;
	overflow: hidden;
	}
	
.pagebot_left {
	background: #FFFFFF url(../images/pagebot_left.jpg) top left no-repeat;
	height: 4px;
	}
	
.pagebot_right {
	background: transparent url(../images/pagebot_right.jpg) top right no-repeat;
	height: 4px;
	}
	
#footer {
	background: url(../images/footer_main.jpg) top center no-repeat;
	padding: 50px 0;
	color: #FFFFFF;
	font-size: .8em;
	font-weight: bold;
	}
	
#footer a {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#footer a:hover {
	color: #ff8830;
	}
	
#welcome {
	background: #ffd709 url(../images/welcome_main.jpg) top left repeat-x;
	height: 258px;
	color: #000000;
	}
	
#welcome .welcome_mascot {
	background: url(../images/welcome_mascot.jpg) top left no-repeat;
	height: 258px;
	}
	
#welcome .welcome_right {
	background: url(../images/welcome_right.jpg) top right no-repeat;
	height: 258px;
	}
	
#welcome .welcome_message {
	padding: 28px 28px 0 180px;
	line-height: 150%;
	font-size: 1.1em;
	}
	
#welcome img.welcome_title {
	margin-bottom: 6px;
	position: relative;
	top: 0;
	left: 0;
	}
	
.welcome_buttons {
	padding: 24px 12px 0 0;
	}
	
.welcome_content {height: 126px; overflow: auto;}
	
.book_now_button,
#welcome a.welcome_readmore_button, #welcome a.welcome_booknow_button {
	width: 113px;
	height: 32px;
	display: block;
	outline: none;
	cursor: pointer;
	float: right;
	margin-left: 8px;
	}
	
#welcome a.welcome_readmore_button {
	background: url(../images/welcome_buttons.jpg) top left no-repeat;
	background-position: 0 0;
	}
	
#welcome a:hover.welcome_readmore_button {
	background: url(../images/welcome_buttons.jpg) top left no-repeat;
	background-position: -238px 0;
	cursor: pointer;
	}
	
.book_now_button, #welcome a.welcome_booknow_button {
	background: url(../images/welcome_buttons.jpg) top left no-repeat;
	background-position: -119px 0;
	}
	
.book_now_button, #welcome a:hover.welcome_booknow_button {
	background: url(../images/welcome_buttons.jpg) top left no-repeat;
	background-position: -357px 0;
	cursor: pointer;
	}
	
.four_column {
	width: 100%;
	}
	
.four_column .column {
	float: left;
	width: 25%;
	}
	
.four_column .column img.pngtitle {
	display: block;
	margin: 18px 0 4px 0;
	}
	
.dropdown_menu {
	text-align: left;
	position: absolute;
	display: none;
	border: 1px solid #af3e00;
	border-bottom: 0;
	font-size: .7em;
	line-height: 28px;
	z-index: 100;
	background: #ff7125;
	min-width: 162px;
	margin-top: -2px;
}

#dd_information, #dd_information a {width: 162px;}
#dd_packages, #dd_packages a {width: 195px;}
#dd_events, #dd_events a {width: 204px;}

.dropdown_menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
.dropdown_menu li {
	margin: 0;
	padding: 0;
	float: left;
	}

.dropdown_menu a {
	text-align: left;
	color: #6e2700;
	display: block;
	border-top: 1px solid #ff8848;
	border-bottom: 1px solid #af3e00;
	padding: 1px 0;
	text-decoration: none;
	text-indent: 20px;
	font-weight: bold;
	width: 162px;
	background: transparent url(../images/dropdown_menu_item.gif) no-repeat;
	background-position: 0 6px;
}

.dropdown_menu a:hover {
	background: #de4e00 url(../images/dropdown_menu_item.gif) no-repeat;
	background-position: 0 -24px;
	color: #FFFFFF;
}