@import url("/styles/responsive.css");

body {
	padding:0;
	margin:0;
	color:#555;
	background-color:#fff;
	font-family:arial, helvetica, sans-serif;
	font-size:100%;
	background-image: url(/media/header.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
a {
	color:#00a2b2;
}
a:visited, a:hover {
	color:#8801b5;
}
#head {
	height:150px;
}
#flag {
	position:relative;
	top:-10px;
	left:10px;
	float:left;
	width:133px;
	overflow: hidden;
	padding:0;
	margin:0 20px 0 0;
}
#skype {
	text-align:right;
	margin: 0 15px 5px 0;
}
#facebook-hold {
	clear: both;
	height: 45px;
	margin: 0 0px 0px 33px;
	overflow: hidden;
	position: absolute;
	width: 26em;
	top: 165px;

}
#call {
	text-align:right;
	font-size:smaller;
	line-height:1.75em;
	margin-bottom:1em;
	border-top:solid 1px #d0ecf3;
}
#me {
	color:#00a3b4;
	border-style:solid;
	border-color:#d0ecf3;
	border-width: 0 0 1px 1px;
	padding:3px 10px 3px 10px;
}
#call #me .bold {
	font-weight:bold;
	letter-spacing: 1px;
	padding:1px 4px 1px 4px;
	margin: 0 5px 0 0;
	background-color:#00a3b4;
	color:#fff;
}
.jlink {
	color:#999;
	text-decoration:none;
	border-bottom:dotted 1px #999;
	cursor:pointer;
}
.caption {
	font-size:smaller;
	color:#666;
	font-family: verdana;
	font-weight:bold;
	letter-spacing:-.05em;
}
#flag img {
	border:0;
	margin-top:22px;
}
#nav-top {
	color:#fff;
	background-color:transparent;
	text-align:right;
	padding: 0;
	margin: 0 0 10px 0;
	border-top: solid 1px #000;
}
#nav-top ul {
	padding:0;
	margin:7px 1em 10px 0;
	float:right;
}
#responsive-nav-top ul {
	color: #fff;
	margin: 8px 0 10px 0;
	padding: 0;
		
}
#nav-top li, #responsive-nav-top li {
	padding:0;
	margin:0 0 0 1em;
	list-style-type:none;
	display:inline;
	background-color:#00a3b4;
}
#nav-top a:active, #nav-top a:link, #nav-top a:visited,
#responsive-nav-top a:active, #responsive-nav-top a:link, #responsive-nav-top a:visited {
	color:#fff;
	text-decoration:none;
}
#nav-top a:hover, #responsive-nav-top a:hover {
	color:#fff;
	background-color:#00a3b4;
	text-decoration:underline;
}
#nav-top-on {
	background-color:#00a3b4;
	text-decoration:underline;
}



#search-page {
	clear: both;
	margin: auto;
	overflow: hidden;
	width: 50%;
}
#search-page form {
	display: block;
	margin:auto;
}

#search {
	float:right;
	padding:2px 0 0 0 ;
	margin: 0;
}
#search fieldset, #search-mobile fieldset {
	padding: 5px 0 0 0 ;
}

input.search {
	width:20%;
	border:0;
}
input.submit {
	background-color:transparent;
	border:0;
	padding: 0 5px 0 0;
	color:#fff;
}
#query {
	display:inline;
	width:80%;
}
#search-submit {
	display:inline;
}
#nav-places {
	margin:50px 0 5px 0px;
}
#nav-places h1, #nav-discover h1 {
	padding:0;
	margin:.75em 0 0 0;
	color:#00a3b4;
	font-size:.9em;
	text-transform:uppercase;
	letter-spacing:.05em;
}
#nav-places ul, #nav-discover ul {
	padding:0;
	margin:0;
	font-size:.9em;
	white-space: nowrap;
}
#nav-places li, #nav-discover li {
	display:inline;
	padding-right:10px;
}
#nav-places a, #nav-discover a {
	color:#888;
	background-color:transparent;
	text-decoration:none;
}
#nav-places a:active, #nav-places a:link, #nav-discover a:active, #nav-discover a:link {
}
#nav-places a:visited, #nav-discover a:visited {
}
#nav-places a:hover, #nav-discover a:hover {
	text-decoration:underline;
}
#nav-places .nav-on, #nav-places .nav-on a, #nav-discover .nav-on, #nav-discover .nav-on a {
	font-weight:bold;
	color:#000;
}
#nav-left {
	/*width:230px;
	float:left;
	margin:0 0 0 6px;
	padding:0;*/
}
.container {
	max-width: 1000px;
	margin:auto;
}
div.container.about #content #body,
div.container.links #body,
div.container.reading #body,
.container.expedition-schedule #content{
	margin: 0 2% 0 2%;
	width: 96%;
}

