
<!--
<!--
<!--
<!--
/* CSS Document */
body, h1, h2, h3, h4, p, form, ol, ul, li, dl, dt, dd {
	margin:0px;
	padding:0px;
	font-weight:normal;
}
h3 {
	font-weight: 700;
	line-height: 29px;
}
html, body {
	height: 100%;
}
body {
	color:#000;
	font-family: 
 Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background:#109AD4 url(common_images/back1.png) center repeat-y;
	font-size: 13px;
}
div {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;
}
img {
	border: none;
}
a:link {
	color:#3939ff;
	text-decoration: none
}
a:visited {
	color:#3939ff;
	text-decoration: none
}
a:hover {
	color:#FF6600;
	text-decoration:none;
}
.tex {
	padding: 10px;
}
#wrap {
	margin: 0 auto;
	background:url(common_images/bottom_back.jpg) center bottom no-repeat;
}
#wrap1 {
	margin: 0 auto;
	background:url(common_images/body_bg_1.jpg) center bottom no-repeat;
}
#wrap2 {
	margin: 0 auto;
	background:url(common_images/body_bg_2.jpg) center bottom no-repeat;
}
#wrap3 {
	margin: 0 auto;
	background:url(common_images/body_bg_3.jpg) center bottom no-repeat;
}
#wrap4 {
	margin: 0 auto;
	background:url(common_images/body_bg_4.jpg) center bottom no-repeat;
}
#wrap5 {
	margin: 0 auto;
	background:url(common_images/body_bg_5.jpg) center bottom no-repeat;
}
#top {
	height:146px;
	background:url(common_images/top_back.jpg) top center no-repeat;
}
#main {
	height: 100%;
	min-height: 457px;
	background:url(common_images/main_top_bg.jpg) top center no-repeat;
}
/* start: clearfix ------------------------------ */
#main:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#main {
	display:inline-table;
	min-height: 1%;
	zoom: 1;
}
/* Hides from Mac IE \*/
* html #main {
	height:1px;
}
#main {
	display:block;
}
/* */
/* end: clearfix ------------------------------ */
#bottom {
	height: 208px;
}
.center_block {
	width:980px;
	min-height: 1%;
}
/* start: clearfix ------------------------------ */
.center_block:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.center_block {
	display:inline-table;
}
/* Hides from Mac IE \*/
* html .center_block {
	height:1px;
}
.center_block {
	display:block;
}
/* */
/* end: clearfix ------------------------------ */
#top .center_block {
	height: 100%;
	margin: 0 auto;
}
#main .center_block {
	height: 100%;
	background: #fff;
	margin: 0 auto;
	margin-bottom: 40px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}
#bottom .center_block {
	height: 100%;
	margin: 0 auto;
}
/******************   HEADER */

