@charset "utf-8";
/* CSS Document */

*{
  margin: 0;
  padding: 0;
}

body {
	color: #444;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

p{
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1.2em 0;
}

.bold{
	font-weight: bold;
}

img{
	border: 0;
}

a {
	outline:none;
	text-decoration: none;
}

/*********************** DIVS ***********************/

#container{
	width: 785px;
	margin: 0 auto;
}

#wrapper{
	width: 785px;
	background: url(../images/box_middle.gif) repeat-y left bottom;
}

#content{
	width: 785px;
	background: url(../images/logo_bottom.gif) no-repeat left bottom;
	overflow: hidden;
}

/*********************** LEFT ***********************/

#left{
	float: left;
	width: 214px;
	padding-top: 10px;
	color: #fff;
	background-color: #fff;
}

#logo{
	width: 214px;
	height: 183px;
}

#nav{
	width: 214px;
	height: 224px;
	background: url(../images/nav_main_over.gif) no-repeat;
}

ul#nav li {
	display: block;
	text-indent: -9999px;
	height: 25px;
}

ul#nav li a {
	border: 0;
	display: block;
	width: 214px;
	background: url(../images/nav_main.gif) no-repeat;
}

ul#nav li a:hover {
	border: 0;
	display: block;
	background-image: url(../images/nav_main_over.gif);
}

li#nav_home a,
li#nav_location a,
li#nav_cottages a,
li#nav_food a,
li#nav_diving a,
li#nav_afterdiving a,
li#nav_info a,
li#nav_contact a {
	height: 25px;
}

li#nav_location a:link,
li#nav_location a:visited,
li#nav_location a:hover {
	background-position: 0 -25px;
}

li#nav_cottages a:link,
li#nav_cottages a:visited,
li#nav_cottages a:hover {
	background-position: 0 -50px;
}

li#nav_food a:link,
li#nav_food a:visited,
li#nav_food a:hover {
	background-position: 0 -75px;
}

li#nav_diving a:link,
li#nav_diving a:visited,
li#nav_diving a:hover {
	background-position: 0 -100px;
}

li#nav_afterdiving a:link,
li#nav_afterdiving a:visited,
li#nav_afterdiving a:hover {
	background-position: 0 -125px;
}

li#nav_info a:link,
li#nav_info a:visited,
li#nav_info a:hover {
	background-position: 0 -150px;
}

li#nav_contact a:link,
li#nav_contact a:visited,
li#nav_contact a:hover {
	background-position: 0 -175px;
}
li#nav_japanweb a:link,
li#nav_japanweb a:visited
{
  text-indent: 0px;
  background-position: 0 -200px; 
  color:#fff;  
  background-color: #f60;  
}


li#nav_japanweb a:hover  {
  text-indent: 0px;
  background-position: 0 -200px;
  color:#fff;
  background-color: #f71;  
}


/**
ul#nav li a{
	display: block;
	width: 179px;
	height: 24px;
	padding-left: 35px;
	background: url(../images/nav.gif) no-repeat;
	line-height: 2em;
	font-size: 0.92em;
	color: #fff;
}

ul#nav li a:hover{
	background: url(../images/nav_over.gif) no-repeat;
}

ul#nav li#top a{
	background: url(../images/nav_top.gif) no-repeat;
}

ul#nav li#top a:hover{
	background: url(../images/nav_top_over.gif) no-repeat;
}

ul#nav li#bottom a{
	background: url(../images/nav_bottom.gif) no-repeat;
}

ul#nav li#bottom a:hover{
	background: url(../images/nav_bottom_over.gif) no-repeat;
}
**/

#logoBottom{
	width: 214px;
	height: 137px;
}

#feature{
	width: 214px;
	background: url(../images/box_top.gif) no-repeat left top;
	margin: 3px 0 0 0;
	padding-top: 6px;
}

#featureContentIndex{
	width: 214px;
	background: url(../images/box_middle.gif) repeat-y left top;
}

#featureContentIndex h1{
	padding: 5px 0 5px 15px;
}

#featureContentIndex p{
	width: 190px;
	padding: 0 9px 0 15px;
}

#featureContentIndex .featureImage{
	margin-left: 16px;
}

/*********************** FEATURE SUBPAGES ***********************/

#location{
	width: 214px;
	height: 229px;
	background: url(../images/feature_location.jpg);
}