#content {
	/*margin: 0 0 0 236px;*/
}
#content #body {
	float:left;
	margin:0 4% 0 2%;
	width: 64.15%;
}
#content #body img {
	max-width: 100%;
	height: auto;
}

#content #body h1.head {
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:12px;
	margin: 2em 0 1em 0
}
#content #sidebar {
	float:left;
	width:28%;
}
#nav-left h1 {
	font-size:1em;
	font-weight:normal;
	text-align:center;
	padding: 3px 0 2px 0;
	margin:.35em 0 .35em 0;
	color:#fff;
	background-color:#00a3b4;
}
#nav-left ul {
	padding:0;
	margin:0;
}
#nav-left li {
	list-style-type:none;
	padding:0 0 0 .5em;
	margin:1px 0 1px 0;
	/*text-indent:.5em;*/
}
#nav-left a {
	color:#666;
	background-color:transparent;
	text-decoration:none;
	display:block;
	padding: 3px 0 3px 0;
}
#nav-left a:hover {
	color:#000;
	background-color:#d0ecf3;
}
#nav-left #nav-left-on {
	display:block;
	padding: 3px 0 3px 0;
	color:#000;
	background-color:#d0ecf3;
}
#country-info {
	clear:both;
	margin: auto;
	/*overflow:hidden;*/
	width: 99%;
}
#country-info #name a {
	color:#00a3b4;
	text-decoration:none;
	display:block;
}
#country-info h1 {
	font-size:x-small;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1.5px;
	padding:0;
	margin:0;
}
#country-info #details,
#nav-left {
	/*width:230px;*/
	width: 23%;
	float:left;
	margin: 0 0 0 6px;
}
#country-info #name, #nav-left #name {
	color:#00a3b4;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	letter-spacing:3px;
	padding: 12px 0 12px 0;
	border:solid 1px #d0ecf3;
}
#nav-left #name a, #nav-left #name a:hover {
	color:#00a3b4;
	background-color:transparent;
	text-decoration:none;
	padding:0;
	display:inline-block;
}
#nav-left-currency {
	border: solid 1px #666;
	margin: 30px 0 0 0;
	padding: 2px;
	text-align:center;
}
#country-info #intro {
	height:315px;
	padding:  10px;
	margin: 12px 0 0 0;
	font-size:.8em;
	line-height:1.25em;
	background-color:#f3f3f3;
	border:solid 1px #dedede;
}
#country-info #intro p {
	padding:0;
	margin:0 0 1em 0;
}
#country-info #photo, #content #photo {
	padding:8px;
	border:solid 1px #d0ecf3;
	float:left;
	height: 315px;
	margin: 0 0 0 8px;
	
	max-width: 715px;
}
#country-info #photo img {
	height:315px;
	display:block;
	max-width: 100%;
}
a.jump {
	display:block;
	text-align:right;
}
#col-a {
	/*width:240px;*/
	width: 24%;
	margin:0 1% 0 0;
	float:left;
}
#col-b, #col-c {
	/*width:240px;*/
	width: 24%;
	margin-right: 1%;
	float:left;
}
#col-d, #col-e {
	/*width:240px;*/
	width: 24%;
	float:left;
}
#col-a h1,
#col-a h1 a,
#col-b h1,
#col-b h1 a,
#col-c h1,
#col-c h1 a,
#col-d h1,
#col-d h1 a,
#col-e h1,
#col-e h1 a,
#responsive-feature-lede h1,
#responsive-feature-lede h1 a {
	color:#00a3b4;
	font-size:.9em;
	padding:0;
	margin:13px 0 0 0;
	text-decoration:none;
	line-height:1.8em;
}
#col-a h1 a:hover, #col-b h1 a:hover, #col-c h1 a:hover, #col-d h1 a:hover, #col-e h1 a:hover, #sidebar #features h1 a:hover {
	text-decoration:underline;
}
#col-a a, #col-b a, #col-c a, #col-d a, #col-e a, #sidebar #features a {
	font-size:1.1em;
	color:#f26921;
	margin:0;
	padding:0;
}
#country-features {
	clear: both;
	margin: auto;
	overflow: hidden;
	width: 99%;
}
#country-features div.feature-image {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 185px;
	margin-bottom: 4px;
	max-width: 100%;
}
#country-features .abstract, #responsive-feature-lede .abstract {
	font-size:.75em;
	padding:.5em 0 0 0;
	margin:0;
}
#country-features .abstract p, #responsive-feature-lede .abstract p {
	margin: 0;
	padding:0;
}
#country-features #col-e {
	display: none;
}
#country-features #col-d.lede  {
	/*background-image:url(media/lede-arrow.gif);*/
	background-image:url(media/lede-arrow.png);
	background-repeat:no-repeat;
	background-position: 85% 0 ;
}
#responsive-feature-lede.lede {
	background-image:url(media/lede-arrow.gif);
	background-repeat:no-repeat;
	background-position: 80% 0 ;
	padding-top: 1px;	 
}
#responsive-feature-lede .lede-head {
	margin-top:12px;	
}
#country-features .lede-head, #responsive-feature-lede .lede-head  {
	color:#fff;
	background-color:#00a3b4;
	text-indent:5px;
}
#country-features #col-d .abstract {
	padding-left:.5em;
	line-height:1.5em;
}
#country-features img, #sidebar #features img {
	border:0;
}
#country-explore {
	font-size:smaller;
	padding-top: .5em
}
#country-explore .container {
	clear: both;
	overflow: hidden;
}