#title_logo {
	padding-top: 10px;
	margin-left: -10px;
	float: left;
}
.infobox {
	width: 509px;
	height: 29px;
	background: url(common_images/infobox.png) center top no-repeat;
	margin-left: 471px;
	color: #F7941D;
	font-size: 14px;
	font-weight:900;
	padding-top: 28px;
}
#info_email {
	width: 229px;
	margin-left: 9px;
	float: left;
}
#info_us_phone {
	width: 117px;
	margin-left: 12px;
	float: left;
}
#info_jp_phone {
	width: 117px;
	margin-left: 12px;
	float: left;
}
#catch_copy h1 {
	font-size: 10px;
	font-weight:600;
	float: right;
}
.horizontal_menu {
	background: url(common_images/top_horizontal_menu.png) no-repeat;
	width: 694px;
	height: 45px;
	margin-top: 25px;
	margin-right: 19px;
	float: right;
}
/******************   LEFT SIDEBAR */
#left_sidebar {
	width: 220px;
	float: left;
	padding-bottom: 20px;
}
#left_sidebar a:link, #left_sidebar a:visited {
	color: #333;
}
#left_sidebar a:hover {
	color: #F60;
}
#left_sidebar ul {
	padding-bottom: 24px;
}
#left_sidebar ul li {
	width: 200px;
	padding-left: 20px;
	background: url(common_images/border.gif) bottom no-repeat;
	padding-top: 4px;
	padding-bottom: 2px;
	line-height: 30px;
	list-style: none;
	text-align: left;
	font-size: 14px;
	font-weight: 700;
	color: #333;
}
#blackboard {
	width: 182px;
	height: 304px;
	background:url(common_images/blackboard.jpg) center top no-repeat;
	overflow: hidden;
	margin-left: 20px;
}
#blackboard .inner_text {
	padding-top: 120px;
	font-size: 12px;
	line-height: 1.4;
	color: #fff;
	text-align: center;
}
#clickhere {
	width: 104px;
	height: 16px;
	display: block;
	margin-top: 12px;
	margin-left: 40px;
}
#clickhere a:link, #clickhere a:visited {
	height: 16px;
	display: block;
	background:url(common_images/clickhere.gif) center top no-repeat;
}
#clickhere a:hover {
	background:url(common_images/clickhere.gif) center bottom no-repeat;
}
#aloha_richard {
	width: 170px;
	height: 323px;
	border:solid 1px #ccc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-left: 20px;
	margin-top: 20px;
	font-size: 14px;
	text-align: left;
	padding: 8px;
}
#aloha_richard .title_line {
	font-weight: 600;
	color: #F7941d;
	padding-top: 6px;
	padding-bottom: 20px;
}
#aloha_richard .inner_text {
	color: #333;
	line-height: 1.2;
}
.left_banner {
	padding-top: 14px;
	margin-left: 12px;
	border: none;
}
.left_banner a {
	border: none;
}
#top_slide {
	width:760px;
	float: right;
}
/******************   MAIN BODY */
#main_body {
	width: 464px;
	float: left;
	text-align: left;
	padding:0 20px 20px 20px;
}
ul#new_info {
	margin-top: 20px;
}
ul#new_info p {
	line-height: 24px;
	padding-left: 24px;
}
ul#new_info li {
	list-style: none;
	padding-left: 30px;
	height: 24px;
	margin-left: 20px;
	padding-left: 20px;
}
ul#new_info li a:link, ul#new_info li a:visited {
	color:#F7941D;
}
ul#new_info li a:hover {
	color:#F60;
}
ul#new_info li.new {
	background:url(common_images/new_icon.gif) left center no-repeat;
}
ul#new_info li #date {
	font-size: 10px;
	color:#666;
	width: 80px;
	float: left;
	border-right: solid 1px #666;
	margin-right: 12px;
}
ul#new_info li #text {
	font-size: 13px;
	color: #333;
}
.center_title, .left_title {
	margin-top: 20px;
}
.right_title {
	margin-top: 40px;
	margin-left: 12px;
}
.center_banner {
	padding: 10px 0 10px 20px;
}
#differences {
	padding: 10px;
	width:450px;
	background:url(common_images/dolphins_watermark.gif) right bottom no-repeat;
}
ul#difference {
	padding-left: 20px;
	margin-top: 20px;
}
ul#difference li {
	list-style: none;
	font-size: 12px;
	line-height: 1.4;
}
ul#difference li:before {
	content: "- ";
}
ul#reviews li {
	width: 230px;
	float: left;
	list-style: none;
	padding-top: 20px;
}
ul#reviews li .pics {
	width:230px;
	height: 134px;
	background:url(common_images/picture_frame.gif) center top no-repeat;
}
ul#reviews li .pics img {
	width: 211px;
	height: 115px;
	padding: 6px;
}
ul#reviews li .comments {
	height: 30px;
	padding:0px 30px 20px 33px;
	font-size: 10px;
	color: #333;
	width: 152px;
	display:block;
	float: left;
	background: url(common_images/quotations.gif) top left no-repeat;
}
#main_body .inner_text {
	font-size: 13px;
	line-height: 1.3em;
	padding:10px;
}
#main_body .inner_text h2 {
	font-size: 13px;
	line-height: 1.3em;
}
/******************   TOUR PAGE STYLES */

