/* CSS Document */

/* div positioning */
body {text-align:center;}
#wrapper {width:800px; margin:0 auto; text-align:left; position:relative;}
#header{position: relative; height:235px;}
 
#logo {position:absolute; top:40px; left:0; width:290px; height:52px; z-index: 10; text-indent:-5000px;}
#logo a {border:none; display:block; width:290px; height:52px; background:url(../images/hd_tokoriki.png) no-repeat transparent;}
#navlist {position: absolute; top:77px; left:0; width: 800px;}

#navlist p {color:#237898; font-style:italic; line-height:1em;}
#content {position:relative; margin-top: 1em; height: 100%;}
#maincol{float:right; width:455px; margin-right:170px; display:inline;}
/* \*/
* html #maincol { height: 0; }
/* */

#leftbar{width:160px;}
#rightbar {position:absolute; top:0; right:0;width:160px;}
#rightbar img {padding:0; margin: 0; border-style:none; text-align:left;}
#rightbar img.fishy {margin-left:1.5em;} /* to move fish illustration a bit to the side */
#rightbar_second {position: absolute; top: 430px; right:0; width: 160px;}
#footer{clear:both;}

#flashcontent {padding:3px; border:1px solid #ccc; z-index:0; width:622px; height: 119px;}

/* sidecol styling
--------------------------------------------------------*/
#leftbar p {font-size:0.85em; line-height:1.4em; margin-top:0;}
#leftbar #search input {background: transparent url(../images/search.gif) no-repeat top right;}