#country-explore-head {
	color:#fff;
	background-color:#00a3b4;
	padding:0;
	margin:1em 0 1em 0;
	height:auto;
}
#country-explore h1 {
	font-weight:normal;
	font-size:small;
	text-transform:uppercase;
	letter-spacing:4px;
	line-height:2.25em;
	padding:0;
	margin:0;
	text-indent:.5em
}
#country-explore a {
	font-size:1.1em;
}
#country-explore a:active, #country-explore a:link {
	color:#666;
	text-decoration:none;
}
#country-explore a:visited {
	color:#000;
	text-decoration:none;
}
#country-explore a:hover {
	text-decoration:underline;
}
#country-explore .trip-by-category {
	float:left;
	margin: .25em;	
	width:20%;
}
#country-explore .responsive-trip-by-activity-hold {
	clear: both;
	margin-top: 1em;
	overflow: hidden;
}

#country-explore .trip-by-category h4,
#country-explore .trip-by-activity h4,
#country-explore .responsive-trip-by-activity-hold h4 {
	text-indent: 1em;
	margin: 0;
}
#country-explore .trip-by-category ul,
#country-explore .trip-by-activity ul,
#country-explore .responsive-trip-by-activity-hold ul {
	float:left;
	padding:1em 0 0 2em;
	margin: 0 ;
}
#country-explore .trip-by-activity,
#country-explore .responsive-trip-by-activity-hold ul {
	float:left;
	margin: .25em;	
	width:75%;
}


