/*
Author: TemplateAccess.com (DT/TS)
*/
@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#3d3d3d url(../images/body_bg.gif) top center repeat-x;}
html { padding:0; margin:0;}

.main { margin:0 auto; width:940px; padding:0 30px; border:1px solid #f3f3f3;  background:#f3f3f3 url(../images/main_bg.gif) top center repeat-x;}
/********** header **********/
.header {  padding:0; margin:0 auto; width:980px;}

.youtube { float: right; margin-top: 2px; }

#BannerFade {
	margin: 0 auto;
	float: none;
    width: 100%;
    height: auto;
}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position: absolute; font-size: 15px; color: #fff; text-decoration: none; background-color: #2c97ae;-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;}
ul.bjqs-controls.v-centered li a:hover{ color: #fff; font-weight: bold; background-color: #5DD1E3;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:30px; bottom: 15px !important; padding: 7px 16px 7px 19px; font-weight: bold; font-size: 32px; }
ul.bjqs-controls.v-centered li.bjqs-prev a{right:100px; bottom: 15px !important; padding: 7px 19px 7px 16px; font-weight: bold; font-size: 32px;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center; display: none;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

.more {
	font: normal 12px Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 1.8em;
    padding: 10px 0;
    margin: 0;
}

.MarineAdventureImages {
	text-align: center;
}

.MarineAdventureImages img {
	border: 3px solid #49BFD8;
}

.testimonial-background {
    background-image: url(../images/testimonials.png);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: 30px 20px;
    background-color: #eee;
    border: 1px solid #aaa;
	float: left;
	width: 45%;
    margin: 9px;
    padding: 13px;
}

.testimonials-padding {
	
}

/* logo */
.logo {padding:0; margin:0; width: 280px; float:left;}
/* rss */
.rss { text-align:right; width:215px; margin:0; padding:10px 10px 10px 0; float:left; font: normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; line-height:1.8em;}
.rss_img { float:left; margin:0; padding:20px 0 0 0;}
.rss_img img { margin:5px; padding:0;}
/*menu*/
.menu { padding:0; margin:0; float:right; width: 640px;}
.menu ul { text-align: left;  padding:15px 0 0 0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:13px 5px; border:0; }
.menu ul li a { float:left; margin:0; padding:13px 0 13px 0; color:#3d3d3d; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a span { padding:13px 10px; background:none; }
.menu ul li a:hover { color:#fff; background: url(../images/r_menu.gif) no-repeat right; }
.menu ul li a:hover span {color:#fff; background:url(../images/l_menu.gif) no-repeat left; }
.menu ul li a.active { color:#fff;  background:url(../images/r_menu.gif) no-repeat right; }
.menu ul li a.active span { color:#fff; background:url(../images/l_menu.gif) no-repeat left; }
/* search */
.search { padding:15px 0 0 0; margin:0; width:230px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(../images/search_bg.gif) left top no-repeat; width:171px; padding:0; height:32px;}
.search form .keywords { width:179px; line-height:14px;  float:left; background:none; border:0; padding:8px 2px 0 10px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#d7d7d7;}
.search form .button { float:left; margin:0; padding:0;}
/* FBG */
.FBG {  padding:0; margin:0;}
.FBG_resize { width:940px; margin:0 auto; padding:0;}
.FBG_resize img { float:left; margin:0; padding:0;}
.FBG_resize a { color:#fff; text-decoration:none; }
.FBG_resize h2 { font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#bdbdbd; padding:10px 0; margin:0;}
.FBG_resize p {font: normal 11px Arial, Helvetica, sans-serif; color:#919191; padding:5px 0; margin:0; line-height:1.8em;}
.FBG_resize ul { padding:0; margin:0; list-style:none;}
.FBG_resize li { padding:5px 0; margin:0;  border-bottom:1px solid #404040; }
.FBG_resize li a { font: normal 12px Arial, Helvetica, sans-serif; color:#919191; padding:5px 0 5px 15px; background: url(../images/ul_li.gif) left no-repeat; margin:0;text-decoration:none;}
.FBG_resize li a:hover {
	color:#fff;
	text-decoration:none;
	font-weight: bold;
}
.FBG_resize .blog { width:220px; float:left; margin:0; padding:20px 20px 20px 0;}
.FBG_resize .blog.last { padding:20px 0;}
/* body */
.body_resize { width:940px; margin:0 auto; padding:20px 0 0 0;}
.body { padding:0; margin:0 auto;}
.body h1 { font: normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2c97ae; padding:10px 0; margin:0 0 10px 0; border-bottom:1px solid #c7c7c7;}
.body h2 { font: normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#515151; padding:10px 0; margin:0 0 10px 0; border-bottom:1px solid #c7c7c7;}
.body h2 span { font: normal 12px Arial, Helvetica, sans-serif; color:#b1b1b1; padding:0; margin:0;}
.body h3 { color:#4f4f4f; font: bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px solid #dbdbdb; padding:15px 0 15px 20px; margin:0; }
.body .menu2 { width:170px; float:right; padding:0; margin:0;}
.body .menu2 a { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5d5d5d; text-decoration:none; padding:0 3px;}
.body .menu2 a:hover { color:#fff; background:#363636;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#000000; line-height:1.8em; padding:10px 0; margin:0;}
.body li { font:normal 12px Arial, Helvetica, sans-serif; color:#000000; padding:5px 0; margin:0; color: #000;}
.body p span { font-size:18px; font-weight:bold; color:#888;}
.body a { color:#d0ad20; text-decoration:none;}
.body img { margin:5px auto; padding:0;}
.body img.portt { margin:0; padding:0 0 14px 0; background: url(../images/img_bg.gif) bottom center no-repeat;}
.body img.floated { float:left; margin:10px 20px 10px 0;}
.right { width:310px; margin:0; padding:10px 0; float:right;}
.left {
	width:593px;
	margin:0;
	padding:10px 0;
	float:left;
	font-size: 14px;
	text-align: justify;
}
.port { width:225px; margin:10px 0; padding:0 13px 0 0; float:left;}
.last { padding:0;}
.watch { margin:2px;float:left; }
/********** contact form **********/
#contactform { margin:0; padding:5px 0; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:400px; display:block; padding:10px 0; color:#5c5c5c; font: normal 11px Arial, Helvetica, sans-serif;  float:left; }
#contactform label span { color:#d66423; font-weight:bold; }
#contactform input.text { width:450px; border:1px solid #d4d4d4; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left; }
#contactform textarea { width:450px; border:1px solid #d4d4d4; margin:2px 0; padding:2px; background:#fff; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
/*************footer**********/
.footer {padding:0; margin:0 auto;}
.footer_resize { width:1000px; margin:0 auto; padding:0; border-top:1px solid #4f4f4f;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#000000;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }
.footer p.right { text-align:right; width:350px; margin:0; padding:20px 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:20px 0; float:left;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; padding:5px 0; margin:0; border-bottom:1px solid #ededed;}
/* Slider */
#slider { padding:30px 0 0 0; margin:0 auto; border-top:1px solid #ccc; }
.slide_blog_resize { background:#414141 url(../images/fbg_bg.gif) top repeat-x; border-bottom:1px solid #484848; padding:5px 20px 10px 20px; margin:0;}
.slide_blog {
	width:285px;
	float:left;
	padding:5px 10px 5px 5px;
	text-align: justify;
}
.slide_blog img { float:left; margin:0; padding:10px 10px 30px 0;}
.slide_blog h3 { font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; padding:10px 0; margin:0; border:0;}
.slide_blog_resize  h4 { font: normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fafafa; padding:20px 0 20px 20px; margin:0;}
.slide_blog p { font: normal 11px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0; line-height:1.8em;}
img.pic {
	background: #fafafa;
   border: 1px solid #dcdcdc;
	padding: 5px;
}
.main .body .body_resize .left p strong {
	font-size: 16px;
}

.contactpic { margin-bottom: 15px;margin-top:15px;}
.contactpic img { margin-right: 15px; }

.videos iframe { width:150px;float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 173px; }

.LeftDivHome {
	float: left;
    width: 23%;
    box-sizing: border-box;
    text-align: center;
}

.CenterDivHome {
	float: left;
    width: 54%;
    text-align: justify;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.RightDivHome {
	float: right;
    width: 23%;
    box-sizing: border-box;
    text-align: center;
}

.left_div { float:left;width:45%;padding-right:10px;box-sizing:border-box; }
.right_div { float:right;width:45%;padding-top:10px;box-sizing:border-box; }
.clear { clear:both; }


/*----- Accordion -----*/
.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	border-radius:3px;
	background:#f7f7f7;
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	padding:15px;
	display:inline-block;
	border-bottom:1px solid #333;
	background:#444444;
	transition:all linear 0.15s;
	/* Type */
	font-size: 14px;
	text-shadow:0px 1px 0px #333;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}

.accordion-section-title.active, .accordion-section-title:hover {
	background:#3D3D3D;
	/* Type */
	text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

/*----- Section Content -----*/
.accordion-section-content {
	padding:15px;
	display:none;
}


/* Preload images */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.page-centre-images {
    float: right;
    width: 50%;
}

.image-home-page {
    float: left;
    width: 50%;
    text-align: center;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.GalleryLeft {
	float: left;
	width: 50%;
}

.GalleryRight {
	float: left;
	width: 50%;
}

.GalleryLeft p{
	text-align: center;
    padding: 0px 0px 15px 0px;
	font-weight: bold;
}

.GalleryRight  p{
	text-align: center;
    padding: 0px 0px 15px 0px;
	font-weight: bold;
}

/** HIDE MOBILE ELEMENTS **/

.mobile-header-image {
	display: none;
}

.mobile-menu {
	display: none;	
}

.mobile-menu-toggle {
	display:none;	
}

.mobile-head-image {
	display:none;	
}

.side-nav {
	display:none;	
}


@media only screen and (max-width : 1000px) {
	
	.GalleryLeft {
	text-align:center;
	width: 100%;
}

.GalleryRight {
	text-align:center;
	width: 100%;
}

.videos iframe { float: none; margin: auto; margin-top: 15px; width: 95%!important; }
	
.header {
    width: 100% !important;
}
	
.main {
    margin: 0 auto;
    width: 99%;
	padding: 0px;
	margin-top: 50px;
}

.LeftDivHome {
    width: 100%;
  
}

.CenterDivHome {
	 width: 100%;
}

.RightDivHome {
	 width: 100%;
}

.logo {
    float: none;
	width: 100%;
	text-align: center;
}

.logo img{
	width: 50%;
	height: auto;
}

#BannerFade img{
    width: 100% !important;
    height: auto !important;
}

ul.bjqs-controls.v-centered li a:hover{ display: none;}
ul.bjqs-controls.v-centered li.bjqs-next a{display: none;}
ul.bjqs-controls.v-centered li.bjqs-prev a{display: none;}


.menu {
	display: none;
}

.body {
	padding: 15px;
}

.body_resize {
    width: 100%;
}

.left_div {
    float: none;
    width: 90%;
    padding-right: 10px;
    box-sizing: border-box;
}

.page-centre-images {
    float: none;
    width: 90%;
}

.footer_resize {
    width: 90%;
}

.footer p.leftt {
    width: 100%;
    float: none;
}

.footer p.right {
    text-align: left;
    width: 100%;
    float: left;
}


.left {
    width: 90%;
    float: none;
}

.right {
    width: 100%;
    float: none;
}

.right {
    width: 100%;
    float: none;
}

.right img {
    width: 150px !important;
	height: auto !important;
}

img.pic {
    width: 60%;
    height: auto;
}

.testimonial-background {
    float: none;
    width: 90%;
    padding: 13px;
	margin-left: 0px;
}

/** MOBILE MENU CSS **/

.mobile-menu {
	background-image: none;
	background-color: #2c97ae;
	height: 56px;
	width:100%;
	color: #fff;
	box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
	-moz-box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
	-webkit-box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
	position: fixed;
	top:0px;
	left: 0px;
	z-index: 500;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
}

.side-nav {
	position: fixed;
	width: 100%;
	top: -200px;
	left:0px;
	transition: all 0.5s ease;
	background-color: #fff;
	z-index: 400;
	display:block;
	background-color: #5DD1E3;
}

ul.navList {
	width: 100%;
	padding:0px;
	margin:0px;
}

ul.navList li {
	border-bottom: 1px dashed #fff;
	list-style-type: none;
	font-family: arial;
	padding: 6px;
}

ul.navList li:last-child {
	border-bottom: 0px;
}

ul.navList li a {
	color: #fff;
}

.mobile-menu-toggle {
	display: block;
	font-size: 22px;
	float: right;
	cursor: pointer;
	padding: 13px 15px;
	z-index:500;
}

.side-nav .mobile-menu-toggle {
	float:none;
	text-align:center;
	font-size:16px;
	background-color: #E0F2F1;
	position:absolute;
	width:170px;
	bottom:0px;
}

.toggle-nav {
	top: 56px;	
}

/** END MOBILE MENU **/

	
}

@media only screen and (max-width : 550px) {
	
.MarineAdventureImages img {
	width: 40%;
	height: inherit;
}
	
.image-home-page {
    float: none;
    width: 100%;
    text-align: center;
}

.logo img{
	width: 90%;
	height: auto;
}
	
}