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-repeat: no-repeat;

}



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;

}



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 #oahutours .catpgtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #707070;
	font-weight: bold;
	line-height:25px;
}
.layout #oahutours .catpgtitle a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #555555;
	line-height:25px;
	text-decoration:none;
	font-weight: normal;
	border-bottom: 1px #ff0000 dashed;
}
.layout #oahutours .catpgtitle a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0000;
	line-height:25px;
	border-bottom: 1px #FF0000 dashed;
	background-color: #efefef;
}
.layout #oahutours .bodytext {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:0px;
	color: #707070;
	line-height: 16px;
}



.layout #oahutours .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 #oahutours .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 #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 #oahutours {

	margin: 0px 0px 0px 10px;

}



.layout #oahutours .bodytitle{

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

	font-size:24px;

	color:#00d2ff;

}



.layout #oahutours .whybook a{

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

	font-size:14px;

	color:#00d2ff;

	font-weight:bold;

	text-decoration:none;

	text-align:center;

}



.layout #oahutours .whybook a:hover{

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

	font-weight: normal;

	font-weight:bold;

	border-bottom:1px #00d2ff dashed;

}



.layout #oahutours .makereservation a{

	display:block;

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

	background-repeat:no-repeat;

	width: 343px;

	height: 44px;

	padding-top: 12px;

	color:#000000;

	font-size:18px;

	text-align:center;

	text-decoration:none;

} 



.layout #oahutours .makereservation a:hover {

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

	background-repeat:no-repeat;
	
	color:#000000;

}



.layout #oahutours .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;

} 
.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 #oahutours .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;

} 
.mauigetdetails 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 #oahutours .video_button a{

	display:block;

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

	background-repeat:no-repeat;

	width: 340px;

	height: 32px;

	padding-top: 8px;

	color:#00d2ff;

	font-size:20px;

	text-align:center;

	text-decoration:none;

} 



.layout #oahutours .video_button a:hover {

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

	background-repeat:no-repeat;

	color:#00c0ff;

}



.layout #oahutours p{

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

	font-size:12px;

	color:#707070;

	margin-top:0px;

	line-height:20px;

	text-align:justify;

}



.layout #oahutours .catpgtitle{

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

	font-size: 18px;

	color: #707070;

	font-weight: bold;

	line-height:25px;

}



.layout #oahutours .catpgtitle a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #555555;
	line-height:25px;
	text-decoration:none;
	font-weight: normal;
	border-bottom: 1px #ff0000 dashed;
}





.layout #oahutours .catpgtitle a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0000;
	line-height:25px;
	border-bottom: 1px #FF0000 dashed;
	background-color: #efefef;
}



.layout #oahutours .bodytext {

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

	font-size: 11px;

	letter-spacing:0px;

	color: #707070;

	line-height: 16px;

}



.layout #oahutours .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 #oahutours .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 .notstaying_maui a{

	display:block;

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

	background-repeat:no-repeat;

	width: 86px;

	height: 99px;

} 



.layout .notstaying_maui a:hover {

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

	background-repeat:no-repeat;

}



.layout .notstaying_bigisland a {

	display:block;

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

	background-repeat:no-repeat;

	width: 86px;

	height: 99px;

} 



.layout .notstaying_bigisland a:hover {

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

	background-repeat:no-repeat;

}



.layout .notstaying_kauai a {

	display:block;

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

	background-repeat:no-repeat;

	width: 86px;

	height: 99px;

} 



.layout .notstaying_kauai a:hover {

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

	background-repeat:no-repeat;

}



.layout #pro_pg_gallery   {

	margin: 0px 0px 0px 0px;

	width: 340px;

	height: 289px;

	float: left;

	}









.layout #footer {

	width: 1000px;

	height: 15px;

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

	background-repeat: no-repeat;

	float: left;

} 

.thumbnail{
	position: absolute;
	z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px dashed #707070;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 25px;
	left: 80px; /*position where enlarged image should offset horizontally */
}