.hp-explore {
	border:solid 1px #00000;
	width:45%;
	float:left;
	margin-right:20px;
}
/* CONTENT STYLES */
#content {
	overflow: hidden;
}
#content h1 {
	font-size:2.25em;
	font-weight:normal;
	color:#f7931d;
}
#content h1.page-title {
	font-size:.8em;
	font-weight:normal;
	text-transform:uppercase;
	padding: 15px 0 8px 0;
	margin: 0;
}
#content h2 {
	font-weight:normal;
	color:#00a3b4;
}
#content .sub {
	padding:0;
	margin:0;
}
#content h3 {
	font-size:1.15em;
	font-weight:normal;
	color:#5bc9e1;
}
#content h4 {
	font-size:1em;
}
#content #sidebar {
	font-size:.85em;
	margin-top:1em;
}
#content #sidebar #features h1 {
	padding:0;
	margin:0;
}
#content #sidebar h1 a {
	font-size:.5em;
	color:#00a3b4;
	text-decoration:none;
	font-weight:bold;
}
#sidebar .feature {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom: dotted 1px #cccccc;
}
#sidebar .feature img {
	border:0;
	margin:0;
	max-width:100%;
	padding:0;
}
#sidebar .feature a {
	font-size:1.4em;
	display:block;
	margin:5px 0 5px 0;
}
#sidebar .features .abstract p {
	margin:0;
	padding:0;
}


/* ACTIVITY STYLES */

.activity, .accommodation {
	font-size:.85em;
	padding:0 0 1em 0;
	margin: 0 0 1em 0;
	overflow: hidden;
	border-bottom: dotted 1px #ccc;
}
.activity .priceline, .accommodation .priceline {
	color:#555;
	background-color:#ececec;
	text-align:right;
	line-height:1.75em;
	margin-bottom:.5em;
	padding: 0 5px 0 0;
}
.activity .photo, .accommodation .photo {
	float: left;
	padding: 0 10px 0 0;
}
.activity .title a:active, .activity .title a:link, .accommodation .title a:active, .accommodation .title a:link {
	color:#00a2b2;
	font-size:1.3em;
	/*line-height:1.75em;*/
}
.activity .title a:visited, .accommodation .title a:visited {
	font-size:1.3em;
	line-height:1.75em;
}
.activity .title a:hover, .accommodation .title a:hover {
/* color:#590176; */

}
.activity p, .accommodation p {
	padding:0;
	margin:0 0 0 140px;
}
.activity .link, .accommodation .link {
	text-align:right;
}
.activity-title, .accommodation-title {
	color:#666;
	font-size:1.75em;
	font-weight:normal;
	padding:0;
	margin:0;
}
.activity_photo img {
	width: 100%;
	height: auto;
}
.activity_notes {
	margin-bottom:1em;
}
.activity-nav {
	margin: 0 0 1em 0;
}
.activity-nav a {
	color:#999;
	text-decoration:none;
	border-bottom:dotted 1px #999;
}
.activity-nav a:hover {
	color:#666;
	text-decoration:none;
	border-bottom:dotted 1px #666;
}
.priceline {
	padding: .5em 0 0 0;
	color:#666;
	line-height:1.5em;
}
.register a {
	color:#666;
	width:10em;
	padding: .15em;
	margin: 0 0 0 0;
	text-align:center;
	border:solid 1px #666;
	float:right;
}
.register a:hover {
	color:#fff;
	background-color:#000;
}
.enquiry {
	padding:.5em;
	background-color:#ececec;
}

/* ACCOMMODATION */

.rank {
	font-size:.8em;
	color:#666;
	text-align:right;
	text-transform:uppercase;
}
.accommodation-detail .title h2 {
	padding:0;
	margin:0;
}
.accommodation-detail .dateline h3 {
	padding:0;
	margin:0;
}
/* CONTACT PAGE */
#contact-form h4 {
	padding:0;
	margin:1em 0 0 0;
	width:428px;
	background-color:#ddd;
	color:#000;
	font-weight:normal;
	line-height:1.75em;
	text-indent:.25em;
}
#contact-form input, #contact-form textarea {
	width:425px;
}
.errors {
	padding:.5em;
	border:solid 1px red;
}
.error {
	color:red;
	font-weight:bold;
}
/* DIVE NAV */

#dive-region, #dive-options {
	/*width:225px;*/
	clear:both;
	overflow: hidden;
}

