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;

	font-size:24px;

	color:#FFFFFF;

	margin:0px;

	font-weight: normal;

	padding-left: 10px;

	line-height: 26px;

	padding-top:5px;

}



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;

}



.bannertitle{

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

	font-size:24px;

	color:#FFFFFF;

	margin:0px;

	font-weight: normal;

	padding-left: 10px;

	line-height: 26px;

	padding-top:5px;

} 



.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 #start {

	width: 980px;

	height: 305px;

	padding: 0px;

	background-color: #FFFFFF;

	margin-left: 10px;

} 



.layout #start .welcome {

	height:209px;

	width:255px;

	float:left;

	background-image:url(images/site/welcome.jpg);

	background-repeat:no-repeat;

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

	font-size:24px;

	color:#0f9691;

	padding-left:15px;

	padding-top:18px;

} 



.layout #start .oahu a{

	display:block;

	background-image:url(images/site/start_oahu.jpg);

	background-repeat:no-repeat;

	width: 130px;

	height: 227px;

	margin: 0px;

	padding: 0px;

} 



.layout #start .oahu a:hover {

	width: 130px;

	height: 227px;

	background-image:url(images/site/start_oahu_over.jpg);

	background-repeat:no-repeat;

	margin: 0px;

	padding: 0px;

} 



.layout #start .maui a{

	display:block;

	background-image:url(images/site/start_maui.jpg);

	background-repeat:no-repeat;

	width: 130px;

	height: 227px;

	margin: 0px;

	padding: 0px;

} 



.layout #start .maui a:hover {

	width: 130px;

	height: 227px;

	background-image:url(images/site/start_maui_over.jpg);

	background-repeat:no-repeat;

	margin: 0px;

	padding: 0px;

} 



.layout #start .bigisland a{

	display:block;

	background-image:url(images/site/start_bigisland.jpg);

	background-repeat:no-repeat;

	width: 130px;

	height: 227px;

	margin: 0px;

	padding: 0px;

} 



.layout #start .bigisland a:hover {

	width: 130px;

	height: 227px;

	background-image:url(images/site/start_bigisland_over.jpg);

	background-repeat:no-repeat;

	margin: 0px;

	padding: 0px;

} 



.layout #start .kauai a{

	display:block;

	background-image:url(images/site/start_kauai.jpg);

	background-repeat:no-repeat;

	width: 130px;

	height: 227px;

	margin: 0px;

	padding: 0px;

} 



.layout #start .kauai a:hover {

	width: 130px;

	height: 227px;

	background-image:url(images/site/start_kauai_over.jpg);

	background-repeat:no-repeat;

	margin: 0px;

	padding: 0px;

} 



.layout #start .top3{

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

font-size:12px;

color:#057571;

} 



.layout #featuredtours {
	background-color: #FFFFFF;
	width: 980px;
	margin-left: 10px;
	float: left;

}



.layout #featuredtours h3{

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

	font-size:24px;

	color:#FFFFFF;

	margin:0px;

	font-weight: normal;

	padding-left: 10px;

	line-height: 26px;

	padding-top:5px;

} 



.layout #featuredtours .bannersubtitle{

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

	font-size:16px;

	color:#FFFFFF;

	margin:0px;

	font-weight: normal;

	padding-left: 10px;

	vertical-align: baseline;

} 



.layout #featuredtours .title {

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

	font-size:16px;

	color:#707070;

	margin:0px;

	font-weight: normal;

	font-weight:bold;

	text-decoration:none;

}



.layout #featuredtours .title a{

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

	font-size:16px;

	color:#707070;

	margin:0px;

	font-weight: normal;

	font-weight:bold;

	text-decoration:none;

}



.layout #featuredtours .title a:hover{

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

	font-size:16px;

	color:#555555;

	margin:0px;

	font-weight: normal;

	font-weight:bold;

	border-bottom:1px #0f9691 dashed;

}



.layout #featuredtours .subtitle{

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

	font-size:12px;

	color:#555555;

	margin:0px;

	font-weight: normal;

} 



.layout #featuredtours .getdetails a{

	display:block;

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

	background-repeat:no-repeat;

	color:#707070;

	width: 172px;

	height: 26px;

	font-size:14px;

	text-align:center;

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

	padding-top: 4px;

	text-decoration:none;

} 



.layout #featuredtours .getdetails a:hover {

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

	background-repeat:no-repeat;

	color:#707070;

} 



.layout #featuredtours .getdetails a:visited {

	color:#707070;

} 



.layout #news {

	width: 980px;

	margin: 0px;

	padding: 0px;

	background-color: #FFFFFF;

	margin-left: 10px;

} 



.layout #news .bannertitle{

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

	font-size:24px;

	color:#FFFFFF;

	margin:0px;

	font-weight: normal;

	padding-left: 10px;

	line-height: 26px;

	padding-top:5px;

} 



.layout #news p{

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

	font-size:12px;

	color:#555555;

	margin-top:0px;

	line-height:20px;

	text-align:justify;

}



.layout #news .newstitle {

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

	font-size:20px;

	color:#0f9691;

} 



.layout #news .bannersubtitle{

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

	font-size:16px;

	color:#FFFFFF;

	margin:0px;

	font-weight: normal;

	padding-left: 10px;

	vertical-align: baseline;

} 









.layout #footer {

	width: 1000px;

	height: 15px;

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

	background-repeat: no-repeat;

	float: left;

} 

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

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

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 5px;
	left: -1000px;
	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: 0;
	left: 80px; /*position where enlarged image should offset horizontally */
}