/* General
--------------------------------------------------------*/
dt {color:#008; font-weight:bold; font-size:1em; margin-top:1em;}
dd {border-left:1px solid #ccc; padding-left:1em;}
dd ul {margin:0; padding:0;}
td {vertical-align:top;}
#display1, #display2, #display3, #display4, #display5, #display6 {color:#555; display:block;}
#display1:hover, #display2:hover, #display3:hover, #display4:hover, #display5:hover, #display6:hover {color:#555; background-color:#ddeaf0;}
.bottomimage { margin:0 7px 0 0;}
.day {width:55px;}
a.download {padding-left:24px; background: url(../images/icon_pdf.gif) left center no-repeat; color:#555;}
a:hover.download {color: #cb7319; background-color:none;}

/* Top Utilities Links Menu
--------------------------------------------------------*/
#topnav {position: absolute; right:0; top:0; height: 32px; background:url(../images/juv.jpg) top left no-repeat; padding: 0 0 0 45px;}/* use padding to show fish image in ul bkg*/
#topnav ul, #topnav li {display: inline; list-style-type:none; margin:0; padding:0; }
#topnav li a {border-top:4px solid #888;}
#topnav a {float:left; color:#888; font-weight:normal; padding: 0 5px;} 
#topnav a:hover, #topnav li.currentpage a{color:#237898; border-top: 4px solid #237898; background-color: #fff;}

/* Main Navigation Links Menu
--------------------------------------------------------*/
#navlist ul {position: absolute; top:0; right:0; text-align:right; list-style:none; margin:0; padding:0;}
#navlist ul a {width:150px; color:#555; display: block; border: 1px solid #ccc; border-right: 4px solid #555; padding-right:4px; margin-bottom:2px;  height:22px; line-height:2em;}
* html #navlist ul a {line-height: 1.8em; height:20px;}/* IE only */
#navlist ul a:hover, #navlist ul li.currentpage a {color:#008; border-color: #008; background-color:#fafafa;}
 
/* pull testimonial 
--------------------------------------------------------*/
.pull{float: right; width:45%; font-size:1.2em; background-color:#fff; padding: 1em; border:1px solid #ccc; border-left:4px solid #555; margin: 0 0 0 1em;}
.pull p{margin:0;}
.pull cite {font-size:0.75em;}

 /* Footer and credits
--------------------------------------------------------*/
#footer {font-size:0.85em; border-top:1px solid #555; border-bottom:4px solid #555; margin:15px 0; padding: 2px 0;}
#footer a {color:#888;}
#footer a:hover {color: #237898; background-color:#ddeaf0;}

#credit {font-size: 0.85em;}
#credit a {	color: #888; background-color:#fff;}
#credit a:hover {color: #237898; background-color:#ddeaf0;}

/* h2 as images
---------------------------*/
#galleryhd, #clamshd, #contacthd {text-indent:-5000px;}
#galleryhd a, #clamshd a, #contacthd a {border: none; display:block; width:455px; height:30px; background:transparent;}
#galleryhd {background:url(../images/hd_gallery.gif) left top no-repeat;}
#clamshd {background:url(../images/hd_clams.gif) left top no-repeat;}
#contacthd {background:url(../images/hd_contact.gif) left top no-repeat;}

/* styling gallery thumbnails */
#gallerythumbs {margin:0; padding:0;}
#gallerythumbs li {float: left; list-style-type:none; margin-right:5px;}

/* sidecol Navigation
---------------------------*/
#subnavlist {margin:0; padding:0; list-style:none; border-top:1px solid #eee;}
#subnavlist ul {margin:0; padding:0; list-style:none;}
#subnavlist a {color:#555; display: block; padding:0 10px;width: 140px; border-bottom:1px solid #eee;}
#subnavlist a:hover{color:#555; background-color:#ddeaf0;}
#subnavlist li.currentpage a {color:#008; background-color:#eee;}
#subnavlist ul li a {padding-left:25px; width:125px;}
#subnavlist li.currentpage li a {color:#555; background-color:#fff;}
#subnavlist li.currentpage li a:hover {color:#555; background-color:#ddeaf0;}


/* Rates Tables styling */
table.rates {width:100%; margin-bottom:1em; font-size:1em;}
table.rates caption {font-weight:bold; color:#237898;}
table.rates th {text-align:left; vertical-align:top; background-color:#666; color: #fff; padding:0 4px;}
table.rates td {padding:0 5px; border-bottom:1px solid #ccc;}
#diverates, #fishingrates, #attrates, #transferrates {margin-top: 1em;}

/* site map styling
--------------------------------------------------------*/
dl#sitemap dt a {color:#008;}
dl#sitemap dd a {color:#888;}
dl#sitemap a:hover {color:#fff; background-color:#008;}
dl#sitemap li {list-style:none;}
dl#sitemap ul ul{margin-left:2em;}

/* tag cloud styling
--------------------------------------------------------*/
#tags a {color:#888; background-color: #fff; font-weight:normal;line-height:1.5em;}
#tags a.light {color: #aaa;}
#tags a.medium {color: #666;}
#tags a.dark {color: #535353;}
#tags a.darker {color: #222;}
#tags a:hover {color:#cb7319;}

/* details such as schedule and price
---------------------------*/
#details {border:1px solid #cb7319; padding:10px; background-color:#fef9e7;}
#details li {list-style:none;}
#details strong {color: #555; display:block;}

/* highlight focus
---------------------------*/
#highlight {background-color:#fef9e7; border:1px solid #cb7319; padding:1em;}

/* Contact form
---------------------------*/
#contactform {width:70%; }
#contactform fieldset {border: 0;}
#contactform legend {display: none;}
#contactform label {display:block;}
#contactform #Name, #contactform #Email, #contactform #Subject, #contactform #Message {width:100%;}

/* Staff setails
---------------------------*/
.staff {clear: left; margin-top:15px;}
.staff img {float:left; }
.staff ul {padding:0; margin:0; margin:0 0 0 120px; list-style:none;}
.staff .staffname {font-weight:bold; color:#237898;}

/* Comments
---------------------------*/
p.comments_invite{padding-left: 20px; background: url(../images/comment-icon.png) left 3px no-repeat;}

/* Dive sites map styling
---------------------------*/

ul#map {
  background: url(../images/sitesmap.png)  top left no-repeat;
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
  Top: 0; left:0;
  width: 420px; height: 420px;
  position: relative;
  list-style:none;
}
ul#map a {position: absolute;}
ul#map a span {display:none;}

/* position the numbers */
ul#map a#one {top: 93px;left: 133px;}
ul#map a#two {top: 107px;left: 100px; z-index:120;}
ul#map a#three {top: 152px;left: 136px; z-index:110;}
ul#map a#four {top: 172px;left: 116px; z-index:90;}
ul#map a#five {top: 174px;left: 125px; z-index:70;}
ul#map a#six {top: 180px;left: 110px; z-index:80;}
ul#map a#seven {top: 192px;left: 132px; z-index:60;}
ul#map a#eight {top: 190px;left: 144px; z-index:50;}
ul#map a#nine {top: 224px;left: 180px; z-index:40;}
ul#map a#ten {top: 255px;left: 320px;}
ul#map a#eleven {top: 213px;left: 104px; z-index:105;}
ul#map a#twelve {top: 205px;left: 64px; z-index:170;}
ul#map a#thirteen {top: 227px;left: 70px; z-index:160;}
ul#map a#fourteen {top: 235px;left: 104px; z-index:140;}
ul#map a#fifteen {top: 270px;left: 103px; z-index:150;}
ul#map a#sixteen {top: 273px;left: 157px;}
ul#map a#seventeen {top: 316px;left: 125px;}
ul#map a#eighteen {top: 337px;left: 62px; z-index:180;}
ul#map a#nineteen {top: 392px;left: 118px;}
ul#map a#twenty {top: 210px;left: 120px; z-index:103;}

/*To position the text and make it appear */
ul#map a:hover span {display:block; position:absolute; padding: 4px; top:0; left:17px; width:200px; border:1px solid #222; background:#555; color:#fff;}