.tour_content_block {
	margin-top: 40px;
}
#section_divider {
	height: 50px;
	float: none;
	clear: both;
}
ul#tour_contents, ul#staff_list, ul#faq_list {
	padding-left: 24px;
	padding-top: 20px;
}
#main_wide a:link, #main_wide a:visited, #main_body a:link, #main_body a:visited {
	color:#F7941D;
}
#main_wide a:hover, #main_body a:hover {
	color:#F60;
}
ul#tour_contents li {
	width: 160px;
	float: left;
	list-style: none;
	background: url(images/tour/blue_bullet.gif) 3px 16px no-repeat;
	padding-left: 14px;
	padding-top: 14px;
}
ul#staff_list li {
	width: 170px;
	float: left;
	list-style: none;
	background: url(images/tour/blue_bullet.gif) 3px 18px no-repeat;
	padding-left: 14px;
	padding-top: 14px;
	line-height:20px;
}
ul#faq_list li {
	width: 190px;
	float: left;
	list-style: none;
	background: url(images/tour/blue_bullet.gif) 3px 2px no-repeat;
	padding-left: 14px;
	font-size: 11px;
	height: 30px;
}
.tour_image {
	width: 321px;
	height: 234px;
	background:url(images/tour/photoframe.gif) top center no-repeat;
	float: left;
}
.tour_image_no_shadow {
	float: left;
}
.tour_image img {
	padding-top: 8px;
	padding-left: 8px;
}
.customer_image {
	float: left;
}
.customer_image img {
	padding:7px;
	border: solid 1px #ccc;
	width: 233px;
	height: 160px;
	-moz-box-shadow:6px 6px 6px #666;
	-webkit-box-shadow: 6px 6px 6px #666;
	box-shadow: 6px 6px 6px #666;
}
.tour_details {
	width: 348px;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
}
.dolphin_details {
	width: 460px;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
	line-height: 1.4;
}
p.tour_link {
	line-height: 28px;
	background: url(images/tour/blue_bullet.gif) left center no-repeat;
	padding-left: 14px;
}
.tour_details h3, h3#orange_bold {
	font-size: 14px;
	color: #F7941D;
}
p.to_pagetop {
	width: 700px;
	text-align: right;
	margin-bottom: 40px;
}
.tour_details2 {
	width: 452px;
	padding: 12px 12px 12px 0;
	padding-bottom: 30px;
	float: left
}
.tour_details_link {
	width: 200px;
	float: left;
}
.tour_details2 h3, h3#tour_title {
	color:#0dbcdc;
}
.tour_details ol {
	padding-left: 20px;
}
.tour_details ol li {
	padding-bottom: 12px;
}
/******************   MOVIE PAGE STYLES */
#youtube_block {
	width:  320px;
	padding: 15px;
	float: left;
	margin-bottom: 20px;
}
.youtube_title {
	color:#f694ab;
	font-size: 14px;
	padding-top: 12px;
}
.date {
	color: #333;
	font-size: 10px;
	padding-bottom: 12px;
}
.youtube_comment {
	color: #333;
	width: 320px;
	font-size: 12px;
	line-height: 1.2;
}
/******************   tour details PAGE STYLES */
.tour_image175 {
	width: 185px;
	min-height: 185px;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.tour_image175 img {
	padding: 5px;
	border:solid 1px #ccc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.tour_details_w {
	width: 350px;
	;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
	line-height: 1.2;
	padding-top: 10px;
}
.tour_details_w h3 {
	color: #F7941d;
	font-size: 14px;
	line-height: 1.3;
}
.inner_text_indent {
	padding-left: 20px;
	font-size: 12px;
	color: #333;
}
.faq_answer, .dolphin_point {
	color: #03bbdb;
	padding-top: 30px;
	font-weight: bold;
}
#gallery img {
	margin: 10px;
}
#tour_pricelist {
	margin-top: 30px;
	margin-left: 42px;
}
/******************   RIGHT SIDEBAR */

#right_sidebar {
	width: 246px;
	float: right;
	text-align: left;
	padding-left: 10px;
	font-size: 12px;
}
ul#tour_detail {
	color: #F60;
	padding-left:20px;
}
ul#tour_detail a:link, ul#tour_detail a:visited {
	color:#F7941D;
	text-decoration: none
}
ul#tour_detail a:hover {
	color:#F60;
	text-decoration:none;
}
ul#tour_detail li {
	list-style:none;
	width: 90px;
	float: left;
	background: url(common_images/orange_arrow.gif) left center no-repeat;
	padding-left: 14px;
}
.youtube {
	margin-top: 20px;
	line-height: 28px;
	text-align:center;
}
.sns_banner {
	margin-top: 20px;
	padding-left: 20px;
}
ul#breadcrumb {
	list-style:none;
	color:#F60;
	padding-right: 32px;
	padding-top:22px;
}
ul#breadcrumb li {
	list-style:none;
	color: #F60;
	float:right;
}
ul#breadcrumb li a:link, ul#breadcrumb li a:hover, ul#breadcrumb li a:visited {
	color:#F60
}
ul#breadclumb li.end {
	float: none;
}
img.rounded_border {
	padding: 5px;
	border:solid 1px #ccc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#right_sidebar img.rounded_border {
	margin-left: 40px;
}
ul.company {
	padding: 20px;
}
ul.company li {
	list-style: none;
	padding-top: 14px;
}
li.col1 {
	width: 100px;
	float: left;
}
li.col2 {
	width: 400px;
}
.submitbutton {
	margin-left: 200px;
	width: 202px;
	height: 26px;
	border:none;
	background: url(images/form/form_submit.gif) center top no-repeat;
}
td.orange, .orange {
	color: #F7941d;
}

/******************   Top Menu */

