/* CSS Document */

/***** CSS by Hooked on Nature *****/

* {margin:0;padding:0;}

body {background-color:#fff;color:#666;font:84%/100% Arial, Tahoma, sans-serif;}

a {color:#333;text-decoration:underline;}
a:hover {color:#00b2ac;text-decoration:none;}

h1 {}
h2 {font-size:160%;color:#729c50;padding:0px 0 0px 0;margin:0px 0 0 0;font-weight:normal;}
h3 {font-size:100%;color:#ff6600;padding:0px 0 5px 0;}

img {border:none;}
.imageleft{float:left;margin:5px 20px 10px 0;}
.imageright{float:right;margin:0 0 0 10px;}
.imgnav {float:left;padding:5px;}

li {line-height:1.3em;}
p {}
ul {list-style:none;}

/******* STRUCTURE *******/
#wrap {margin:0 auto;width:1000px;}
#contain {line-height:1.6em;margin:0 auto;width:1000px;}

/******* HEADER *******/
.header {height:130px;}
#logo {float:left;}
#tel {float:right;margin:35px 0 0 0;text-align:right;}

#topnav {padding:0 0 0 600px;text-align:right;}
#topnav p {font-size:10px;color:#CCCCCC;}
#topnav a {color:#CCCCCC;}
#topnav a:hover {color:#999999;}

/******* NAVIGATION *******/
#nav {width:800px;margin:35px 0px 0 0px;}
#nav ul {float:left;}
#nav ul li {float:left;display:inline;font-size:16px;background:url(divide.jpg) no-repeat left center;padding:0 20px 0 20px;}
#nav ul li a {color:#333;text-decoration:none;}
#nav ul li a:hover {color:#096;}
#nav li#home{background-image:none;}

/* Sub Navigation */
.subnav {margin:0 0 0px 0;}
.subnav li {margin:0 0 5px 0;font-size:13px;height:50px;padding:3px 0px 3px 0px;background-color:#eee;}
.subnav li a {padding:20px 0 0 0;}
.subnav li a:hover {text-decoration:none;color:#e1f4e7;}

.listlinks {padding-bottom:5px;border-top:1px solid #CCCCCC;margin:20px 0 15px 0;}
.listlinks img {float:left;padding:8px 15px 0 0px;}
.listlinks a {padding:0 10px 0 0;display:block;line-height:47px;text-decoration:none;}
.listlinks a:hover {text-decoration:none;color:#666666;background-color:#eeeeee;}
.listlinks li {border-bottom:1px solid #CCCCCC;height:47px;list-style-type:none;}

.active {color:#01a49f;background-color:#eeeeee;}

/******* MAIN *******/
.main#two-columns {clear:both;}

.col2home .left {width:650px;}
.col2home .right {width:310px;}
.left {float:left;}
.right {float:right;}


#leftcol {width:232px;float:left;margin:0 20px 20px 0;background-color:#fff;border:1px solid #ddd;}
#leftcolinfo {padding:20px;}
#leftcolinfo p {}
#midcol {width:232px;float:left;margin:0 20px 20px 0;background-color:#eee;background-color:#fff;border:1px solid #ddd;}
#midcolinfo {padding:20px;}
#midcolinfo p {}
#midcol2 {width:232px;float:left;background-color:#eee;background-color:#fff;border:1px solid #ddd;}
#midcol2info {padding:20px;}
#midcolinfo2 p {}
#rightcol {width:232px;float:right;margin:0 0px 20px 0;background-color:#fff;border:1px solid #ddd;}
#rightcolinfo {padding:20px;}
#rightcolinfo p {}

#leftcolgreen {width:320px;float:left;margin:0 20px 20px 0;background-color:#b4d024;border:1px solid #ddd;}
#leftcolinfogreen {padding:20px;}
#leftcolinfogreen p {}

#banner {margin:0px 0 10px 0}
#content {clear:both;}
#content h1 {font-size:140%;color:#ff6600;padding:0px 0 0px 0;margin:0px 0 10px 0;clear:both;}
#content h2 {font-size:120%;color:#333;padding:0px 0 0px 0;margin:0px 0 10px 0;clear:both;}
#content h2 a:hover {color:#01a49f}
#content h3 {font-size:110%;color:#333;padding:0px 0 0px 0;margin:0px 0 10px 0;}
#content h4 {font-size:100%;color:#ff6600;padding:0px 0 0px 0;margin:0px 0 10px 0;}
#content h5 {font-size:100%;color:#333;padding:0px 0 0px 0;margin:10px 0 10px 0;}
#content h6 {font-size:100%;color:#333;padding:0px 0 0px 0;margin:0px 0 10px 0;}

#content p {margin:0px 0 15px 0;color:#333;}

.notes {font-size:90%;color:#333;padding:0px 0 0px 0;margin:0px 0 5px 20px;list-style:disc;}

#content2 ul {margin:0px 0 10px 0px;}
#content2 ul li {font-size:100%;color:#333;padding:0px 0 0px 0;margin:0px 0 5px 20px;list-style:disc;}
#content2 ol {}
#content2 ol li {font-size:100%;color:#333;padding:0px 0 0px 10px;margin:0px 0 5px 20px;}

blockquote {margin:10px 0 0 0;background:#e1f4e7;padding:20px;}
blockquote p {margin:0px 0px 0px 0px;font-size:110%;}
cite {font-size:140%;color:#01a49f;float:right;padding:0px 0px 0 0;}

.small {font-size:85%;line-height:16px;}

#slideshow {float:left;width:670px;height:446px;margin:0 0 30px 0;}

#blocks {float:right;width:310px;height:446px;}
#b1 {width:310px;height:135px;margin:0 0 20px 0;background:url(../img/block1.jpg) no-repeat left center;}
#b2 {width:310px;height:135px;margin:0 0 20px 0;background:url(../img/block2.jpg) no-repeat left center;}
#b3 {width:310px;height:135px;margin:0 0 0 0;background:url(../img/block3.jpg) no-repeat left center;}
#blocks p {color:#fff;line-height:16px;padding:15px 0 0 10px;}
#blocks p a {color:#fff;font-size:18px;text-decoration:none;}
#blocks p a:hover {text-decoration:underline;}

#news {background-color:#eeeeee;padding:15px 15px 5px 15px;margin:0 0 10px 0;border-bottom:1px solid #cccccc;}
#news p {font-size:85%;line-height:16px;}

#atol {background-color:#eeeeee;padding:15px 15px 5px 15px;margin:0 0 10px 0;border-bottom:1px solid #cccccc;}
#atol p {font-size:85%;line-height:16px;}

#cont-width {width:320px;float:right;margin:0 0 0 20px;}
.action {width:280px;background:#ddeef6;border-bottom:1px solid #cccccc;padding:15px;color:#fff;}
.action a:hover {color:#01a49f;}
.departure {width:280px;background:#f3f1d2;border-bottom:1px solid #cccccc;padding:15px;color:#fff;}
.y-menu {background:#01a49f;color:#125A58;padding:10px 20px 10px 20px;}
.y-menu a:hover {color:#eee;}
.itenerary {background:#f3f1d2;border-bottom:1px solid #cccccc;padding:15px;}
.outline {background:#f3f1d2;border-bottom:1px solid #cccccc;padding:15px;}
.grouptrips {padding:10px 5px 5px 20px;margin:0 0 10px 0;background-color:#fff;border:1px solid #ddd;}
.price {background:#FFCC00;color:#125A58;border-bottom:1px solid #cccccc;padding:15px;font-size:140%;}
.question {margin:10px 0 10px 0;border-bottom:1px solid #ccc;}
.facts {background:#e1f4e7;border-bottom:1px solid #cccccc;padding:20px;width:260px;float:right;}
.difference {background:#e8eecb;border-bottom:1px solid #cccccc;padding:15px;}
.history {background:#e6e1c6;border-bottom:1px solid #cccccc;padding:15px;}
.moreinfo {background:#eee;border-bottom:1px solid #cccccc;padding:15px;}

.orange {color:#ff6600;}
.highlighttxt {font:120%/130% Arial, Helvetica, sans-serif;color:#666;}


/******* FOOTER *******/
#foot {border-top:2px solid #cccccc;margin:40px 0 0 0;}
#foot p {line-height:18px;}
.footer {padding:25px 0 0 0;color:#666;font-size:80%;line-height:1.6em;}
.footer .left {width:650px;}
.footer .right {width:310px;}
.footer a {color:#999;text-decoration:none;}
.footer a:hover {color:#999;text-decoration:underline;}
#foot ul {margin:0 0 20px 0;}
#foot ul li {display:inline;}
#foot ul li a {}

/******* VARIOUS CLASSES *******/
.clear,.clearer {clear:both;font-size:0;} 
.clearer {}
.hide {display:none;}
.highlight {color:#de2c56;}

/******* FORM STYLES *******/
form {margin:0px 0 15px 0;}
input, textarea {border:1px solid #cccccc;font-family:Arial, Helvetica, sans-serif;font-size:1em;margin:0;padding:4px;}
label {margin:1px;color:#01a49f;}
fieldset, contactform {padding:2em;background:#eee;border:none;}

ul#errors {color:#de2c56;padding:0 0 10px 30px;}
ul#errors li{list-style:disc;}

/******* TABLE STYLES *******/
table {margin:0 0 20px 0;padding:0;line-height:1.3em;border-collapse:collapse;border:1px solid #d8d8d8;}
caption {text-align:left;font-size:1.5em;font-weight:normal;margin:0;padding:6px 0 8px 0;color:#0033CC;}
th {padding:10px;text-align:center;background:#eaeaea;color:#505050;border:1px solid #d8d8d8;}
td {padding:10px;font-size:1em;text-align:left;background:#f4f4f4;color:#303030;border:1px solid #d8d8d8;}

/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/

.dtree {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 1em;color: #666;white-space: nowrap;margin:0 0 0 30px;}
.dtree img {border: 0px;vertical-align: middle;}
.dtree a {color: #333;text-decoration: none;}
.dtree a.node, .dtree a.nodeSel {white-space: nowrap;padding: 1px 2px 1px 2px;}
.dtree a.node:hover, .dtree a.nodeSel:hover {color: #333;text-decoration: underline;}
.dtree a.nodeSel {background-color: #c0d2ec;}
.dtree .clip {overflow: hidden;}

/*-----------PORTFOLIO-----------*/
p.portfolio{float:left; margin:0px 0px 0px 0px;padding:0px 32px 0 0;width:130px;}
p.portfolio a img{border:4px solid #eee; float: left; }
.gallery_section{clear:left;font:160% Arial, Helvetica, sans-serif;margin:20px 0 10px 0 ;color:#000;}

/*-----------LIGHTBOX2-----------*/
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%	}
#imageData{	padding:0 10px; color: #666;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left;}	
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}	
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;}
* html>body .clearfix { display:inline; width:100%; }

/*-----------TABBER-----------*/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {display:none;}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {}
.tabberlive {}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {margin:30px 0 0 0;padding:0px 0 0 0;border-bottom:5px solid #ccc;}

ul.tabbernav li {list-style:none;margin:0;display:inline;}

ul.tabbernav li a {font-size:14px;padding:7px 25px 4px 25px;border:1px solid #999;border-bottom:none;background:#eee;text-decoration:none;}

ul.tabbernav li a:link {color:#333;}
ul.tabbernav li a:visited {color:#333;}

ul.tabbernav li a:hover {color:#333;background:#efefef;border-color:#999;}
ul.tabbernav li.tabberactive a {background-color:#fff;color:#01a49f;}
ul.tabbernav li.tabberactive a:hover {color:#01a49f;background:white;border-color:#999;}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {padding:20px 0 0 0;border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {height:200px;overflow:auto;}

* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }