body  {

	font: 100% Verdana, Arial, Helvetica, sans-serif; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

	margin-top: 0px;

	background-image: url(images/site/body_tile.gif);

	background-repeat: repeat-x;

}

h1{

font-family:Arial, Helvetica, sans-serif;


}



h3{

	font-family:Arial, Helvetica, sans-serif;

	font-size:48px;

	color:#FFFFFF;

	margin:0px;

	font-weight: normal;

	padding-left: 10px;

	line-height: 48px;

	padding-top: 4px;

}



h2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#FFFFFF;

	margin:0px;

	font-weight: normal;

	padding-left: 10px;

	vertical-align: baseline;

}  



p {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#707070;

	margin-top:0px;

	line-height: 22px;

}



.paragraph {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#707070;

	margin-top:0px;

	line-height: 22px;

}



.layout #container {

	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */

	width: 1000px;

	margin: 0px auto;

	text-align: left;

} 



.layout #header {
	width: 1000px;
	height: 104px;
	background-image: url(images/site/index_banner.jpg);
	background-repeat:no-repeat;

} 



.layout #navbar {

	width: 980px;

	height: 39px;

	background-image: url(images/site/nav_bg.gif);

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	line-height: 39px;

	vertical-align: bottom;

	margin-left: 10px;

	border-bottom: 1px #dedede solid;

	border-top: 1px #eeeeee solid;

} 



.layout #sitepath {
	width: 970px;
	height: 30px;
	background-image:url(images/site/sitepath_bg.gif);
	background-repeat:repeat-x;
	padding-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 30px;
	margin-left: 10px;
	float: left;
	border-top: 1px #cacaca solid;
} 



.layout #catpg {
	margin: 0px 0px 0px 10px;
	background-color: #FFFFFF;
	float: left;

}



.layout #catpg h1{

	font-family:Arial, Helvetica, sans-serif;

	font-size:48px;

	color:#FFFFFF;

	margin:0px;

	font-weight: normal;

	padding-left: 10px;

	line-height: 48px;

	padding-top: 4px;

} 

.layout #catpg h2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#FFFFFF;

	margin:0px;

	font-weight: normal;

	padding-left: 10px;

	vertical-align: baseline;

} 



.layout #catpg .bodytitle{

	font-family:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#19ccc6;

}



.layout #catpg .whybook a{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#19ccc6;

	font-weight:bold;

	text-decoration:none;

	text-align:center;

}



.layout #catpg .whybook a:hover{

	font-family:Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-weight:bold;

	border-bottom:1px #19ccc6 dashed;

}



.layout #catpg .makereservation a{

	display:block;

	background-image:url(images/site/pro_pg_private_make_res_button.gif);

	background-repeat:no-repeat;

	width: 343px;

	height: 44px;

	padding-top: 12px;

	color:#FFFFFF;

	font-size:22px;

	text-align:center;

	text-decoration:none;

} 



.layout #catpg .makereservation a:hover {

	background-image:url(images/site/pro_pg_private_make_res_button_over.gif);

	background-repeat:no-repeat;

}

.layout   #catpg   .oahugetdetails   a{

	display:block;

	background-image:url(images/site/oahu_cat_get_details.gif);

	background-repeat:no-repeat;

	width: 160px;

	height: 26px;

	margin: 0px;

	padding: 0px;

} 

.layout   #catpg   .oahugetdetails   a:hover {

	width: 160px;

	height: 26px;

	background-image:url(images/site/oahu_cat_get_details_over.gif);

	background-repeat:no-repeat;

	margin: 0px;

	padding: 0px;

}

.layout #catpg .mauigetdetails a{

	display:block;

	background-image:url(images/site/maui_cat_get_details.gif);

	background-repeat:no-repeat;

	width: 160px;

	height: 26px;

	margin: 0px;

	padding: 0px;

} 



.layout #catpg .mauigetdetails a:hover {

	width: 160px;

	height: 26px;

	background-image:url(images/site/maui_cat_get_details_over.gif);

	background-repeat:no-repeat;

	margin: 0px;

	padding: 0px;

}



.layout #catpg .bigislandgetdetails a{

	display:block;

	background-image:url(images/site/bigisland_cat_get_details.gif);

	background-repeat:no-repeat;

	width: 160px;

	height: 26px;

	margin: 0px;

	padding: 0px;

} 



.layout #catpg .bigislandgetdetails a:hover {

	width: 160px;

	height: 26px;

	background-image:url(images/site/bigisland_cat_get_details_over.gif);

	background-repeat:no-repeat;

	margin: 0px;

	padding: 0px;

}





.layout #catpg .kauaigetdetails a{

	display:block;

	background-image:url(images/site/kauai_cat_get_details.gif);

	background-repeat:no-repeat;

	width: 160px;

	height: 26px;

	margin: 0px;

	padding: 0px;

} 



.layout #catpg .kauaigetdetails a:hover {

	width: 160px;

	height: 26px;

	background-image:url(images/site/kauai_cat_get_details_over.gif);

	background-repeat:no-repeat;

	margin: 0px;

	padding: 0px;

}



.layout #catpg .video_button a{

	display:block;

	background-image:url(images/site/video_button_big_island.gif);

	background-repeat:no-repeat;

	width: 340px;

	height: 32px;

	padding-top: 8px;

	color:#ff9829;

	font-size:20px;

	text-align:center;

	text-decoration:none;

} 



.layout #catpg .video_button a:hover {

	background-image:url(images/site/video_button_big_island_over.gif);

	background-repeat:no-repeat;

	color:#ff811b;

}



.layout #catpg p{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#707070;

	margin-top:0px;

	line-height:20px;

	text-align:justify;

}



.layout #catpg .catpgtitle{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #707070;

	font-weight: bold;

	line-height:25px;

}



.layout #catpg .oahucatpgtitle a{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #555555;

	line-height:25px;

	text-decoration:underline;

	font-weight: normal;

}





.layout #catpg .oahucatpgtitle a:hover{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #00d2ff;

	line-height:25px;

	text-decoration:underline;

}



.layout #catpg .mauicatpgtitle a{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #555555;

	font-weight: normal;

	line-height:25px;

	text-decoration:underline;

}





.layout #catpg .mauicatpgtitle a:hover{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #ec86ff;

	font-weight: normal;

	line-height:25px;

	text-decoration:underline;

}



.layout #catpg .bigislandcatpgtitle a{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #555555;

	font-weight: normal;

	line-height:25px;

	text-decoration:underline;

	font-size: 18px;

}





.layout #catpg .bigislandcatpgtitle a:hover{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #ffa94b;

	font-weight: normal;

	line-height:25px;

	text-decoration:underline;

}



.layout #catpg .kauaicatpgtitle a{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #555555;

	font-weight: normal;

	line-height:25px;

	text-decoration:underline;

}





.layout #catpg .kauaicatpgtitle a:hover{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #4cdf1d;

	font-weight: normal;

	line-height:25px;

	text-decoration:underline;

}





.layout #catpg .bodytext {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 11px;

	letter-spacing:0px;

	color: #707070;

	line-height: 16px;

}



.layout #catpg .bodytext a{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #707070;

	line-height: 16px;

	text-align: justify;

	text-decoration:none;

	border-bottom: 1px dashed red;

}



.layout #catpg .bodytext a:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: red;

	line-height: 16px;

	text-align: justify;

	background-color:#EFEFEF;

	border-bottom:1px dashed red;

	text-decoration:none;

}





.layout #footer {

	width: 1000px;

	height: 15px;

	background-image: url(images/site/footer_bg.gif);

	background-repeat: no-repeat;

	float: left;

}