#dive-region h1, #dive-options h1 {
	font-size:1.2em;
	font-weight:bold;
}
#dive-region ul, #dive-options ul {
	padding:0;
	margin:0 0 0 2.25em;
}
#dive-region li, #dive-options li {
	padding:0;
	margin:0;
	color:#00a3b4;
}
#dive-region a, #dive-options a {
	text-decoration:none;
	color:#00a3b4;
}
#dive-region a:hover, #dive-options a:hover {
	text-decoration:underline;
	color:#00a3b4;
}
.dive-spot .name h4 {
	font-size:1.5em;
	letter-spacing:1px;
	margin:1em 0 .15em 0;
	padding:0;
	color:#00a3b4;
}
.dive-spot h4 {
	color:#999;
}
.dive-spot .show-hide {
	position:relative;
	top:-1.3em;
	font-size:smaller;
	font-weight:normal;
	float:right;
	cursor:pointer;
}
.short-desc p, .long-desc p:first-child {
	padding:0;
	margin:0;
}
/* FORM STYLES */

#form h4 {
	margin: 1.3em 0 0 0;
	/*font-weight:normal;
	background-color:#ececec;*/
	padding:.25em 0 .25em .25em;
}
.rule {
	height:1px;
	border-bottom:solid 1px #999;
	clear:both;
	padding: 0;
	margin: 0;
}
/* xfade styles */
#imageContainer {
	position:relative;
	/*width:730px;*/
	height:315px;
	overflow: hidden;
}
#imageContainer img {
	display:none;
	position:absolute;
	top:0;
	left:0;
	height: auto;
	max-width: 100%;
}

#ic-hold {
	border: solid 1px #d0ecf3;
	height: 373px;
	margin:0 0 0 24.4%;
	padding:1%;
	width:73%;
	text-align:center
}
ul.bxslider {
	margin: 0;
	padding: 0;
}
ul.bxslider li {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 375px;
	list-style-type: none;
}
/* points of discovery */

.pullquote {
	font-size:130%;
	line-height:1.65em;
	color:#999;
	padding:1em 0 1em 0;
	margin: 1em 0 1em 0;
	border-style:dashed;
	border-color:#999;
	border-width: 1px 0 1px 0;
}
/* FOOTER STYLES */
#footer {
	border-top: solid 1px #00a3b4;
	margin:3em 0 3em 0;
	clear:both;
}
/*#footer .col-a, #footer .col-b, #footer .col-c, #footer .col-d {*/
#footer .col-a, #footer .col-b, #footer .col-c {
	position:relative;
	top:-22px;
	/*width:240px;*/
	width: 46%;
	margin-right: 1%;
	float:left;
}
#footer .col-c {
	margin-right: 0;
}

#footer h1 {
	font-size:.8em;
	color:#00a3b4;
}
#footer .details {
	font-size:.6em;
}
#footer-links {
	clear:both;
	text-align:center;
	margin-bottom: 2em;
}
.atol {
	border:0;
	display: block;
	float:right;
	margin: 0 10px 25px 0 ;
	text-align: center;
}

/* amazon iframe */
iframe {
	float:left;
	margin: 0 1em 1em 0;
}




/*
* tables
*/

h4.itinerary-header {
	background-color: #555;
	color: #fff;
	font-weight: normal;
	margin-bottom: 0;
	padding: .35em;
	text-align: center;
}
table.itinerary,
table.dive-calendar,
table.expedition-calendar {
	font-size: smaller;
	padding: 3px;
    border-collapse: collapse;
	width: 100%;
}
table.itinerary th,
table.dive-calendar thead,
table.dive-calendar thead {
	background-color: #ececec;
	padding: .5em;
	text-align: center;
}
table.itinerary tr {}
table.itinerary tr:nth-of-type(odd) { 
  background: #ececec; 
}
table.itinerary tr.subhead {
	background-color:#999;
	color:#fff;
	text-align: center;
}
table.itinerary td {
	padding: .45em;
}
table.dive-calendar td,
table.expedition-calendar td {
	padding: .25em ;
}
table.itinerary a, table.itinerary a:visited {
	color: #999;
}