ul.top_menu {
	width: 694px;
	height: 45px;
	line-height:normal;
	display: inline;
}
ul.top_menu li {
	list-style: none;
	display:inline;
}
li#vm0 {
	width: 13px;
	height: 45px;
	background: url(common_images/menu/vm8.jpg) center top no-repeat;
	display: block;
	float: left;
}
li#vm1 a:link, li#vm1 a:visited {
	width: 94px;
	height: 45px;
	background: url(common_images/menu/vm1.jpg) center top no-repeat;
	display: block;
	float: left;
}
li#vm1 a:hover {
	width: 94px;
	height: 45px;
	background: url(common_images/menu/vm1.jpg) center bottom no-repeat;
	display: block;
	float: left;
}
li#vm2 a:link, li#vm2 a:visited {
	width: 103px;
	height: 45px;
	background: url(common_images/menu/vm2.jpg) center top no-repeat;
	display: block;
	float: left;
}
li#vm2 a:hover {
	width: 103px;
	height: 45px;
	background: url(common_images/menu/vm2.jpg) center bottom no-repeat;
	display: block;
	float: left;
}
li#vm3 a:link, li#vm3 a:visited {
	width: 106px;
	height: 45px;
	background: url(common_images/menu/vm3.jpg) center top no-repeat;
	display: block;
	float: left;
}
li#vm3 a:hover {
	width: 106px;
	height: 45px;
	background: url(common_images/menu/vm3.jpg) center bottom no-repeat;
	display: block;
	float: left;
}
li#vm4 a:link, li#vm4 a:visited {
	width: 87px;
	height: 45px;
	background: url(common_images/menu/vm4.jpg) center top no-repeat;
	display: block;
	float: left;
}
li#vm4 a:hover {
	width: 87px;
	height: 45px;
	background: url(common_images/menu/vm4.jpg) center bottom no-repeat;
	display: block;
	float: left;
}
li#vm5 a:link, li#vm5 a:visited {
	width: 126px;
	height: 45px;
	background: url(common_images/menu/vm5.jpg) center top no-repeat;
	display: block;
	float: left;
}
li#vm5 a:hover {
	width: 126px;
	height: 45px;
	background: url(common_images/menu/vm5.jpg) center bottom no-repeat;
	display: block;
	float: left;
}
li#vm6 a:link, li#vm6 a:visited {
	width: 70px;
	height: 45px;
	background: url(common_images/menu/vm6.jpg) center top no-repeat;
	display: block;
	float: left;
}
li#vm6 a:hover {
	width: 70px;
	height: 45px;
	background: url(common_images/menu/vm6.jpg) center bottom no-repeat;
	display: block;
	float: left;
}
li#vm7 a:link, li#vm7 a:visited {
	width: 95px;
	height: 45px;
	background: url(common_images/menu/vm7.jpg) center top no-repeat;
	display: block;
	float: left;
}
li#vm7 a:hover {
	width: 95px;
	height: 45px;
	background: url(common_images/menu/vm7.jpg) center bottom no-repeat;
	display: block;
	float: left;
}
div.tooltip {
	width: 250px;
	position: absolute;
	left: -9999px;
	background: #EEE;
	padding: 5px;
	border: 1px solid #AAA;
}
div.tooltip p {
	color: #FFF;
	background: #222;
	padding: 5px 10px;
}
/******************   MAIN WIDE */

#main_wide {
	width: 710px;
	float: left;
	text-align: left;
	font-size: 12px;
	padding: 0 20px 20px 20px;
}
#push {
	height: 20px;
	float: none;
	clear: both;
}
#init {
	float: none;
	clear: both;
}
.footer_note {
	wodth: 600px;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin-left:190px;
	padding-top: 40px;
	text-align: left;
}
.footer_note a:link, .footer_note a:hover, .footer_note a:visited {
	color: #fff;
}
* {
	zoom:1
} /*IE7 float bug fix */
#language, #language a:link, #language a:visited {
	position: fixed;
	top: 40px;
	right: 0px;
	width: 20px;
	height: 100px;
	display: block;
	background: url(common_images/languageTab_en.gif) left top no-repeat;
}
#language a:hover {
	position: fixed;
	top: 40px;
	right: 0px;
	width: 200px;
	height: 100px;
	display: block;
	background: url(common_images/languageTab_en.gif) left top no-repeat;
}

h2.news_letter {
	font-size: 14px;
	margin-bottom: 6px;
}
ul#news_letter li{
	list-style: none;
	margin-left: 10px; 
	padding: 4px; 
	padding-left: 10px;
	background: url(http://www.irukahawaii.com/common_images/orange_arrow.gif) no-repeat 0% 50%;
}
ul#news_letter li>a {
	color: #F60;
	text-decoration: none;
}