/*
Theme Name: sundiver
Theme URI: http://www.uwDesigner.com
Description: A custom WordPress theme, built from the ground up.
Author: Jennifer Idol
Version: 1.00
*/

/* Desktops and laptops ----------- */
@media only screen 
and (min-width:1161px) {
/* Styles */

* {vertical-align:baseline; font-weight:inherit; font-family:inherit; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0;}


h1, h2, h3 {font-weight:bold;}

h1 {font-size:2em;}

h2 {font-size:1.5em; font-weight:200;}

h3, h4 {font-size:1em;}

#outerwraper {margin:0 auto; width:90%; padding:10px; background:#fff;}

header h1 {font-size:2.5em;}

nav.mainMenu ul li {display:inline; list-style:none;}

div.fb-like-box, .facebookFeed {float:left; text-align:left; display:block;}
div.cff-wrapper {float:left; width:50%; margin-left:11%;}
.h2padding {margin-left:13%;}

div#contentWrap {margin-left:auto; padding-bottom:75px; margin-right:auto; width:90%; max-width:1200px; background:url(images/bottomContainer.png) no-repeat bottom center; background-size:100%; display:block; position:relative; clear:both; overflow:auto;}
div#content {width:100%; background-color:#fff; max-width:1200px; margin:0 auto;}
#padContent {padding:1em;}


#content article, .widget-area aside {margin-bottom:20px;}

div.entry {margin:10px 0;}

.widget-area {width:300px; background:#e3e3e3;}

input#s {width:150px;}

form.cntctfrm_contact_form {width:80%; margin-left:22%;}
form.cntctfrm_contact_form div input, form.cntctfrm_contact_form div textarea {border:1px solid rgb(0,130,160); padding:.5em; width:100% !important;}
input[type=submit] {border:none; background:rgb(0,130,160); padding:.5em; color:#fff; width:50%; float:left; display:block;}
label {font-size:.9em; margin:1em 0 .25em 0; display:block; width:100%;}

/* original Sundiver */
/* CSS Document */

* {vertical-align:baseline; font-weight:inherit; font-family:"museo-sans", verdana, sans-serif; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0;}
html, body {height:100%; position:relative;}
body {background:rgba(160,204,217,1.00);}

a {outline:none; text-decoration:none; color:rgb(0,133,160);}
a:hover {text-decoration:underline;}
a:hover img {text-decoration:none;}

h4, .bold, strong {font-weight:700;}
h5 {font-weight:200; font-size:1.15em; margin:1em 0 0 0; padding:0;}
em, .italic {font-style:italic;}

p {margin:0 0 .75em 0; line-height:1.5em; font-size:.95em;}

/* header */
header {width:100%;}
#newsBar {background-color:rgba(0,27,38,1.00); display:block; width:100%; height:4em;}
#newsBar div, #newsBar div a {color:rgba(160,204,217,1.00); font-size:1.25em; line-height:2.5em; font-weight:300; width:100%; text-align:center;}

#logo {width:300px; height:auto; position:absolute; bottom:10px; left:5%;}

#contactHeader {width:100%; float:left; clear:both; display:block; background-color:#fff; height:100px; position:relative;}

#contactInfo {width:420px; position:absolute; bottom:10px; right:0;}
#containLines {float:left; color:rgba(0,133,160,1.00); width:48%;}

.button {background-color:rgb(0,133,160); display:block; float:left; color:#fff; font-size:1.25em; height:2em; line-height:2em; text-align:center; width:8em;}
.button:hover {background-color:rgb(0,27,38); text-decoration:none;}

#topLine {float:left; clear:both; width:100%; margin:0 0 .5em 0; height:1em;}
#bottomLine {float:left; clear:both; width:100%; height:1.2em;}
#topLine img, #bottomLine img {float:left;}
#topLine p, #bottomLine p {float:right; width:80%; line-height:1em; padding-left:1em;}

#photoBar {width:100%; max-width:2400px; float:left; display:block; clear:both;}
#containImages {width:100%; margin-left:auto; margin-right:auto; position:relative; display:block;}
#photoBar img {width:33.333%; float:left; height:auto; display:block; margin:0; padding:0;}

nav.mainMenu {display:block; width:100%; height:3em; float:left; clear:both; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}

body.page-id-14 nav.mainMenu li.boats a, body.page-id-39 nav.mainMenu li.travel a, body.page-id-57 nav.mainMenu li.about a, body.page-id-86 nav.mainMenu li.contact a {font-weight:400; color:rgb(160,204,217);}
body.page-id-5 nav.mainMenu li.home a {display:none;}
/* NAV MENU */

nav.mainMenu div {position:relative; margin-left:auto; margin-right:auto; width:90%; max-width:1200px;}

nav.mainMenu a {display:none;}

body.page-id-5 nav.mainMenu div li {position:relative; list-style:none; float:left; display:block; width:20%;}
nav.mainMenu div li {position:relative; list-style:none; float:left; display:block; width:16.5%;}
nav.mainMenu div li a {color:#fff; display:block; text-decoration:none;}
nav.mainMenu div li a:active {color:rgb(160,204,217); !important;}

nav.mainMenu div span:after {width:0; height:0; content:''; vertical-align:middle; display:inline-block; position:relative; right:-0.313em; /* 5 */}

/* first level */
nav.mainMenu div > ul {height:3.75em; list-style:none;}
nav.mainMenu div > ul > li {height:100%; float:left;}
nav.mainMenu div > ul > li > a {height:100%; font-size:1.5em; line-height:2em; font-weight:400; text-align:center; text-decoration:none;}
nav.mainMenu div > ul > li:not( :last-child ) > a {}
nav.mainMenu div > ul > li:hover > a, nav.mainMenu div > ul:not( :hover ) > li.active > a {color:rgb(160,204,217);}


/* second level */
nav.mainMenu div li ul {background-color:#2B4C78; display:none; position:absolute; margin-top:0; margin-left:-16px; width:250px; top:100%;}
nav.mainMenu div li:hover ul {display:block; left:0; right:0;}
nav.mainMenu div li:not( :first-child ):hover ul {left:-1px;}
nav.mainMenu div li ul a {font-size:1.9em; padding:.5em .75em .5em 0; width:250px; float:left; clear:both; display:block;}
nav.mainMenu div li ul li a:hover, nav.mainMenu div li ul:not( :hover ) li.active a {color:#94BDDF;}


/* //// NAV MENU */
/* //// header */


/* content */
.clearfix:after, #content:after {content:" "; display:block; clear:both;}



#topPage {display:block; clear:both; width:90%; position:relative; margin-left:auto; margin-right:auto; padding:3em 0;}
#topPage img {float:left; margin-right:2em; max-width:130px; margin-top:0;}
#headerText {float:left; display:block; width:80%;}
#headerTextCenter {float:left; display:block; text-align:center; width:100%;}

#headerText h1, #headerTextCenter h1 {font-size:2.25em; font-weight:500; line-height:1.75em; margin:0;}
#headerText h2, #headerTextCenter h2, h4.highlight {color:rgb(0,133,160); font-size:1.35em; font-weight:100; line-height:1.5em; margin:0 0 2em 0;}


#firstSet {border-bottom:1px solid rgb(160,204,217); width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}

.centerTwoColumn {margin-left:auto; margin-right:auto; width:90%; display:block;}
.containColumns {width:100%; position:relative; display:block; clear:both;}

.float2column {width:45%; float:left; margin-right:2%; margin-left:2%}
.float2column:last-child {margin-right:0;}

.leftImageColumn {width:15%; float:left; margin-left:17%; margin-right:1em; min-width:140px;}
.leftImageColumn img {width:135px;}
.rightCopyColumn {float:left; width:60%;}
.containColumnsMargin {width:100%; position:relative; display:block; clear:both; padding-top:2em;}
.fourColumn {width:25%; float:left; position:relative;}
.fourColumn img {position:relative; margin-left:auto; margin-right:auto; width:50%; text-align:center; display:block;}
.fourColumn p, .fourColumn h3, .fourColumn h4 {width:90%;}
div.note {text-align:center; display:block; width:100%; margin-left:auto; margin-right:auto; position:relative; padding-top:2em;}
div.note p {font-size:.8em; padding:.5em 5em 0 5em;}
div.note h3, div.note a {padding:0 2em;}
div.note h3, div.note a {font-weight:100; font-size:1.4em;}

#copyLeft {float:left; width:35%; margin-right:1em; display:block;}

#firstSet div#pictureFrame {width:55%; float:right; padding:.75em; margin-right:1em; position:relative; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}


#secondSet {border-bottom:1px solid rgb(160,204,217); width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}
#secondSet img {float:left; display:block; position:relative; margin-right:1em; width:25%;}
#floatLeft {float:left; display:block; width:70%;}
p#quote {font-size:1.4em; font-weight:300;}
span.quotedBy {display:block; float:left; color:rgb(0,133,160); font-weight:100; width:100%; clear:both; text-align:right; margin:0 0 2em 0;}
#threeColumn {width:100%; float:left; clear:both;}
.columnFloat {width:31%; float:left; margin-right:1em;}
.columnFloat:last-child {margin-right:0;}



#thirdSet {width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}
#twoColumnFloat {float:left; display:block; width:35%;}

#thirdSet div#pictureFrame {width:60%; float:left; padding:.75em; margin-right:1em; position:relative; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}

#pictureFrame img {position:relative; float:left; width:100%; display:block; height:auto;}
#caption {width:100%; float:left; display:block; clear:both; background:rgb(198,223,231);}
p.name {text-align:right;}
p.copyrightPhoto {color:#fff; font-size:.8em; position:absolute; top:35px; right:20px; z-index:5000;}

div.halfEmPadding {padding:.5em;}

/* //// content */


/* footer */
div footer {float:left; clear:both; width:100%; height:auto; min-height:100px; margin:2em 0 0 0;}


div footer #containLines {float:left; color:rgba(0,133,160,1.00) !important; width:20%; margin-left:5%;}
div footer #topLine {float:left; clear:both; width:100%; margin:0 0 .25em 0; height:1em;}
div footer #bottomLine {float:left; clear:both; width:100%; height:1em;}
div footer #topLine img, footer #bottomLine img {float:left;}
div footer #topLine p, footer #bottomLine p {float:right; width:85%; line-height:1em;}

div.footerLinks {width:40%; display:block; float:left; margin:-.5em 0 0 0;}
div.footerLinks h4 {font-size:1.2em; display:block; width:100%; font-weight:200; margin-top:0;}
div.footerLinks a {display:block; float:left; margin:0 2em 0 0; line-height:2em;}

#floatRightFooter {float:right; width:300px; text-align:right; margin-right:5%;}
#footerLogo {width:150px; height:auto;}
div footer #floatRightFooter p {color:rgb(1,65,79);}
/* //// footer */
}

/* Print screen ----------- */
@media print {
/* Styles */
* {vertical-align:baseline; font-weight:inherit; font-family:inherit; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0;}


h1, h2, h3 {font-weight:bold;}

h1 {font-size:2em;}

h2 {font-size:1.5em; font-weight:200;}

h3, h4 {font-size:1em;}

#outerwraper {margin:0 auto; width:90%; padding:10px; background:#fff;}

header h1 {font-size:2.5em;}

nav.mainMenu ul li {display:inline; list-style:none;}

div.fb-like-box, .facebookFeed {float:left; text-align:left; display:block;}
div.cff-wrapper {float:left; width:50%; margin-left:11%;}
.h2padding {margin-left:13%;}

div#contentWrap {margin-left:auto; padding-bottom:75px; margin-right:auto; width:90%; max-width:1200px; background:url(images/bottomContainer.png) no-repeat bottom center; background-size:100%; display:block; position:relative; clear:both; overflow:auto;}
div#content {width:100%; background-color:#fff; max-width:1200px; margin:0 auto;}
#padContent {padding:1em;}


#content article, .widget-area aside {margin-bottom:20px;}

div.entry {margin:10px 0;}

.widget-area {width:300px; background:#e3e3e3;}

input#s {width:150px;}

form.cntctfrm_contact_form {width:80%; margin-left:22%;}
form.cntctfrm_contact_form div input, form.cntctfrm_contact_form div textarea {border:1px solid rgb(0,130,160); padding:.5em; width:100% !important;}
input[type=submit] {border:none; background:rgb(0,130,160); padding:.5em; color:#fff; width:50%; float:left; display:block;}
label {font-size:.9em; margin:1em 0 .25em 0; display:block; width:100%;}

/* original Sundiver */
/* CSS Document */

* {vertical-align:baseline; font-weight:inherit; font-family:"museo-sans", verdana, sans-serif; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0;}
html, body {height:100%; position:relative;}
body {background:rgba(160,204,217,1.00);}

a {outline:none; text-decoration:none; color:rgb(0,133,160);}
a:hover {text-decoration:underline;}
a:hover img {text-decoration:none;}

h4, .bold, strong {font-weight:700;}
h5 {font-weight:200; font-size:1.15em; margin:1em 0 0 0; padding:0;}
em, .italic {font-style:italic;}

p {margin:0 0 .75em 0; line-height:1.5em; font-size:.95em;}

/* header */
header {width:100%;}
#newsBar {background-color:rgba(0,27,38,1.00); display:block; width:100%; height:4em;}
#newsBar div, #newsBar div a {color:rgba(160,204,217,1.00); font-size:1.25em; line-height:2.5em; font-weight:300; width:100%; text-align:center;}

#logo {width:300px; height:auto; position:absolute; bottom:10px; left:5%;}

#contactHeader {width:100%; float:left; clear:both; display:block; background-color:#fff; height:100px; position:relative;}

#contactInfo {width:420px; position:absolute; bottom:10px; right:0;}
#containLines {float:left; color:rgba(0,133,160,1.00); width:48%;}

.button {background-color:rgb(0,133,160); display:block; float:left; color:#fff; font-size:1.25em; height:2em; line-height:2em; text-align:center; width:8em;}
.button:hover {background-color:rgb(0,27,38); text-decoration:none;}

#topLine {float:left; clear:both; width:100%; margin:0 0 .5em 0; height:1em;}
#bottomLine {float:left; clear:both; width:100%; height:1.2em;}
#topLine img, #bottomLine img {float:left;}
#topLine p, #bottomLine p {float:right; width:80%; line-height:1em; padding-left:1em;}

#photoBar {width:100%; max-width:2400px; float:left; display:block; clear:both;}
#containImages {width:100%; margin-left:auto; margin-right:auto; position:relative; display:block;}
#photoBar img {width:33.333%; float:left; height:auto; display:block; margin:0; padding:0;}

nav.mainMenu {display:block; width:100%; height:3em; float:left; clear:both; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}


body.page-id-14 nav.mainMenu li.boats a, body.page-id-39 nav.mainMenu li.travel a, body.page-id-57 nav.mainMenu li.about a, body.page-id-86 nav.mainMenu li.contact a {font-weight:400; color:rgb(160,204,217);}
body.page-id-5 nav.mainMenu li.home a {display:none;}

/* NAV MENU */


nav.mainMenu div {position:relative; margin-left:auto; margin-right:auto; width:90%; max-width:1200px;}

nav.mainMenu a {display:none;}

body.page-id-5 nav.mainMenu div li {position:relative; list-style:none; float:left; display:block; width:20%;}
nav.mainMenu div li {position:relative; list-style:none; float:left; display:block; width:16.5%;}
nav.mainMenu div li a {color:#fff; display:block; text-decoration:none;}
nav.mainMenu div li a:active {color:rgb(160,204,217); !important;}

nav.mainMenu div span:after {width:0; height:0; content:''; vertical-align:middle; display:inline-block; position:relative; right:-0.313em; /* 5 */}

/* first level */
nav.mainMenu div > ul {height:3.75em; list-style:none;}
nav.mainMenu div > ul > li {height:100%; float:left;}
nav.mainMenu div > ul > li > a {height:100%; font-size:1.5em; line-height:2em; font-weight:400; text-align:center; text-decoration:none;}
nav.mainMenu div > ul > li:not( :last-child ) > a {}
nav.mainMenu div > ul > li:hover > a, nav.mainMenu div > ul:not( :hover ) > li.active > a {color:rgb(160,204,217);}


/* second level */
nav.mainMenu div li ul {background-color:#2B4C78; display:none; position:absolute; margin-top:0; margin-left:-16px; width:250px; top:100%;}
nav.mainMenu div li:hover ul {display:block; left:0; right:0;}
nav.mainMenu div li:not( :first-child ):hover ul {left:-1px;}
nav.mainMenu div li ul a {font-size:1.9em; padding:.5em .75em .5em 0; width:250px; float:left; clear:both; display:block;}
nav.mainMenu div li ul li a:hover, nav.mainMenu div li ul:not( :hover ) li.active a {color:#94BDDF;}


/* //// header */


/* content */
.clearfix:after, #content:after {content:" "; display:block; clear:both;}



#topPage {display:block; clear:both; width:90%; position:relative; margin-left:auto; margin-right:auto; padding:3em 0;}
#topPage img {float:left; margin-right:2em; max-width:130px; margin-top:0;}
#headerText {float:left; display:block; width:80%;}
#headerTextCenter {float:left; display:block; text-align:center; width:100%;}

#headerText h1, #headerTextCenter h1 {font-size:2.25em; font-weight:500; line-height:1.75em; margin:0;}
#headerText h2, #headerTextCenter h2, h4.highlight {color:rgb(0,133,160); font-size:1.35em; font-weight:100; line-height:1.5em; margin:0 0 2em 0;}


#firstSet {border-bottom:1px solid rgb(160,204,217); width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}

.centerTwoColumn {margin-left:auto; margin-right:auto; width:90%; display:block;}
.containColumns {width:100%; position:relative; display:block; clear:both;}

.float2column {width:45%; float:left; margin-right:2%; margin-left:2%}
.float2column:last-child {margin-right:0;}

.leftImageColumn {width:15%; float:left; margin-left:17%; margin-right:1em; min-width:140px;}
.leftImageColumn img {width:135px;}
.rightCopyColumn {float:left; width:60%;}
.containColumnsMargin {width:100%; position:relative; display:block; clear:both; padding-top:2em;}
.fourColumn {width:25%; float:left; position:relative;}
.fourColumn img {position:relative; margin-left:auto; margin-right:auto; width:50%; text-align:center; display:block;}
.fourColumn p, .fourColumn h3, .fourColumn h4 {width:90%;}
div.note {text-align:center; display:block; width:100%; margin-left:auto; margin-right:auto; position:relative; padding-top:2em;}
div.note p {font-size:.8em; padding:.5em 5em 0 5em;}
div.note h3, div.note a {padding:0 2em;}
div.note h3, div.note a {font-weight:100; font-size:1.4em;}

#copyLeft {float:left; width:35%; margin-right:1em; display:block;}

#firstSet div#pictureFrame {width:55%; float:right; padding:.75em; margin-right:1em; position:relative; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}


#secondSet {border-bottom:1px solid rgb(160,204,217); width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}
#secondSet img {float:left; display:block; position:relative; margin-right:1em; width:25%;}
#floatLeft {float:left; display:block; width:70%;}
p#quote {font-size:1.4em; font-weight:300;}
span.quotedBy {display:block; float:left; color:rgb(0,133,160); font-weight:100; width:100%; clear:both; text-align:right; margin:0 0 2em 0;}
#threeColumn {width:100%; float:left; clear:both;}
.columnFloat {width:31%; float:left; margin-right:1em;}
.columnFloat:last-child {margin-right:0;}



#thirdSet {width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}
#twoColumnFloat {float:left; display:block; width:35%;}

#thirdSet div#pictureFrame {width:60%; float:left; padding:.75em; margin-right:1em; position:relative; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}

#pictureFrame img {position:relative; float:left; width:100%; display:block; height:auto;}
#caption {width:100%; float:left; display:block; clear:both; background:rgb(198,223,231);}
p.name {text-align:right;}
p.copyrightPhoto {color:#fff; font-size:.8em; position:absolute; top:35px; right:20px; z-index:5000;}

div.halfEmPadding {padding:.5em;}

/* //// content */


/* footer */
div footer {float:left; clear:both; width:100%; height:auto; min-height:100px; margin:2em 0 0 0;}


div footer #containLines {float:left; color:rgba(0,133,160,1.00) !important; width:20%; margin-left:5%;}
div footer #topLine {float:left; clear:both; width:100%; margin:0 0 .25em 0; height:1em;}
div footer #bottomLine {float:left; clear:both; width:100%; height:1em;}
div footer #topLine img, footer #bottomLine img {float:left;}
div footer #topLine p, footer #bottomLine p {float:right; width:85%; line-height:1em;}

div.footerLinks {width:40%; display:block; float:left; margin:-.5em 0 0 0;}
div.footerLinks h4 {font-size:1.2em; display:block; width:100%; font-weight:200; margin-top:0;}
div.footerLinks a {display:block; float:left; margin:0 2em 0 0; line-height:2em;}

#floatRightFooter {float:right; width:300px; text-align:right; margin-right:5%;}
#footerLogo {width:150px; height:auto;}
div footer #floatRightFooter p {color:rgb(1,65,79);}
/* //// footer */
}






/* Desktops and laptops ----------- */
@media only screen 
and (min-width:1025px)
and (max-width:1160px)  {
/* Styles */
* {vertical-align:baseline; font-weight:inherit; font-family:inherit; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0;}


h1, h2, h3 {font-weight:bold;}

h1 {font-size:2em;}

h2 {font-size:1.5em; font-weight:200;}

h3, h4 {font-size:1em;}

#outerwraper {margin:0 auto; width:90%; padding:10px; background:#fff;}

header h1 {font-size:2.1em;}

nav.mainMenu ul li {display:inline; list-style:none;}

div.fb-like-box, .facebookFeed {float:left; text-align:left; display:block;}
div.cff-wrapper {float:left; width:50%; margin-left:11%;}
.h2padding {margin-left:13%;}

div#contentWrap {margin-left:auto; padding-bottom:75px; margin-right:auto; width:90%; max-width:1200px; background:url(images/bottomContainer.png) no-repeat bottom center; background-size:100%; display:block; position:relative; clear:both; overflow:auto;}
div#content {width:100%; background-color:#fff; max-width:1200px; margin:0 auto;}
#padContent {padding:1em;}


#content article, .widget-area aside {margin-bottom:20px;}

div.entry {margin:10px 0;}

.widget-area {width:300px; background:#e3e3e3;}

input#s {width:150px;}

form.cntctfrm_contact_form {width:80%; margin-left:22%;}
form.cntctfrm_contact_form div input, form.cntctfrm_contact_form div textarea {border:1px solid rgb(0,130,160); padding:.5em; width:100% !important;}
input[type=submit] {border:none; background:rgb(0,130,160); padding:.5em; color:#fff; width:50%; float:left; display:block;}
label {font-size:.9em; margin:1em 0 .25em 0; display:block; width:100%;}

/* original Sundiver */
/* CSS Document */

* {vertical-align:baseline; font-weight:inherit; font-family:"museo-sans", verdana, sans-serif; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0;}
html, body {height:100%; position:relative;}
body {background:rgba(160,204,217,1.00);}

a {outline:none; text-decoration:none; color:rgb(0,133,160);}
a:hover {text-decoration:underline;}
a:hover img {text-decoration:none;}

h4, .bold, strong {font-weight:700;}
h5 {font-weight:200; font-size:1.15em; margin:1em 0 0 0; padding:0;}
em, .italic {font-style:italic;}

p {margin:0 0 .75em 0; line-height:1.5em; font-size:.95em;}

/* header */
header {width:100%;}
#newsBar {background-color:rgba(0,27,38,1.00); display:block; width:100%; height:4em;}
#newsBar div, #newsBar div a {color:rgba(160,204,217,1.00); font-size:1.25em; line-height:2.5em; font-weight:300; width:100%; text-align:center;}

#logo {width:300px; height:auto; position:absolute; bottom:10px; left:5%;}

#contactHeader {width:100%; float:left; clear:both; display:block; background-color:#fff; height:100px; position:relative;}

#contactInfo {width:420px; position:absolute; bottom:10px; right:0;}
#containLines {float:left; color:rgba(0,133,160,1.00); width:48%;}

.button {background-color:rgb(0,133,160); display:block; float:left; color:#fff; font-size:1.25em; height:2em; line-height:2em; text-align:center; width:8em;}
.button:hover {background-color:rgb(0,27,38); text-decoration:none;}

#topLine {float:left; clear:both; width:100%; margin:0 0 .5em 0; height:1em;}
#bottomLine {float:left; clear:both; width:100%; height:1.2em;}
#topLine img, #bottomLine img {float:left;}
#topLine p, #bottomLine p {float:right; width:80%; line-height:1em; padding-left:1em;}

#photoBar {width:100%; max-width:2400px; float:left; display:block; clear:both;}
#containImages {width:100%; margin-left:auto; margin-right:auto; position:relative; display:block;}
#photoBar img {width:33.333%; float:left; height:auto; display:block; margin:0; padding:0;}

nav.mainMenu {display:block; width:100%; height:3em; float:left; clear:both; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}


body.page-id-14 nav.mainMenu li.boats a, body.page-id-39 nav.mainMenu li.travel a, body.page-id-57 nav.mainMenu li.about a, body.page-id-86 nav.mainMenu li.contact a {font-weight:400; color:rgb(160,204,217);}
body.page-id-5 nav.mainMenu li.home a {display:none;}

/* NAV MENU */

nav.mainMenu div {position:relative; margin-left:auto; margin-right:auto; width:90%; max-width:1200px;}

nav.mainMenu a {display:none;}

body.page-id-5 nav.mainMenu div li {position:relative; list-style:none; float:left; display:block; width:20%;}
nav.mainMenu div li {position:relative; list-style:none; float:left; display:block; width:16.5%;}
nav.mainMenu div li a {color:#fff; display:block; text-decoration:none;}
nav.mainMenu div li a:active {color:rgb(160,204,217); !important;}

nav.mainMenu div span:after {width:0; height:0; content:''; vertical-align:middle; display:inline-block; position:relative; right:-0.313em; /* 5 */}

/* first level */
nav.mainMenu div > ul {height:3.75em; list-style:none;}
nav.mainMenu div > ul > li {height:100%; float:left;}
nav.mainMenu div > ul > li > a {height:100%; font-size:1.4em; line-height:2em; font-weight:400; text-align:center; text-decoration:none;}
nav.mainMenu div > ul > li:not( :last-child ) > a {}
nav.mainMenu div > ul > li:hover > a, nav.mainMenu div > ul:not( :hover ) > li.active > a {color:rgb(160,204,217);}


/* second level */
nav.mainMenu div li ul {background-color:#2B4C78; display:none; position:absolute; margin-top:0; margin-left:-16px; width:250px; top:100%;}
nav.mainMenu div li:hover ul {display:block; left:0; right:0;}
nav.mainMenu div li:not( :first-child ):hover ul {left:-1px;}
nav.mainMenu div li ul a {font-size:1.9em; padding:.5em .75em .5em 0; width:250px; float:left; clear:both; display:block;}
nav.mainMenu div li ul li a:hover, nav.mainMenu div li ul:not( :hover ) li.active a {color:#94BDDF;}


/* //// header */


/* content */
.clearfix:after, #content:after {content:" "; display:block; clear:both;}



#topPage {display:block; clear:both; width:95%; position:relative; margin-left:auto; margin-right:auto; padding:3em 0;}
#topPage img {float:left; margin-right:2em; max-width:130px; margin-top:.5em;}
#headerText {float:left; display:block; width:80%; margin:0;}
#headerTextCenter {float:left; display:block; text-align:center; width:100%;}

#headerText h1, #headerTextCenter h1 {font-size:1.9em; font-weight:500; line-height:1.75em; margin:0;}
#headerText h2, #headerTextCenter h2, h4.highlight {color:rgb(0,133,160); font-size:1.35em; font-weight:100; line-height:1.5em; margin:0 0 2em 0;}


#firstSet {border-bottom:1px solid rgb(160,204,217); width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}

.centerTwoColumn {margin-left:auto; margin-right:auto; width:95%; display:block;}
.containColumns {width:100%; position:relative; display:block; clear:both; margin:0 auto;}

.float2column {width:45%; float:left; margin-right:2%; margin-left:2%}
.float2column:last-child {margin-right:0;}

.leftImageColumn {width:15%; float:left; margin-left:17%; margin-right:1em; min-width:140px;}
.leftImageColumn img {width:135px;}
.rightCopyColumn {float:left; width:60%;}
.containColumnsMargin {width:100%; position:relative; display:block; clear:both; padding-top:2em;}
.fourColumn {width:25%; float:left; position:relative;}
.fourColumn img {position:relative; margin-left:auto; margin-right:auto; width:50%; text-align:center; display:block;}
.fourColumn p, .fourColumn h3, .fourColumn h4 {width:90%;}
div.note {text-align:center; display:block; width:100%; margin-left:auto; margin-right:auto; position:relative; padding-top:2em;}
div.note p {font-size:.8em; padding:.5em 5em 0 5em;}
div.note h3, div.note a {padding:0 2em;}
div.note h3, div.note a {font-weight:100; font-size:1.4em;}

#copyLeft {float:left; width:35%; margin-right:1em; display:block;}

#firstSet div#pictureFrame {width:55%; float:right; padding:.75em; margin-right:1em; position:relative; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}


#secondSet {border-bottom:1px solid rgb(160,204,217); width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}
#secondSet img {float:left; display:block; position:relative; margin-right:1em; width:25%;}
#floatLeft {float:left; display:block; width:70%;}
p#quote {font-size:1.4em; font-weight:300;}
span.quotedBy {display:block; float:left; color:rgb(0,133,160); font-weight:100; width:100%; clear:both; text-align:right; margin:0 0 2em 0;}
#threeColumn {width:100%; float:left; clear:both;}
.columnFloat {width:31%; float:left; margin-right:1em;}
.columnFloat:last-child {margin-right:0;}



#thirdSet {width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}
#twoColumnFloat {float:left; display:block; width:35%;}

#thirdSet div#pictureFrame {width:60%; float:left; padding:.75em; margin-right:1em; position:relative; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}

#pictureFrame img {position:relative; float:left; width:100%; display:block; height:auto;}
#caption {width:100%; float:left; display:block; clear:both; background:rgb(198,223,231);}
p.name {text-align:right;}
p.copyrightPhoto {color:#fff; font-size:.8em; position:absolute; top:35px; right:20px; z-index:5000;}

div.halfEmPadding {padding:.5em;}

/* //// content */


/* footer */
div footer {float:left; clear:both; width:100%; height:auto; min-height:100px; margin:2em 0 0 0;}


div footer #containLines {float:left; color:rgba(0,133,160,1.00) !important; width:18%; margin-left:5%;}
div footer #topLine {float:left; clear:both; width:100%; margin:0 0 .25em 0; height:1em;}
div footer #bottomLine {float:left; clear:both; width:100%; height:1em;}
div footer #topLine img, footer #bottomLine img {float:left;}
div footer #topLine p, footer #bottomLine p {float:right; width:80%; line-height:1em; font-size:.9em;}

div.footerLinks {width:45%; display:block; float:left; margin:-.5em 0 0 0;}
div.footerLinks h4 {font-size:1.2em; display:block; width:100%; font-weight:200; margin-top:0;}
div.footerLinks a {display:block; float:left; margin:0 2em 0 0; line-height:2em; font-size:.9em;}

#floatRightFooter {float:right; width:270px; text-align:right; margin-right:5%;}
#footerLogo {width:150px; height:auto;}
div footer #floatRightFooter p {color:rgb(1,65,79); font-size:.9em;}
/* //// footer */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width:481px) 
and (max-width:1024px) 
and (orientation:landscape)
{
/* Styles */
* {vertical-align:baseline; font-weight:inherit; font-family:inherit; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0;}


h1, h2, h3 {font-weight:bold;}

h1 {font-size:2em;}

h2 {font-size:1.5em; font-weight:200;}

h3, h4 {font-size:1em;}

#outerwraper {margin:0 auto; width:90%; padding:10px; background:#fff;}

header h1 {font-size:2.1em;}

nav.mainMenu ul li {display:inline; list-style:none;}

div.fb-like-box, .facebookFeed {float:left; text-align:left; display:block;}
div.cff-wrapper {float:left; width:50%; margin-left:11%;}
.h2padding {margin-left:13%;}

div#contentWrap {margin-left:auto; padding-bottom:75px; margin-right:auto; width:95%; max-width:1200px; background:url(images/bottomContainer.png) no-repeat bottom center; background-size:100%; display:block; position:relative; clear:both; overflow:auto;}
div#content {width:100%; background-color:#fff; max-width:1200px; margin:0 auto;}
#padContent {padding:1em;}


#content article, .widget-area aside {margin-bottom:20px;}

div.entry {margin:10px 0;}

.widget-area {width:300px; background:#e3e3e3;}

input#s {width:150px;}

form.cntctfrm_contact_form {width:80%; margin-left:22%;}
form.cntctfrm_contact_form div input, form.cntctfrm_contact_form div textarea {border:1px solid rgb(0,130,160); padding:.5em; width:100% !important;}
input[type=submit] {border:none; background:rgb(0,130,160); padding:.5em; color:#fff; width:50%; float:left; display:block;}
label {font-size:.9em; margin:1em 0 .25em 0; display:block; width:100%;}

/* original Sundiver */
/* CSS Document */

* {vertical-align:baseline; font-weight:inherit; font-family:"museo-sans", verdana, sans-serif; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0;}
html, body {height:100%; position:relative;}
body {background:rgba(160,204,217,1.00);}

a {outline:none; text-decoration:none; color:rgb(0,133,160);}
a:hover {text-decoration:underline;}
a:hover img {text-decoration:none;}

h4, .bold, strong {font-weight:700;}
h5 {font-weight:200; font-size:1.15em; margin:1em 0 0 0; padding:0;}
em, .italic {font-style:italic;}

p {margin:0 0 .75em 0; line-height:1.5em; font-size:.95em;}

/* header */
header {width:100%;}
#newsBar {background-color:rgba(0,27,38,1.00); display:block; width:100%; height:4em;}
#newsBar div, #newsBar div a {color:rgba(160,204,217,1.00); font-size:1.25em; line-height:2.5em; font-weight:300; width:100%; text-align:center;}

#logo {width:300px; height:auto; position:absolute; bottom:10px; left:5%;}

#contactHeader {width:100%; float:left; clear:both; display:block; background-color:#fff; height:100px; position:relative;}

#contactInfo {width:420px; position:absolute; bottom:10px; right:0;}
#containLines {float:left; color:rgba(0,133,160,1.00); width:48%;}

.button {background-color:rgb(0,133,160); display:block; float:left; color:#fff; font-size:1.25em; height:2em; line-height:2em; text-align:center; width:8em;}
.button:hover {background-color:rgb(0,27,38); text-decoration:none;}

#topLine {float:left; clear:both; width:100%; margin:0 0 .5em 0; height:1em;}
#bottomLine {float:left; clear:both; width:100%; height:1.2em;}
#topLine img, #bottomLine img {float:left;}
#topLine p, #bottomLine p {float:right; width:80%; line-height:1em; padding-left:1em;}

#photoBar {width:100%; max-width:2400px; float:left; display:block; clear:both;}
#containImages {width:100%; margin-left:auto; margin-right:auto; position:relative; display:block;}
#photoBar img {width:33.333%; float:left; height:auto; display:block; margin:0; padding:0;}

nav.mainMenu {display:block; width:100%; height:3em; float:left; clear:both; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}

body.page-id-14 nav.mainMenu li.boats a, body.page-id-39 nav.mainMenu li.travel a, body.page-id-57 nav.mainMenu li.about a, body.page-id-86 nav.mainMenu li.contact a {font-weight:400; color:rgb(160,204,217);}
body.page-id-5 nav.mainMenu li.home a {display:none;}

/* NAV MENU */

nav.mainMenu div {position:relative; margin-left:auto; margin-right:auto; width:90%; max-width:1200px;}

nav.mainMenu a {display:none;}

body.page-id-5 nav.mainMenu div li {position:relative; list-style:none; float:left; display:block; width:20%;}
nav.mainMenu div li {position:relative; list-style:none; float:left; display:block; width:16.5%;}
nav.mainMenu div li a {color:#fff; display:block; text-decoration:none;}
nav.mainMenu div li a:active {color:rgb(160,204,217); !important;}

nav.mainMenu div span:after {width:0; height:0; content:''; vertical-align:middle; display:inline-block; position:relative; right:-0.313em; /* 5 */}

/* first level */
nav.mainMenu div > ul {height:3.75em; list-style:none;}
nav.mainMenu div > ul > li {height:100%; float:left;}
nav.mainMenu div > ul > li > a {height:100%; font-size:1.4em; line-height:2em; font-weight:400; text-align:center; text-decoration:none;}
nav.mainMenu div > ul > li:not( :last-child ) > a {}
nav.mainMenu div > ul > li:hover > a, nav.mainMenu div > ul:not( :hover ) > li.active > a {color:rgb(160,204,217);}


/* second level */
nav.mainMenu div li ul {background-color:#2B4C78; display:none; position:absolute; margin-top:0; margin-left:-16px; width:250px; top:100%;}
nav.mainMenu div li:hover ul {display:block; left:0; right:0;}
nav.mainMenu div li:not( :first-child ):hover ul {left:-1px;}
nav.mainMenu div li ul a {font-size:1.9em; padding:.5em .75em .5em 0; width:250px; float:left; clear:both; display:block;}
nav.mainMenu div li ul li a:hover, nav.mainMenu div li ul:not( :hover ) li.active a {color:#94BDDF;}


/* //// header */


/* content */
.clearfix:after, #content:after {content:" "; display:block; clear:both;}



#topPage {display:block; clear:both; width:95%; position:relative; margin-left:auto; margin-right:auto; padding:3em 0;}
#topPage img {float:left; margin-right:2em; max-width:130px; margin-top:.5em;}
#headerText {float:left; display:block; width:80%; margin:0;}
#headerTextCenter {float:left; display:block; text-align:center; width:100%;}

#headerText h1, #headerTextCenter h1 {font-size:1.9em; font-weight:500; line-height:1.75em; margin:0;}
#headerText h2, #headerTextCenter h2, h4.highlight {color:rgb(0,133,160); font-size:1.35em; font-weight:100; line-height:1.5em; margin:0 0 2em 0;}


#firstSet {border-bottom:1px solid rgb(160,204,217); width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}

.centerTwoColumn {margin-left:auto; margin-right:auto; width:95%; display:block;}
.containColumns {width:100%; position:relative; display:block; clear:both;}

.float2column {width:45%; float:left; margin-right:2%; margin-left:2%}
.float2column:last-child {margin-right:0;}

.leftImageColumn {width:15%; float:left; margin-left:17%; margin-right:1em; min-width:140px;}
.leftImageColumn img {width:135px;}
.rightCopyColumn {float:left; width:60%;}
.containColumnsMargin {width:100%; position:relative; display:block; clear:both; padding-top:2em;}
.fourColumn {width:25%; float:left; position:relative;}
.fourColumn img {position:relative; margin-left:auto; margin-right:auto; width:50%; text-align:center; display:block;}
.fourColumn p, .fourColumn h3, .fourColumn h4 {width:90%;}
div.note {text-align:center; display:block; width:100%; margin-left:auto; margin-right:auto; position:relative; padding-top:2em;}
div.note p {font-size:.8em; padding:.5em 5em 0 5em;}
div.note h3, div.note a {padding:0 2em;}
div.note h3, div.note a {font-weight:100; font-size:1.4em;}

#copyLeft {float:left; width:35%; margin-right:1em; display:block;}

#firstSet div#pictureFrame {width:55%; float:right; padding:.75em; margin-right:1em; position:relative; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}


#secondSet {border-bottom:1px solid rgb(160,204,217); width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}
#secondSet img {float:left; display:block; position:relative; margin-right:1em; width:25%;}
#floatLeft {float:left; display:block; width:70%;}
p#quote {font-size:1.4em; font-weight:300;}
span.quotedBy {display:block; float:left; color:rgb(0,133,160); font-weight:100; width:100%; clear:both; text-align:right; margin:0 0 2em 0;}
#threeColumn {width:100%; float:left; clear:both;}
.columnFloat {width:31%; float:left; margin-right:1em;}
.columnFloat:last-child {margin-right:0;}



#thirdSet {width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}
#twoColumnFloat {float:left; display:block; width:35%;}

#thirdSet div#pictureFrame {width:60%; float:left; padding:.75em; margin-right:1em; position:relative; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}

#pictureFrame img {position:relative; float:left; width:100%; display:block; height:auto;}
#caption {width:100%; float:left; display:block; clear:both; background:rgb(198,223,231);}
p.name {text-align:right;}
p.copyrightPhoto {color:#fff; font-size:.8em; position:absolute; top:35px; right:20px; z-index:5000;}

div.halfEmPadding {padding:.5em;}

/* //// content */


/* footer */
div footer {float:left; clear:both; width:100%; height:auto; min-height:100px; margin:2em 0 0 0;}


div footer #containLines {float:left; color:rgba(0,133,160,1.00) !important; width:16%; margin-left:3%;}
div footer #topLine {float:left; clear:both; width:100%; margin:0 0 .25em 0; height:1em;}
div footer #bottomLine {float:left; clear:both; width:100%; height:1em;}
div footer #topLine img, footer #bottomLine img {float:left;}
div footer #topLine p, footer #bottomLine p {float:right; width:75%; line-height:1em; font-size:.9em;}

div.footerLinks {width:45%; display:block; float:left; margin:-.5em 0 0 0;}
div.footerLinks h4 {font-size:1.2em; display:block; width:100%; font-weight:200; margin-top:0;}
div.footerLinks a {display:block; float:left; margin:0 2em 0 0; line-height:2em; font-size:.9em;}

#floatRightFooter {float:right; width:270px; text-align:right; margin:-.5em 3% 0 0;}
#footerLogo {width:150px; height:auto;}
div footer #floatRightFooter p {color:rgb(1,65,79); font-size:.9em;}
/* //// footer */
}


/* iPads (portrait) ----------- */
@media only screen 
and (min-width:481px) 
and (max-width:1024px)
and (orientation:portrait) 
{
* {vertical-align:baseline; font-weight:inherit; font-family:inherit; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0;}


h1, h2, h3 {font-weight:bold;}

h1 {font-size:2em;}

h2 {font-size:1.5em; font-weight:200;}

h3, h4 {font-size:1em;}

#outerwraper {margin:0 auto; width:90%; padding:10px; background:#fff;}

header h1 {font-size:2.1em;}

nav.mainMenu ul li {display:inline; list-style:none;}

div.fb-like-box, .facebookFeed {float:left; text-align:left; display:block;}
div.cff-wrapper {float:left; width:50%; margin-left:11%;}
.h2padding {margin-left:13%;}

div#contentWrap {margin-left:auto; padding-bottom:75px; margin-right:auto; width:95%; max-width:1200px; background:url(images/bottomContainer.png) no-repeat bottom center; background-size:100%; display:block; position:relative; clear:both; overflow:auto;}
div#content {width:100%; background-color:#fff; max-width:1200px; margin:0 auto;}
#padContent {padding:1em;}


#content article, .widget-area aside {margin-bottom:20px;}

div.entry {margin:10px 0;}

.widget-area {width:300px; background:#e3e3e3;}

input#s {width:150px;}

form.cntctfrm_contact_form {width:80%; margin-left:10%; margin-top:-1em;}
form.cntctfrm_contact_form div input, form.cntctfrm_contact_form div textarea {border:1px solid rgb(0,130,160); padding:.5em; width:100% !important;}
input[type=submit] {border:none; background:rgb(0,130,160); padding:.5em; color:#fff; width:50%; float:left; display:block;}
label {font-size:.9em; margin:1em 0 .25em 0; display:block; width:100%;}

/* original Sundiver */
/* CSS Document */

* {vertical-align:baseline; font-weight:inherit; font-family:"museo-sans", verdana, sans-serif; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0;}
html, body {height:100%; position:relative;}
body {background:rgba(160,204,217,1.00);}

a {outline:none; text-decoration:none; color:rgb(0,133,160);}
a:hover {text-decoration:underline;}
a:hover img {text-decoration:none;}

h4, .bold, strong {font-weight:700;}
h5 {font-weight:200; font-size:1.15em; margin:1em 0 0 0; padding:0;}
em, .italic {font-style:italic;}

p {margin:0 0 .75em 0; line-height:1.5em; font-size:.95em;}

/* header */
header {width:100%;}
#newsBar {background-color:rgba(0,27,38,1.00); display:block; width:100%; height:4em;}
#newsBar div, #newsBar div a {color:rgba(160,204,217,1.00); font-size:1.25em; line-height:2.5em; font-weight:300; width:100%; text-align:center;}

#logo {width:300px; height:auto; position:absolute; bottom:10px; left:5%;}

#contactHeader {width:100%; float:left; clear:both; display:block; background-color:#fff; height:100px; position:relative;}

#contactInfo {width:380px; position:absolute; bottom:10px; right:0;}
#containLines {float:left; color:rgba(0,133,160,1.00); width:51%;}

.button {background-color:rgb(0,133,160); display:block; float:left; color:#fff; font-size:1.25em; height:2em; line-height:2em; text-align:center; width:8em;}
.button:hover {background-color:rgb(0,27,38); text-decoration:none;}

#topLine {float:left; clear:both; width:100%; margin:0 0 .5em 0; height:1em;}
#bottomLine {float:left; clear:both; width:100%; height:1.2em;}
#topLine img, #bottomLine img {float:left;}
#topLine p, #bottomLine p {float:right; width:80%; line-height:1em; padding-left:1em;}

#photoBar {width:100%; max-width:2400px; float:left; display:block; clear:both;}
#containImages {width:100%; margin-left:auto; margin-right:auto; position:relative; display:block;}
#photoBar img {width:33.333%; float:left; height:auto; display:block; margin:0; padding:0;}

nav.mainMenu {display:block; width:100%; height:3em; float:left; clear:both; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}

body.page-id-14 nav.mainMenu li.boats a, body.page-id-39 nav.mainMenu li.travel a, body.page-id-57 nav.mainMenu li.about a, body.page-id-86 nav.mainMenu li.contact a {font-weight:400; color:rgb(160,204,217);}
body.page-id-5 nav.mainMenu li.home a {display:none;}

/* NAV MENU */

nav.mainMenu div {position:relative; margin-left:auto; margin-right:auto; width:100%; max-width:1200px;}

nav.mainMenu a {display:none;}

body.page-id-5 nav.mainMenu div li {position:relative; list-style:none; float:left; display:block; width:20%;}
nav.mainMenu div li {position:relative; list-style:none; float:left; display:block; width:16.5%;}
nav.mainMenu div li a {color:#fff; display:block; text-decoration:none;}
nav.mainMenu div li a:active {color:rgb(160,204,217); !important;}

nav.mainMenu div span:after {width:0; height:0; content:''; vertical-align:middle; display:inline-block; position:relative; right:-0.313em; /* 5 */}

/* first level */
nav.mainMenu div > ul {height:3.75em; list-style:none;}
nav.mainMenu div > ul > li {height:100%; float:left;}
nav.mainMenu div > ul > li > a {height:100%; font-size:1.2em; line-height:2.2em; font-weight:400; text-align:center; text-decoration:none;}
nav.mainMenu div > ul > li:not( :last-child ) > a {}
nav.mainMenu div > ul > li:hover > a, nav.mainMenu div > ul:not( :hover ) > li.active > a {color:rgb(160,204,217);}


/* second level */
nav.mainMenu div li ul {background-color:#2B4C78; display:none; position:absolute; margin-top:0; margin-left:-16px; width:250px; top:100%;}
nav.mainMenu div li:hover ul {display:block; left:0; right:0;}
nav.mainMenu div li:not( :first-child ):hover ul {left:-1px;}
nav.mainMenu div li ul a {font-size:1.9em; padding:.5em .75em .5em 0; width:250px; float:left; clear:both; display:block;}
nav.mainMenu div li ul li a:hover, nav.mainMenu div li ul:not( :hover ) li.active a {color:#94BDDF;}


/* //// header */


/* content */
.clearfix:after, #content:after {content:" "; display:block; clear:both;}



#topPage {display:block; clear:both; width:98%; position:relative; margin-left:auto; margin-right:auto; padding:3em 0;}
#topPage img {float:left; margin-right:1em; max-width:130px; margin-top:.5em;}
#headerText {float:left; display:block; width:78%; margin:0;}
#headerTextCenter {float:left; display:block; text-align:center; width:100%;}

#headerText h1, #headerTextCenter h1 {font-size:1.9em; font-weight:500; line-height:1.75em; margin:0;}
#headerText h2, #headerTextCenter h2, h4.highlight {color:rgb(0,133,160); font-size:1.35em; font-weight:100; line-height:1.5em; margin:0 0 2em 0;}


#firstSet {border-bottom:1px solid rgb(160,204,217); width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}

.centerTwoColumn {margin-left:auto; margin-right:auto; width:95%; display:block;}
.containColumns {width:100%; position:relative; display:block; clear:both;}

.float2column {width:45%; float:left; margin-right:2%; margin-left:2%}
.float2column:last-child {margin-right:0;}

.leftImageColumn {width:15%; float:left; margin-left:10%; margin-right:1em; min-width:140px;}
.leftImageColumn img {width:135px;}
.rightCopyColumn {float:left; width:60%;}
.containColumnsMargin {width:100%; position:relative; display:block; clear:both; padding-top:2em;}
.fourColumn {width:25%; float:left; position:relative;}
.fourColumn img {position:relative; margin-left:auto; margin-right:auto; width:50%; text-align:center; display:block;}
.fourColumn p, .fourColumn h3, .fourColumn h4 {width:90%;}
div.note {text-align:center; display:block; width:100%; margin-left:auto; margin-right:auto; position:relative; padding-top:2em;}
div.note p {font-size:.8em; padding:.5em 5em 0 5em;}
div.note h3, div.note a {padding:0 2em;}
div.note h3, div.note a {font-weight:100; font-size:1.4em;}

#copyLeft {float:left; width:35%; margin-right:1em; display:block;}

#firstSet div#pictureFrame {width:55%; float:right; padding:.75em; margin-right:1em; position:relative; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}


#secondSet {border-bottom:1px solid rgb(160,204,217); width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}
#secondSet img {float:left; display:block; position:relative; margin-right:1em; width:25%;}
#floatLeft {float:left; display:block; width:70%;}
p#quote {font-size:1.4em; font-weight:300;}
span.quotedBy {display:block; float:left; color:rgb(0,133,160); font-weight:100; width:100%; clear:both; text-align:right; margin:0 0 2em 0;}
#threeColumn {width:100%; float:left; clear:both;}
.columnFloat {width:31%; float:left; margin-right:1em;}
.columnFloat:last-child {margin-right:0;}



#thirdSet {width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}
#twoColumnFloat {float:left; display:block; width:35%;}

#thirdSet div#pictureFrame {width:60%; float:left; padding:.75em; margin-right:.5em; position:relative; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}

#pictureFrame img {position:relative; float:left; width:100%; display:block; height:auto;}
#caption {width:100%; float:left; display:block; clear:both; background:rgb(198,223,231);}
p.name {text-align:right;}
p.copyrightPhoto {color:#fff; font-size:.8em; position:absolute; top:35px; right:20px; z-index:5000;}

div.halfEmPadding {padding:.5em;}

/* //// content */


/* footer */
div footer {float:left; clear:both; width:100%; height:auto; min-height:100px; margin:2em 0 0 0;}


div footer #containLines {float:left; color:rgba(0,133,160,1.00) !important; width:97%; margin-left:3%;}
div footer #topLine {float:left; clear:both; width:100%; margin:0 0 .25em 0; height:1em;}
div footer #bottomLine {float:left; clear:both; width:100%; height:1em;}
div footer #topLine img, footer #bottomLine img {float:left;}
div footer #topLine p, footer #bottomLine p {float:left; width:90%; line-height:1em; font-size:.9em;}

div.footerLinks {width:75%; display:block; float:left; margin:1em 0 0 3%;}
div.footerLinks h4 {font-size:1.2em; display:block; width:100%; font-weight:200; margin-top:0;}
div.footerLinks a {display:block; float:left; margin:0 2em 0 0; line-height:2em; font-size:.9em;}

#floatRightFooter {float:right; width:270px; text-align:right; margin:-3.25em 3% 0 0;}
#footerLogo {width:150px; height:auto;}
div footer #floatRightFooter p {color:rgb(1,65,79); font-size:.9em;}
/* //// footer */
}
	
	/* Smartphones (portrait) ----------- */
@media only screen  
and (max-width:480px)
and (orientation:portrait) 
{
/* Styles */
* {vertical-align:baseline; font-weight:inherit; font-family:inherit; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0;}


h1, h2, h3 {font-weight:bold;}

h1 {font-size:2em;}

h2 {font-size:1.5em; font-weight:200;}

h3, h4 {font-size:1em;}

#outerwraper {margin:0 auto; width:90%; padding:10px; background:#fff;}

header h1 {font-size:2.1em;}

nav.mainMenu ul li {display:inline; list-style:none;}

div.fb-like-box, .facebookFeed {float:left; text-align:left; display:block;}
div.cff-wrapper {float:left; width:95%; margin-left:3%;}
.h2padding {margin-left:3%;}

div#contentWrap {padding-bottom:25px; width:100%; background:url(images/bottomContainer.png) no-repeat bottom center; background-size:100%; display:block; position:relative; clear:both; overflow:auto;}
div#content {width:100%; background-color:#fff; margin:0 auto;}
#padContent {padding:0;}


#content article, .widget-area aside {margin-bottom:20px;}

div.entry {margin:10px 0;}

.widget-area {width:300px; background:#e3e3e3;}

input#s {width:150px;}

form.cntctfrm_contact_form {width:80%; margin-left:3%;}
form.cntctfrm_contact_form div input, form.cntctfrm_contact_form div textarea {border:1px solid rgb(0,130,160); padding:.5em; width:100% !important;}
input[type=submit] {border:none; background:rgb(0,130,160); padding:.5em; color:#fff; width:60%; float:left; display:block;}
label {font-size:1em; margin:1em 0 .25em 0; display:block; width:100%;}

/* original Sundiver */
/* CSS Document */

* {vertical-align:baseline; font-weight:inherit; font-family:"museo-sans", verdana, sans-serif; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0;}
html, body {height:100%; position:relative;}
body {background:rgba(160,204,217,1.00);}

a {outline:none; text-decoration:none; color:rgb(0,133,160);}
a:hover {text-decoration:underline;}
a:hover img {text-decoration:none;}

h4, .bold, strong {font-weight:700;}
h5 {font-weight:200; font-size:1.15em; margin:1em 0 0 0; padding:0;}
em, .italic {font-style:italic;}

p {margin:0 0 .75em 0; line-height:1.5em; font-size:.95em;}

/* header */
header {width:100%;}
#newsBar {background-color:rgba(0,27,38,1.00); display:block; width:100%; height:7em;}
#newsBar div, #newsBar div a {color:rgba(160,204,217,1.00); font-size:1.1em; line-height:1.5em; font-weight:300; width:90%; text-align:left; padding:.5em 0 0 0; margin-left:auto; margin-right:auto;}

#logo {width:300px; height:auto; position:relative; display:block; clear:both; padding:1em 0; margin-left:auto; margin-right:auto;}

#contactHeader {width:100%; float:left; clear:both; display:block; background-color:#fff; height:100px; position:relative; height:9em;}

#contactInfo {width:100%; position:relative; float:left; clear:both; display:block; margin:.5em 0 0 0;}
#containLines {float:left; color:rgba(0,133,160,1.00); width:50%; display:block;}

.button {background-color:rgb(0,133,160); display:block; float:left; color:#fff; font-size:1.25em; height:2em; line-height:2em; text-align:center; width:8em;}
.button:hover {background-color:rgb(0,27,38); text-decoration:none;}

#topLine {float:left; clear:both; width:100%; margin:0 0 .5em 0; height:1em;}
#bottomLine {float:left; clear:both; width:100%; height:1.2em;}
#topLine img, #bottomLine img {display:none;}
#topLine p, #bottomLine p {float:left; line-height:1em; padding-left:1em;}

#photoBar {width:100%; position:relative; float:left; display:block; clear:both;}
#containImages {width:100%; float:left; clear:both; position:relative; display:block;}
#photoBar img {width:33.333%; float:left; height:auto; display:block; margin:0; padding:0;}




nav.mainMenu a {display:block; float:left; height:2.5em; line-height:2em; color:#fff; font-size:1.4em; font-weight:400; margin:0; width:16%; text-align:center;}
body.page-id-14 nav.mainMenu li.boats a, body.page-id-39 nav.mainMenu li.travel a, body.page-id-57 nav.mainMenu li.about a, body.page-id-86 nav.mainMenu li.contact a {font-weight:400; color:rgb(160,204,217);}
body.page-id-5 nav.mainMenu li.home a {display:none;}

/* NEW MENU */
	#nav > a {display:none;}
	
	#nav div li {position:relative; list-style:none; display:block; width:100%; height:2.5em; line-height:2.5em; font-size:1em; float:none !important;}
	#nav div li a {color:#fff; display:block; text-decoration:none;}
	
	#nav div span:after {width:0; height:0; content:''; vertical-align:middle; display:inline-block; position:relative; right:-0.313em; /* 5 */}

	#nav div {position:relative; top:0; left:0; height:auto; display:block; width:100%;}
	
	#nav > a {width:100%; height:1.75em; text-align:left; text-indent:12px; background-color:rgb(160,204,217); position:relative; top:0; left:0; font-size:1.5em; font-weight:400; line-height:1.75em;}
	
	
	#nav > a:after {top:60%;}
	
	#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {display:block;}
	
	/* first level */
	#nav div > ul {height:auto; display:none; position:relative; left:0; right:0; top:0; margin-top:0; list-style:none;}
	#nav:target div > ul {display:block;}
	#nav div > ul > li {width:100%; float:none;}
	#nav div > ul > li > a {text-align:left; padding:0; text-indent:1em; font-size:1em; line-height:2.5em; height:2.5em; background-color:#3e3b37; border-bottom:1px solid #e3e3e3; width:100%; float:left; clear:both; display:block;}
	
	/* second level */
	#nav div li ul {height:auto; float:left; clear:both; width:100%; display:block; z-index:9000 !important;}
	#nav div li ul a {width:100%; display:block; background-color:#e3e3e3; padding:0 1.25em; color:#4c4c4c; z-index:9000 !important;}
	nav.mainMenu div ul li ul.sub-menu li {border-bottom:1px solid #4c4c4c; line-height:2.5em; height:3.5em; float:left; clear:both; display:block; z-index:9000 !important;}
	
	/* ////NEW MENU */
/*_______*/
	
/* //// header */


/* content */
.clearfix:after, #content:after {content:" "; display:block; clear:both;}



#topPage {display:block; clear:both; width:95%; position:relative; margin-left:auto; margin-right:auto; padding:1em 0;}
#topPage img {width:50%; margin:0 auto; position:relative; display:block;}
#headerText {float:left; display:block; width:100%; margin:0;}
#headerTextCenter {float:left; display:block; text-align:left; width:95%; margin-left:3%;}

#headerText h1, #headerTextCenter h1 {font-size:1.8em; font-weight:500; line-height:1.4em; margin:0;}
#headerText h2, #headerTextCenter h2, h4.highlight {color:rgb(0,133,160); font-size:1.35em; font-weight:100; line-height:1.5em; margin:0 0 1em 0;}


#firstSet {border-bottom:1px solid rgb(160,204,217); width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}

.centerTwoColumn {margin-left:auto; margin-right:auto; width:95%; display:block;}
.containColumns {width:100%; position:relative; display:block; clear:both;}

.float2column {width:95%; float:left; clear:both; margin-left:3%;}

.leftImageColumn {width:100%; float:left;}
.leftImageColumn img {width:135px; margin-left:auto; margin-right:auto; display:block; position:relative;}
.rightCopyColumn {float:left; width:100%;}
.containColumnsMargin {width:100%; position:relative; display:block; clear:both; padding-top:2em;}
.fourColumn {width:100%; float:left; position:relative;}
.fourColumn img {position:relative; margin-left:auto; margin-right:auto; width:50%; text-align:center; display:block;}
.fourColumn p, .fourColumn h3, .fourColumn h4 {width:90%;}
div.note {text-align:left; display:block; width:95%; margin-left:3%; position:relative; padding-top:1em;}
div.note p {font-size:1em; padding:.5em 0;}
div.note h3, div.note a {padding:.5em 0;}
div.note h3, div.note a {font-weight:100; font-size:1.4em;}

#copyLeft {float:left; width:100%; margin-right:0; display:block;}

#firstSet div#pictureFrame {width:95%; float:left; padding:.5em; margin:.75em 0 1em 0; position:relative; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}


#secondSet {border-bottom:1px solid rgb(160,204,217); width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}
#secondSet img {float:left; display:block; position:relative; margin-right:.5em; width:45%;}
#floatLeft {float:left; display:block; width:100%; margin:.5em 0 0 0;}
p#quote {font-size:1.2em; font-weight:300;}
span.quotedBy {display:block; float:left; color:rgb(0,133,160); font-weight:100; width:100%; clear:both; text-align:right; margin:0 0 2em 0;}
#threeColumn {width:100%; float:left; clear:both;}
.columnFloat {width:100%; float:left; margin-right:0;}
.columnFloat:last-child {margin-right:0;}



#thirdSet {width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}
#twoColumnFloat {float:left; display:block; width:100%;}

#thirdSet div#pictureFrame {width:95%; float:left; padding:.5em; margin-right:1em; margin-bottom:1em; position:relative; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}

#pictureFrame img {position:relative; float:left; width:100%; display:block; height:auto;}
#caption {width:100%; float:left; display:block; clear:both; background:rgb(198,223,231);}
p.name {text-align:right;}
p.copyrightPhoto {color:#fff; font-size:.8em; position:absolute; top:15px; right:20px; z-index:5000;}

div.halfEmPadding {padding:.5em;}

/* //// content */


/* footer */
div footer {float:left; clear:both; width:100%; height:auto; min-height:100px; margin:2em 0 0 0;}


div footer #containLines {float:left; color:rgba(0,133,160,1.00) !important; width:95%; margin-left:3%;}
div footer #topLine {float:left; clear:both; width:100%; margin:0 0 .25em 0; height:2em;}
div footer #bottomLine {float:left; clear:both; width:100%; height:1.5em;}
div footer #topLine img, footer #bottomLine img {float:left; display:block;}
div footer #topLine p, footer #bottomLine p {float:left; width:75%; line-height:1em; font-size:1.2em;}

div.footerLinks {width:95%; display:block; float:left; margin:1.5em 0 1.5em 3%;}
div.footerLinks h4 {font-size:1.2em; display:block; width:100%; font-weight:200; margin-top:0;}
div.footerLinks a {display:block; float:left; margin:0 2em 0 0; line-height:2em; font-size:.9em;}

#floatRightFooter {float:right; width:90%; text-align:right; margin:1em 0; padding-right:3%;}
#footerLogo {width:150px; height:auto;}
div footer #floatRightFooter p {color:rgb(1,65,79); font-size:.9em;}
/* //// footer */
}
	
	
/* Smartphones (landscape) ----------- */
@media only screen  
and (min-width:481px)
and (max-width:600px)
and (orientation:landscape) 
{
/* Styles */
* {vertical-align:baseline; font-weight:inherit; font-family:inherit; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0;}


h1, h2, h3 {font-weight:bold;}

h1 {font-size:2em;}

h2 {font-size:1.5em; font-weight:200;}

h3, h4 {font-size:1em;}

#outerwraper {margin:0 auto; width:90%; padding:10px; background:#fff;}

header h1 {font-size:2em;}

nav.mainMenu ul li {display:inline; list-style:none;}

div.fb-like-box, .facebookFeed {float:left; text-align:left; display:block;}
div.cff-wrapper {float:left; width:95%; margin-left:3%;}
.h2padding {margin-left:3%;}

div#contentWrap {padding-bottom:25px; width:100%; background:url(images/bottomContainer.png) no-repeat bottom center; background-size:100%; display:block; position:relative; clear:both; overflow:auto;}
div#content {width:100%; background-color:#fff; margin:0 auto;}
#padContent {padding:0;}


#content article, .widget-area aside {margin-bottom:20px;}

div.entry {margin:10px 0;}

.widget-area {width:300px; background:#e3e3e3;}

input#s {width:150px;}

form.cntctfrm_contact_form {width:80%; margin-left:3%;}
form.cntctfrm_contact_form div input, form.cntctfrm_contact_form div textarea {border:1px solid rgb(0,130,160); padding:.5em; width:100% !important;}
input[type=submit] {border:none; background:rgb(0,130,160); padding:.5em; color:#fff; width:60%; float:left; display:block;}
label {font-size:1em; margin:1em 0 .25em 0; display:block; width:100%;}

/* original Sundiver */
/* CSS Document */

* {vertical-align:baseline; font-weight:inherit; font-family:"museo-sans", verdana, sans-serif; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0;}
html, body {height:100%; position:relative;}
body {background:rgba(160,204,217,1.00);}

a {outline:none; text-decoration:none; color:rgb(0,133,160);}
a:hover {text-decoration:underline;}
a:hover img {text-decoration:none;}

h4, .bold, strong {font-weight:700;}
h5 {font-weight:200; font-size:1.15em; margin:1em 0 0 0; padding:0;}
em, .italic {font-style:italic;}

p {margin:0 0 .75em 0; line-height:1.5em; font-size:.95em;}

/* header */
header {width:100%;}
#newsBar {background-color:rgba(0,27,38,1.00); display:block; width:100%; height:7em;}
#newsBar div, #newsBar div a {color:rgba(160,204,217,1.00); font-size:1.1em; line-height:1.5em; font-weight:300; width:90%; text-align:left; padding:.5em 0 0 0; margin-left:auto; margin-right:auto;}

#logo {width:300px; height:auto; position:relative; display:block; clear:both; padding:1em 0; margin-left:auto; margin-right:auto;}

#contactHeader {width:100%; float:left; clear:both; display:block; background-color:#fff; height:100px; position:relative; height:9em;}

#contactInfo {width:100%; position:relative; float:left; clear:both; display:block; margin:.5em 0 0 0;}
#containLines {float:left; color:rgba(0,133,160,1.00); width:50%; display:block;}

.button {background-color:rgb(0,133,160); display:block; float:left; color:#fff; font-size:1.25em; height:2em; line-height:2em; text-align:center; width:8em;}
.button:hover {background-color:rgb(0,27,38); text-decoration:none;}

#topLine {float:left; clear:both; width:100%; margin:0 0 .5em 0; height:1em;}
#bottomLine {float:left; clear:both; width:100%; height:1.2em;}
#topLine img, #bottomLine img {display:none;}
#topLine p, #bottomLine p {float:left; line-height:1em; padding-left:1em;}

#photoBar {width:100%; position:relative; float:left; display:block; clear:both;}
#containImages {width:100%; float:left; clear:both; position:relative; display:block;}
#photoBar img {width:33.333%; float:left; height:auto; display:block; margin:0; padding:0;}


nav.mainMenu {display:block; width:100%; height:4em; position:absolute; top:0;}



body.page-id-14 nav.mainMenu li.boats a, body.page-id-39 nav.mainMenu li.travel a, body.page-id-57 nav.mainMenu li.about a, body.page-id-86 nav.mainMenu li.contact a {font-weight:400; color:rgb(160,204,217);}
body.page-id-5 nav.mainMenu li.home a {display:none;}

/* NEW MENU */
	#nav > a {display:none;}
	
	#nav div li {position:relative; list-style:none; display:block; width:100%; height:2.5em; line-height:2.5em; font-size:1em; float:none !important;}
	#nav div li a {color:#fff; display:block; text-decoration:none;}
	
	#nav div span:after {width:0; height:0; content:''; vertical-align:middle; display:inline-block; position:relative; right:-0.313em; /* 5 */}

	#nav div {position:relative; top:0; left:0; height:auto; display:block; width:100%;}
	
	#nav > a {width:100%; height:2em; text-align:left; text-indent:12px; background-color:rgb(160,204,217); position:relative; top:0; left:0; font-size:1.5em; font-weight:400; line-height:1.75em;}
	
	
	#nav > a:after {top:60%;}
	
	#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {display:block;}
	
	/* first level */
	#nav div > ul {height:auto; display:none; position:relative; left:0; right:0; top:0; margin-top:0; list-style:none;}
	#nav:target div > ul {display:block;}
	#nav div > ul > li {width:100%; float:none;}
	#nav div > ul > li > a {text-align:left; padding:0; text-indent:1em; font-size:1em; line-height:2.75em; height:2.75em; background-color:#3e3b37; border-bottom:1px solid #e3e3e3; width:100%; float:left; clear:both; display:block;}
	
	/* second level */
	#nav div li ul {height:auto; float:left; clear:both; width:100%; display:block; z-index:9000 !important;}
	#nav div li ul a {width:100%; display:block; background-color:#e3e3e3; padding:0 1.25em; color:#4c4c4c; z-index:9000 !important;}
	nav.mainMenu div ul li ul.sub-menu li {border-bottom:1px solid #4c4c4c; line-height:2.5em; height:3.5em; float:left; clear:both; display:block; z-index:9000 !important;}
	
	/* ////NEW MENU */
	
/* //// header */


/* content */
.clearfix:after, #content:after {content:" "; display:block; clear:both;}



#topPage {display:block; clear:both; width:95%; position:relative; margin-left:auto; margin-right:auto; padding:1em 0;}
#topPage img {width:20%; float:left; position:relative; display:block;}
#headerText {float:left; display:block; width:70%; margin:0;}
#headerTextCenter {float:left; display:block; text-align:left; width:95%; margin-left:3%;}

#headerText h1, #headerTextCenter h1 {font-size:1.8em; font-weight:500; line-height:1.4em; margin:0;}
#headerText h2, #headerTextCenter h2, h4.highlight {color:rgb(0,133,160); font-size:1.35em; font-weight:100; line-height:1.5em; margin:0 0 1em 0;}


#firstSet {border-bottom:1px solid rgb(160,204,217); width:95%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}

.centerTwoColumn {margin-left:auto; margin-right:auto; width:95%; display:block;}
.containColumns {width:100%; position:relative; display:block; clear:both;}

.float2column {width:95%; float:left; clear:both; margin-left:3%;}

.leftImageColumn {width:90%; float:left;}
.leftImageColumn img {width:135px; margin-left:auto; margin-right:auto; display:block; position:relative;}
.rightCopyColumn {float:left; width:95%;}
.containColumnsMargin {width:100%; position:relative; display:block; clear:both; padding-top:2em;}
.fourColumn {width:100%; float:left; position:relative;}
.fourColumn img {position:relative; margin-left:auto; margin-right:auto; width:50%; text-align:center; display:block;}
.fourColumn p, .fourColumn h3, .fourColumn h4 {width:90%;}
div.note {text-align:left; display:block; width:95%; margin-left:3%; position:relative; padding-top:1em;}
div.note p {font-size:1em; padding:.5em 0;}
div.note h3, div.note a {padding:.5em 0;}
div.note h3, div.note a {font-weight:100; font-size:1.4em;}

#copyLeft {float:left; width:100%; margin-right:0; display:block;}

#firstSet div#pictureFrame {width:95%; float:left; padding:.5em; margin:.75em 0 1em 0; position:relative; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}


#secondSet {border-bottom:1px solid rgb(160,204,217); width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}
#secondSet img {float:left; display:block; position:relative; margin-right:.5em; width:45%;}
#floatLeft {float:left; display:block; width:100%; margin:.5em 0 0 0;}
p#quote {font-size:1.2em; font-weight:300;}
span.quotedBy {display:block; float:left; color:rgb(0,133,160); font-weight:100; width:100%; clear:both; text-align:right; margin:0 0 2em 0;}
#threeColumn {width:100%; float:left; clear:both;}
.columnFloat {width:100%; float:left; margin-right:0;}
.columnFloat:last-child {margin-right:0;}



#thirdSet {width:100%; position:relative; float:left; clear:both; padding:2em 0 2em 0;}
#twoColumnFloat {float:left; display:block; width:100%;}

#thirdSet div#pictureFrame {width:95%; float:left; padding:.5em; margin-right:1em; margin-bottom:1em; position:relative; background: #01414f; /* Old browsers */
background: -moz-linear-gradient(left,  #01414f 0%, #0085a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01414f), color-stop(100%,#0085a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01414f 0%,#0085a0 100%); /* IE10+ */
background: linear-gradient(to right,  #01414f 0%,#0085a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01414f', endColorstr='#0085a0',GradientType=1 ); /* IE6-9 */}

#pictureFrame img {position:relative; float:left; width:100%; display:block; height:auto;}
#caption {width:100%; float:left; display:block; clear:both; background:rgb(198,223,231);}
p.name {text-align:right;}
p.copyrightPhoto {color:#fff; font-size:.8em; position:absolute; top:15px; right:20px; z-index:5000;}

div.halfEmPadding {padding:.5em;}

/* //// content */


/* footer */
div footer {float:left; clear:both; width:100%; height:auto; min-height:100px; margin:2em 0 0 0;}


div footer #containLines {float:left; color:rgba(0,133,160,1.00) !important; width:95%; margin-left:3%;}
div footer #topLine {float:left; clear:both; width:100%; margin:0 0 .25em 0; height:2em;}
div footer #bottomLine {float:left; clear:both; width:100%; height:1.5em;}
div footer #topLine img, footer #bottomLine img {float:left; display:block;}
div footer #topLine p, footer #bottomLine p {float:left; width:75%; line-height:1em; font-size:1.2em;}

div.footerLinks {width:95%; display:block; float:left; margin:1.5em 0 1.5em 3%;}
div.footerLinks h4 {font-size:1.2em; display:block; width:100%; font-weight:200; margin-top:0;}
div.footerLinks a {display:block; float:left; margin:0 2em 0 0; line-height:2em; font-size:.9em;}

#floatRightFooter {float:right; width:90%; text-align:right; margin:1em 0; padding-right:3%;}
#footerLogo {width:150px; height:auto;}
div footer #floatRightFooter p {color:rgb(1,65,79); font-size:.9em;}
/* //// footer */
}