#cottages{
	width: 214px;
	height: 229px;
	background: url(../images/feature_cottages.jpg);
}

#food{
	width: 214px;
	height: 229px;
	background: url(../images/feature_food.jpg);
}

#diving{
	width: 214px;
	height: 229px;
	background: url(../images/feature_diving.jpg);
}

#afterdiving{
	width: 214px;
	height: 229px;
	background: url(../images/feature_afterdiving.jpg);
}

#photo{
	width: 214px;
	height: 229px;
	background: url(../images/feature_photo.jpg);
}

#info{
	width: 214px;
	height: 229px;
	background: url(../images/feature_info.jpg);
}

#contact{
	width: 214px;
	height: 229px;
	background: url(../images/feature_contact.jpg);
}

/*********************** RIGHT ***********************/

#right{
	float: right;
	width: 567px;
	padding-top: 10px;
}

#flash{
	width: 567px;
	height: 180px;
	margin-bottom: 3px;
}

#banner{
	width: 567px;
	height: 180px;
	margin-bottom: 3px;
}

#mainTopIndex{
	width: 568px;
	height: 187px;
	background: url(../images/main_index.gif) no-repeat;
}

#mainBottomIndex{
	position: relative;
	width: 568px;
	height: 505px;
	background: url(../images/main_index.jpg) no-repeat;
}

#contactInfo{
	position: absolute;
	top: 60px;
	left: 325px;
}

#contactInfo li{
	list-style-type: none;
	margin: 0 0 0.6em 0;
	line-height: 1em;
}

#contactInfo li a{
	color: #444;
	text-decoration: underline;
}

#mainTop{
	width: 538px;
	padding: 0 15px;
}

#mainBottom{
	width: 538px;
	padding: 15px 15px 25px 15px;
	background-color: #d8f6ff;
}

#mainTop h1,
#mainBottom h1{
	font-size: 1.3em;
	color: #ff6600;
	margin: 3px 0 8px 0; 
	padding-top: 15px;
}

#mainTop h2,
#mainBottom h2{
	font-size: 1.1em;
	margin: 0 0 0.4em 0;
}

#mainTop a,
#mainBottom a{
	color: #444;
	text-decoration: underline;
}

#mainBottom ul{
	margin-bottom: 1.2em;
}

#mainBottom li{
	list-style-type: none;
	margin-bottom: 0.2em;
}

.border{
	border-bottom: 1px dotted #ff6600;
	padding-bottom: 1.2em;
}

.borderTop{
	border-top: 1px dotted #ff6600;
}

/*********************** PRICE LIST ***********************/
#pricelist{
	width: 538px;
	margin-bottom: 1.2em;
}

#pricelist h2{
	font-size: 1.3em;
	color: #ff6600;
	margin: 0 0 4px 0; 
}

#pricelist .bold{
	line-height: 2em;
	font-size: 1.1em;
	font-weight: bold;
}

tr{
	line-height: 1.5em;
}

.italic{
	line-height: 1.8em;
	font-style: italic;
}

/*********************** COTTAGES ***********************/
.cottage{
	width: 538px;
	overflow: hidden;
	margin-bottom: 1em;
	padding-top: 0.5em;
	border-bottom: 1px dotted #ff6600;
}

.cottageImage{
	width: 538px;
	overflow: hidden;
}

.cottageImage img{
	float: left;
	padding-bottom: 1.2em;
	margin-right: 10px;
}

.cottageText{
	width: 538px;
}

.borderNone{
	border: none;
}

/*********************** COTTAGES ***********************/
#gallery{
	margin: 15px 0 25px 39px;
}

/*********************** FOOTER ***********************/

#footer{
	clear: both;
	width: 785px;
	height: 65px;
	padding-top: 30px;
	text-align: center;
	font-size: 0.92em;
	color: #3e4d73;
}

#footer ul{
	margin-bottom: 10px;
}

#footer ul li{
	display: inline;
	padding: 0 5px;
	border-left: 1px solid #3e4d73;
}

#footer ul li.first{
	padding-left: 0;
	border: none;
}

#footer ul li a{
	padding: 0 3px;
	color: #3e4d73;
	background-color: #fef79b;
}

#footer ul li a:hover{
	color: #444;
	background-color: #fff568;
}