* { margin:0; padding:0; }
html { min-height:100%; }
body { min-height:100%; background-size:100%; background-repeat:no-repeat;font-size:100%;-webkit-font-smoothing:antialiased;}
img{ border:none; }
img.resized{max-width:100%; height:auto;}
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
#supersized a.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
/** All Pages **/
#mhead{position:absolute;top:0;left:0; width:100%;height:106px;background-color:#000;-moz-opacity: 0.46;opacity: 0.46;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=46);}
#outer{margin:0 auto; width:100%;max-width:1280px;height:100%; }
#maincont{width:100%;max-width:1280px; height:100%; max-height:800px;margin:0 auto;}
#logo{position:absolute; margin-left:2.5%;top:18px;}
#logocont{float:left;display:inline;width:171px; height:106px;}
#logocont img{max-width:162px;}
#imgadj{margin-top:0px;float:left;width:10%;display:inline;}
#txtadj{float:left;width:87%;display:inline;}
#mpageNO{ background-image:url(../img/bg-comments.jpg); background-position:left bottom; background-size:100%; background-repeat:no-repeat;}
#menblock{width:221px;float:left;display:inline;height:106px;}
#mainfood{height:100%;}
#hidefoodimg{ position:absolute;top:0;left:0; width:100%; height:320px; background-color:#fff;z-index:-1; }
#mmenu div.tmenq {font: 1.25em 'GreyscaleBasicBold', Arial, sans-serif;float:left;display:inline;color:#fff; letter-spacing:-1px;}
#mmenu div.tmenq a{padding-left:7px;padding-right:7px; color:#fff; text-decoration:none;}
#mmenu div.tmenq a:hover{color:#33ccff;}
#mmenu div.tmenq a.selected{color:#33ccff; cursor:default;}
#crewcol1,#crewcol3{}
#crewcoltxtcrew,#crewcoltxt3{padding:10px;}
.shadow-bringerR{ width:100%; padding:30px; background: #fff; overflow:hidden;filter: alpha(opacity=100);opacity: 1; }
.shadow-bringerC{ width:100%; padding:10px; background: #fff; overflow:hidden;filter: alpha(opacity=100);opacity: 1; }
.shadowC {-moz-box-shadow: 2px 2px 3px #333; -webkit-box-shadow: 2px 2px 3px #333; box-shadow: 2px 2px 3px #333; /* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}
.atitsbest{font: 22px/32px 'GreyscaleBasicBoldItalic', Arial, sans-serif; letter-spacing:-1px;}
.atitsbest a:hover{zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;}
p{margin-top:14px; margin-bottom:14px;}
#allinc{float: left; display: inline; width:38%;max-width: 370px; margin-right:30px; padding:20px;}
/** Yacht Page **/
#yfloorplan{ margin-left:3%;}
#moreimg{
float:right;
font-family:Arial, Helvetica, sans-serif;
color:#999;
font-size:13px;
clear:both;
}
#moreimg a{color:#999; text-decoration:none;}
#moreimg a:hover{-moz-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);}
#yachttxt{font-family:Arial, Helvetica, sans-serif; font-size:12px; position:absolute; width:23.4375%; top:184px;left:110px;}
#video{position:absolute; top:30%; width:100%;left:0;}
#videocont{margin:0 auto; width:560px;}
#vidplay{position:absolute;x-index:100; top:100px;left:130px;}
#vidplay img:hover { opacity:0.6; filter:alpha(opacity=60); position:relative;left:1px;top:1px;}
/** Gallery Page **/
#gallerypage{position:fixed;width:100%; bottom:0;max-width:1280px;z-index:-10;height:80%;}
#galleryheight{height:100%;width:100%;}
#galleria{position:absolute;bottom:20px;height:100%;width:100%;}
/** Guest Comments **/
#guests{font: 13px/18px Arial, Helvetica, sans-serif;width:360px; padding:20px;overflow-y: auto;height:500px;}
#guestscont { width:100%;margin:0 auto; max-width:1440px; padding-top:200px;}
.shadow-bringerG{ width:100%; padding:0px; background: #fff; overflow:hidden;filter: alpha(opacity=100);opacity: 1; }
#guesttxt{padding:30px;}
/** Rates **/
#rates{position:absolute;top:140px;margin-left:100px; width:75.625%;max-width:940px; font: 13px/18px Arial, Helvetica, sans-serif;}
#boat_rates{
float: left;
display: inline;
width: 54.0476%;
max-width: 380px;
min-width: 350px;
margin-right: 30px;
padding: 20px;
}
#cabin_rates{float: left; width:44.047619%; max-width: 310px;min-width:250px;padding:20px; height: 240px;}
/** Spec Page **/
#specpages{margin-top:180px;}
#specstxt a{font: 13px Arial, Helvetica, sans-serif; color:#666;text-decoration:none;}
#specstxt a:hover{-moz-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);}
#specimages{}
.speccol1{float:left;display:inline;width:40%;margin-top:10px;clear:both;}
.speccol2{float:right;display:inline;width:60%;margin-top:10px;}
.specequip{margin-top:30px;}
#specs{font: 16px Arial, Helvetica, sans-serif; color:#666;margin-top:30px;}
#specs a{font: 16px Arial, Helvetica, sans-serif; color:#666;text-decoration:none;}
#specs a:hover{-moz-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);}
p.style1 {font: 18px/27px 'GreyscaleBasicRegular', Arial, sans-serif;}
p.style2 {font: 18px/27px 'GreyscaleBasicItalic', Arial, sans-serif;}
p.style3 {font: 18px/27px 'GreyscaleBasicBold', Arial, sans-serif;}
p.style4 {font: 18px/27px 'GreyscaleBasicBoldItalic', Arial, sans-serif;}
.clear{clear:both;width:100%;max-width:1280px;height:1px;}
#footercont{position:fixed;bottom:0;left:0;height:10px; background-color:#fff;z-index:1;width:100%;}
#footer{position:fixed;bottom:0;left:43%; font: 9px Arial, sans-serif; z-index:2;}
.shadow-bringer{ position:absolute; top:60%; margin-left:2.28125%;width: 280px; padding:10px;background: #fff; overflow:hidden;filter: alpha(opacity=100);opacity: 1; height:200px;}
.shadow {-moz-box-shadow: 2px 2px 3px #333; -webkit-box-shadow: 2px 2px 3px #333; box-shadow: 2px 2px 3px #333; /* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); -moz-border-radius: 2px; border-radius: 2px;}
.shadowSM {-moz-box-shadow: 2px 2px 3px #333; -webkit-box-shadow: 2px 2px 3px #333; box-shadow: 2px 2px 3px #333; /* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }
p.fdtext{padding:0;}
p.fdhead{font-weight:bold;}
.mobile-nav{display:none;}
.menu-btn{position:absolute; display:inline-block; top:40px;right:20px;z-index:1; cursor:pointer;}
.menu-btn div {
position: absolute;
right: 100%;
top: 64%;
padding-right: 8px;
margin-top: -0.50em;
line-height: 1.2;
font-size: 18px;
font-weight: 200;
vertical-align: middle;
z-index: 9999999;
}
.menu-btn span {
display: block;
width: 29px;
height: 4px;
margin: 4px 0;
background: rgb(255,255,255);
z-index: 9999999;
}
.responsive-menu{
display: none;
position:absolute;
z-index:1;
right:0;
top:106px;
font-size:18px;
border-bottom: #EDEDED solid 1px;
border-left: #EDEDED solid 1px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(245,245,245,1);
-moz-box-shadow: 0px 2px 2px 0px rgba(245,245,245,1);
box-shadow: 0px 2px 2px 0px rgba(245,245,245,1);
border-top: #EDEDED solid 1px;
width: 320px;
box-sizing: border-box;
background: #fff;
}
.responsive-menu ul {
background: #fff;
position: relative;
display: block;
}
.responsive-menu li {
background: #fff;
float: none;
line-height: 35px;
width: 100%;
text-align: center;
border-bottom: #EDEDED solid 1px;
position: relative;
padding: 0;
list-style:none;
}
.responsive-menu li a {
color: #989DA1;
text-decoration: none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.expand {
display: block !important;
}
@media screen and (max-width:320px) {
body{font-size: 60%;}
#actcol3{float:left;display:inline; width:300px;margin-top:20px;}
#actcol1{float:left;display:inline; width:140px;margin-left:30px;}
#actcol2{float:left;display:inline; width:140px;max-width:360px;margin-left:20px;}
#mmenu{}
#food2col1{width:48%;max-width:380px; margin-top:104px; float:left;display:inline;margin-left:2.34375;}
#foodcol1,#foodmenucol1,#foodmenucol2,#foodmenucol3{width:100%;font: 13px Arial, Helvetica, sans-serif;}
#foodcol2{width:100%;}
#foodcol3{width:100%;}
#food2col2{width:48%;max-width:380px; margin-top:104px;float:left;display:inline;margin-left:2.34375%;}
#foodmenucol4,#foodmenucol5,#foodmenucol6,#foodcol4,#foodcol5,#foodcol6{width:100%; font: 13px Arial, Helvetica, sans-serif;}
#fdimgcol1,#fdimgcol2,#fdimgcol3,#fdimgcol4,#fdimgcol5,#fdimgcol6{text-align:center; margin-top:20px; margin-bottom:20px;}
#mainfood{margin-left:2%;}
#foodmenucol1{min-height:110px;}
#foodmenucol4{min-height:110px;}
#foodmenucol2{min-height:150px;}
#foodmenucol5{min-height:150px;}
#foodmenucol3{min-height:170px;}
#foodmenucol6{min-height:170px;}
#foodmenucol1 p.fdtext,#foodmenucol4 p.fdtext{height:110px;margin-top:-30px;}
#foodmenucol2 p.fdtext,#foodmenucol5 p.fdtext{height:280px; margin-top:-30px;}
#foodmenucol3 p.fdtext,#foodmenucol6 p.fdtext{height:230px; margin-top:-30px;}
#colcont{position:absolute;top:104px;width:100%;max-width:1280px;font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#col1{position:absolute;width:45%;max-width:360px;left:2.7343%;}
#col2{float:left;width:48%;max-width:380px;margin-left:50%;}
#col2 img{float:left;display:inline;}
#col3{float:left;width:48%;max-width:380px;margin-left:50%;}
#coltxtcrew{padding-left:2.343%;margin-top:-14px;}
#coltxt3crew{width:22.34375%;min-width:286px;margin-top:-14px;}
#coltxt{padding-left:2.343%;margin-top:-14px;}
#coltxt3{margin-top:-14px;}
#yimage1{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px; margin-right:20px;}
#yimage2{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px;}
#yimage3{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px; margin-right:20px;clear:left;}
#yimage4{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px;}
#guests{font: 13px/18px Arial, Helvetica, sans-serif;width:75.6875%;max-width:380px; position:absolute; top:180px; left:7.8125%; padding:20px;overflow-y: auto; height:310px;}
/** Activities **/
#actcol1{float:left;display:inline; width:29.6875%;max-width:360px;margin-left:18.7343%;}
#actcol2{float:left;display:inline; width:29.6875%;max-width:360px;margin-left:20px;}
#actcol3{float:left;display:inline; width:29.6875%;max-width:360px;margin-left:18.7343%; margin-top:0px;margin-bottom:40px;}
.acttxt1{margin-bottom:20px;}
.acttxt2{margin-bottom:20px;}
.acttxt3{margin-bottom:20px;}
#actcolcont{position:absolute;top:104px;width:100%;max-width:1280px;font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#allinc{float: left; display: inline; width:55%;margin-right:30px; padding:20px;}
/** crew page **/
#crewcol1{float:left;display:inline; width:29.6875%;max-width:360px;margin-left:2.7343%;}
#crewcol2{float:left;display:inline;width:22.34375%;min-width:180px;max-width:300px; margin-left:6%;}
#crewcol2 img{}
#crewcol3{float:left;display:inline;width:29.6875%;max-width:380px;margin-left:6%;}
#crewcoltxtcrew{padding-left:2.343%;margin-top:-14px;}
#crewcoltxt3crew{width:22.34375%;min-width:286px;margin-top:-14px;}
#crewcoltxt{padding-left:2.343%;margin-top:-14px;}
#crewcoltxt3{margin-top:-14px;}
.shadow-bringer{ position:absolute; top:60%; margin-left:32.28125%;width: 280px; padding: 10px;background: #fff; overflow:hidden;filter: alpha(opacity=100);opacity: 1; height:200px;}
.shadow {-moz-box-shadow: 2px 2px 3px #333; -webkit-box-shadow: 2px 2px 3px #333; box-shadow: 2px 2px 3px #333; /* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }
}
@media screen and (min-width: 321px) and (max-width:660px) {
body{font-size: 100%;}
#actcol3{float:left;display:inline; width:300px;margin-top:20px;}
#actcol1{float:left;display:inline; width:140px;margin-left:30px;}
#actcol2{float:left;display:inline; width:140px;max-width:360px;margin-left:20px;}
#mmenu{}
#food2col1{width:48%;max-width:380px; margin-top:104px; float:left;display:inline;margin-left:0;}
#foodcol1,#foodmenucol1,#foodmenucol2,#foodmenucol3{width:100%;font: 13px Arial, Helvetica, sans-serif;}
#foodcol2{width:100%;}
#foodcol3{width:100%;}
#foodmenucol1 p.fdtext,#foodmenucol4 p.fdtext{height:110px; margin-top:-30px;}
#foodmenucol2 p.fdtext,#foodmenucol5 p.fdtext{height:280px; margin-top:-30px;}
#foodmenucol3 p.fdtext,#foodmenucol6 p.fdtext{height:230px; margin-top:-30px;}
#foodmenucol1 p.fdhead,#foodmenucol4 p.fdhead {margin-top:-10px;}
#food2col2{width:48%;max-width:380px; margin-top:104px;float:left;display:inline;margin-left:2.34375%;}
#foodmenucol4,#foodmenucol5,#foodmenucol6,#foodcol4,#foodcol5,#foodcol6{width:100%; font: 13px Arial, Helvetica, sans-serif;}
#fdimgcol1,#fdimgcol2,#fdimgcol3,#fdimgcol4,#fdimgcol5,#fdimgcol6{text-align:center; margin-top:20px; margin-bottom:20px;}
#mainfood{margin-left:4%;}
#foodmenucol1{min-height:130px;}
#foodmenucol4{min-height:130px;}
#foodmenucol2{min-height:180px;}
#foodmenucol5{min-height:180px;}
#foodmenucol3{min-height:200px;}
#foodmenucol6{min-height:200px;}
#colcont{position:absolute;top:104px;width:100%;max-width:1280px;font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#col1{position:absolute;width:45%;max-width:360px;left:2.7343%;}
#col2{float:left;width:48%;max-width:380px;margin-left:50%;}
#col2 img{float:left;display:inline;}
#col3{float:left;width:48%;max-width:380px;margin-left:50%;}
#coltxtcrew{padding-left:2.343%;margin-top:-14px;}
#coltxt3crew{width:22.34375%;min-width:286px;margin-top:-14px;}
#coltxt{padding-left:2.343%;margin-top:-14px;}
#coltxt3{margin-top:-14px;}
#yimage1{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px; margin-right:20px;}
#yimage2{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px;}
#yimage3{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px; margin-right:20px;clear:left;}
#yimage4{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px;}
#guests{font: 13px/18px Arial, Helvetica, sans-serif;width:78.6875%;max-width:380px; position:absolute; top:104px; left:7.8125%; padding:20px;overflow-y: auto;}
/** Activities **/
#actcol1{float:left;display:inline; width:46%;max-width:380px;margin-left:2.7343%;}
#actcol2{float:left;display:inline; width:46%;max-width:380px;margin-left:2.7343%;}
#actcol3{float:left;display:inline; width:46%;max-width:380px;margin-left:2.7343%; margin-top:0px;margin-bottom:40px;}
.acttxt1{height:160px;}
.acttxt2{height:130px;}
.acttxt3{height:120px;}
#actcolcont{position:absolute;top:104px;width:100%;max-width:1280px;font-family:Arial, Helvetica, sans-serif; font-size:13px;}
/** Spec Page **/
#specstxt{font: 13px/18px Arial, Helvetica, sans-serif;float:left;display:inline; background-color:#fff;margin-top:180px;width:46%;max-width:380px;margin-left:2.7343%;}
#specimg1{margin-top:180px;float:left;display:inline; width:46%;max-width:380px;margin-left:2.7343%;}
#specimg2{margin-top:30px;float:left;display:inline; width:46%;max-width:380px;margin-left:2.7343%;}
#allinc{float: left; display: inline; width:55%;margin-right:30px; padding:20px;}
/** crew page **/
#crewcol1{float:left; display:inline; width:44%;max-width:340px;margin-left:1.9343%;}
#crewcol2{float:left; display:inline; width:44%;max-width:340px; margin-left:4.7343%;}
#crewcol3{float:left; display:inline; width:44%;max-width:340px; margin-left:1.9343%; margin-top:20px;clear:both;}
#crewcoltxtcrew{margin-top:-14px;}
#crewcoltxt3crew{margin-top:-14px;}
#crewcoltxt{margin-top:-14px;}
#crewcoltxt3{margin-top:-14px;}
.shadow-bringerC{ padding:6px;}
.shadow-bringer{ position:absolute; top:30%; margin-left:32.28125%;width: 280px; padding: 10px;background: #fff; overflow:hidden;filter: alpha(opacity=100);opacity: 1; height:200px;}
.shadow {-moz-box-shadow: 2px 2px 3px #333; -webkit-box-shadow: 2px 2px 3px #333; box-shadow: 2px 2px 3px #333; /* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }
}
@media screen and (min-width: 321px) and (max-width:660px) and (orientation:landscape) {
#food2col1{margin-top:auto;}
}
@media screen and (min-width: 640px) and (max-width:660px) {
#crewcol3{}
}
@media screen and (min-width: 321px) and (max-width:480px) {
#foodmenucol1 p.fdtext,#foodmenucol4 p.fdtext{height:90px; margin-top:-30px;}
#foodmenucol2 p.fdtext,#foodmenucol5 p.fdtext{height:260px; margin-top:-30px;}
#foodmenucol3 p.fdtext,#foodmenucol6 p.fdtext{height:220px;margin-top:-30px;}
}
@media screen and (min-width: 480px) and (max-width:539px) {
#foodmenucol1 p.fdtext,#foodmenucol4 p.fdtext{height:70px; margin-top:-30px;}
#foodmenucol2 p.fdtext,#foodmenucol5 p.fdtext{height:200px; margin-top:-30px;}
#foodmenucol3 p.fdtext,#foodmenucol6 p.fdtext{height:180px; margin-top:-30px;}
}
@media screen and (min-width: 540px) and (max-width:575px) {
#foodmenucol1 p.fdtext,#foodmenucol4 p.fdtext{height:70px; margin-top:-30px;}
#foodmenucol2 p.fdtext,#foodmenucol5 p.fdtext{height:180px; margin-top:-30px;}
#foodmenucol3 p.fdtext,#foodmenucol6 p.fdtext{height:160px; margin-top:-30px;}
}
@media screen and (min-width: 576px) and (max-width:660px) {
#foodmenucol1 p.fdtext,#foodmenucol4 p.fdtext{height:70px; margin-top:-30px;}
#foodmenucol2 p.fdtext,#foodmenucol5 p.fdtext{height:150px; margin-top:-30px;}
#foodmenucol3 p.fdtext,#foodmenucol6 p.fdtext{height:160px;margin-top:-30px;}
}
@media screen and (max-width:502px) {
.shadow-bringer{ position:absolute; top:50%; margin-left:2.28125%;width: 280px; padding: 10px;background: #fff; overflow:hidden;filter: alpha(opacity=100);opacity: 1; height:200px;}
.shadow {-moz-box-shadow: 2px 2px 3px #333; -webkit-box-shadow: 2px 2px 3px #333; box-shadow: 2px 2px 3px #333; /* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }
}
@media screen and (max-width:522px) {
/** Spec Page **/
#specstxt{font: 13px/18px Arial, Helvetica, sans-serif;float:left;display:inline; background-color:#fff;margin-top:180px;width:80%;max-width:380px;margin-left:12%;}
#specimg1{margin-top:30px; width:70%;max-width:380px;margin-left:17%;}
#specimg2{margin-top:30px; width:70%;max-width:380px;margin-left:17%;}
}
@media screen and (min-width: 500px) and (max-width:660px) {
.acttxt1{height:120px;}
.acttxt2{height:100px;}
.acttxt3{height:80px;}
}
@media screen and (min-width: 661px) and (max-width:960px) {
body{font-size: 100%;}
/** Menu Page **/
#foodmenucol1,#foodmenucol2,#foodmenucol3{float:left;display:inline;width:29.6875%;max-width:250px;margin-left:2.7343%;margin-top:180px;font: 13px Arial, Helvetica, sans-serif;}
#foodmenucol1 p.fdtext,#foodmenucol2 p.fdtext,#foodmenucol3 p.fdtext{height:130px; margin-top:-30px;}
#foodmenucol4 p.fdtext,#foodmenucol5 p.fdtext,#foodmenucol6 p.fdtext{height:240px; margin-top:-30px;}
#fdimgcol1,#fdimgcol2,#fdimgcol3,#fdimgcol4,#fdimgcol5,#fdimgcol6{width:100%; text-align:center;}
#foodmenucol4{float:left;display:inline;width:29.6875%;max-width:250px;margin-left:2.7343%;font: 13px Arial, Helvetica, sans-serif;}
#foodmenucol5,#foodmenucol6{float:left;display:inline;width:29.6875%;max-width:250px;margin-left:2.7343%;font: 13px Arial, Helvetica, sans-serif;margin-bottom:30px;}
.fdhead.fdspace{margin-top:30px;}
#colcont{position:absolute;top:184px;width:100%;max-width:1280px;font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#col1{position:absolute;width:29.6875%;max-width:360px;left:2.7343%;}
#col2{position:absolute;width:29.6875%;max-width:380px;left:35.15625%;}
#col2 img{float:left;display:inline;}
#col3{position:absolute;width:29.6875%;max-width:380px;left:67.578%;}
#coltxtcrew{padding-left:2.343%;margin-top:-14px;}
#coltxt3crew{width:22.34375%;min-width:286px;margin-top:-14px;}
#coltxt{padding-left:2.343%;margin-top:-14px;}
#coltxt3{margin-top:-14px;}
#yimage1{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px; margin-right:20px;}
#yimage2{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px;}
#yimage3{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px; margin-right:20px;clear:left;}
#yimage4{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px;}
/** Activities **/
#actcol1{float:left;display:inline; width:29.6875%;max-width:360px;margin-left:2.7343%;}
#actcol2{float:left;display:inline; width:29.6875%;max-width:360px;margin-left:1.5625%;}
#actcol3{float:left;display:inline; width:29.6875%;max-width:360px;margin-left:1.5625%;}
.acttxt1{height:140px;}
.acttxt2{height:100px;}
.acttxt3{height:120px;}
#actcolcont{position:absolute;top:184px;width:100%;max-width:1280px;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/** Spec Page **/
#specstxt{font: 13px/18px Arial, Helvetica, sans-serif;float:left;display:inline; background-color:#fff;margin-top:180px;width:29.6875%;max-width:360px;margin-left:2.7343%;}
#specimg1{margin-top:180px;float:left;display:inline; width:29.6875%;max-width:360px;margin-left:1.5625%;}
#specimg2{margin-top:180px;float:left;display:inline; width:29.6875%;max-width:360px;margin-left:1.5625%;}
#allinc{float: left; display: inline; width:48%;margin-right:30px; padding:20px;}
#specimg1{float:left;display:inline; margin-left:20px; width:26.71875%;}
#specimg2{float:left;display:inline;margin-left:20px; width:26.796875%;}
/** crew page **/
#crewcol1{float:left;display:inline; width:29.6875%;max-width:360px;margin-left:2.7343%;}
#crewcol2{float:left;display:inline;width:22.34375%;min-width:180px;max-width:300px; margin-left:6%;}
#crewcol2 img{}
#crewcol3{float:left;display:inline;width:29.6875%;max-width:380px;margin-left:6%;}
#crewcoltxtcrew{padding-left:2.343%;margin-top:-14px; min-height:364px;}
#crewcoltxt3crew{width:22.34375%;min-width:286px;margin-top:-14px;}
#crewcoltxt{padding-left:2.343%;margin-top:-14px;}
#crewcoltxt3{margin-top:-14px;min-height:364px;}
.shadow-bringer{ position:absolute; top:60%; margin-left:42.28125%;width: 280px; padding:10px;background: #fff; overflow:hidden;filter: alpha(opacity=100);opacity: 1; height:200px;}
.shadow-bringerNON{ position:absolute; top:60%; margin-left:42.28125%;width: 280px; padding:10px;background: #fff; overflow:hidden;filter: alpha(opacity=100);opacity: 1; height:200px;}
.shadow {-moz-box-shadow: 2px 2px 3px #333; -webkit-box-shadow: 2px 2px 3px #333; box-shadow: 2px 2px 3px #333; /* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }
}
@media screen and (min-width: 829px) and (max-width:1022px) {
#crewcoltxtcrew{ min-height:264px;}
#crewcoltxt3{min-height:264px;}
}
@media screen and (min-width: 735px) and (max-width:828px) {
#crewcoltxtcrew{ min-height:304px;}
#crewcoltxt3{min-height:304px;}
}
@media screen and (min-width: 660px) and (max-width:735px) {
#crewcoltxtcrew{ min-height:304px;}
#crewcoltxt3{min-height:304px;}
}
@media screen and (min-width: 661px) and (max-width:755px) {
#crewcol2{float:left;display:inline;width:22.34375%;min-width:180px;max-width:300px; margin-left:4%;}
#crewcol3{float:left;display:inline;width:29.6875%;max-width:380px;margin-left:4%;}
}
@media screen and (min-width: 961px) and (max-width:1279px) {
body{font-size: 100%;}
/** Menu Page **/
#fdimgcol1{position:fixed;bottom:20px;width:14.34374%;max-width:178px;}
#fdimgcol2{position:fixed;bottom:20px;width:14.34374%;max-width:178px;}
#fdimgcol3{position:fixed;bottom:20px;width:14.34374%;max-width:178px;}
#fdimgcol4{position:fixed;bottom:20px;width:14.34374%;max-width:178px;}
#fdimgcol5{position:fixed;bottom:20px;width:14.34374%;max-width:178px;}
#fdimgcol6{position:fixed;bottom:20px;width:14.34374%;max-width:178px;}
#foodmenucol1{float:left;display:inline;margin-top:180px;width:14.34374%;max-width:178px;padding:0 0.25% 0 0.25%;font: 13px Arial, sans-serif;margin-left:2.34375%;}
#foodmenucol2{float:left;display:inline;margin-top:180px;width:14.34374%;max-width:178px;padding:0 0.25% 0 0.25%;margin-left:1.25%;font: 13px Arial, Helvetica, sans-serif;}
#foodmenucol3{float:left;display:inline;margin-top:180px;width:14.34374%;max-width:178px;padding:0 0.25% 0 0.25%;margin-left:1.25%;font: 13px Arial, Helvetica, sans-serif;}
#foodmenucol4{float:left;display:inline;margin-top:180px;width:14.34374%;max-width:178px;padding:0 0.25% 0 0.25%;margin-left:1.25%;font: 13px Arial, Helvetica, sans-serif;}
#foodmenucol5{float:left;display:inline;margin-top:180px;width:14.34374%;max-width:178px;padding:0 0.25% 0 0.25%;margin-left:1.25%;font: 13px Arial, Helvetica, sans-serif;}
#foodmenucol6{float:left;display:inline;margin-top:180px;width:14.34374%;max-width:178px;padding:0 0.25% 0 0.25%;margin-left:1.25%;font: 13px Arial, Helvetica, sans-serif;}
#foodmenucol1 p.fdtext,#foodmenucol2 p.fdtext,#foodmenucol3 p.fdtext{margin-top:-10px;}
#foodmenucol4 p.fdtext,#foodmenucol5 p.fdtext,#foodmenucol6 p.fdtext{margin-top:-10px;}
#colcont{position:absolute;top:184px;width:100%;max-width:1280px;font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#col1{position:absolute;width:29.6875%;max-width:360px;left:2.7343%;}
#col2{position:absolute;width:29.6875%;max-width:380px;left:35.15625%;}
#col2 img{float:left;display:inline;}
#col3{position:absolute;width:29.6875%;max-width:380px;left:67.578%;}
#coltxtcrew{padding-left:2.343%;margin-top:-14px;}
#coltxt3crew{width:22.34375%;min-width:286px;margin-top:-14px;}
#coltxt{padding-left:2.343%;margin-top:-14px;}
#coltxt3{margin-top:-14px;}
#yimage1{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px; margin-right:20px;}
#yimage2{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px;}
#yimage3{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px; margin-right:20px;clear:left;}
#yimage4{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px;}
/** Activities **/
#actcol1{float:left;display:inline; width:29.6875%;max-width:360px;margin-left:2.7343%;}
#actcol2{float:left;display:inline; width:29.6875%;max-width:360px;margin-left:1.5625%;}
#actcol3{float:left;display:inline; width:29.6875%;max-width:360px;margin-left:1.5625%;}
.acttxt1{height:110px;}
.acttxt2{height:90px;}
.acttxt3{height:100px;}
#actcolcont{position:absolute;top:184px;width:100%;max-width:1280px;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/** Spec Page **/
#specstxt{font: 13px/18px Arial, Helvetica, sans-serif;float:left;display:inline; background-color:#fff;margin-top:180px;width:29.6875%;max-width:360px;margin-left:2.7343%;}
#specimg1{margin-top:180px;float:left;display:inline; width:29.6875%;max-width:360px;margin-left:1.5625%;}
#specimg2{margin-top:180px;float:left;display:inline; width:29.6875%;max-width:360px;margin-left:1.5625%;}
/** crew page **/
#crewcol1{float:left;display:inline; width:29.6875%;max-width:360px;margin-left:2.7343%;}
#crewcol2{float:left;display:inline;width:22.34375%;min-width:180px;max-width:300px; margin-left:6%;}
#crewcol2 img{}
#crewcol3{float:left;display:inline;width:29.6875%;max-width:380px;margin-left:6%;}
#crewcoltxtcrew{margin-top:-14px; min-height:224px;}
#crewcoltxt3crew{width:22.34375%;min-width:286px; margin-top:-14px; }
#crewcoltxt{padding-left:2.343%;margin-top:-14px;}
#crewcoltxt3{margin-top:-14px;min-height:224px;}
.shadow-bringer{ position:absolute; top:50%; margin-left:62.28125%;width: 280px; padding:10px;background: #fff; overflow:hidden;filter: alpha(opacity=100);opacity: 1; height:200px;}
.shadow {-moz-box-shadow: 2px 2px 3px #333; -webkit-box-shadow: 2px 2px 3px #333; box-shadow: 2px 2px 3px #333; /* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }
}
@media screen and (min-width: 1023px) and (max-width:1279px) {
#crewcoltxtcrew{min-height:204px;}
#crewcoltxt3{min-height:204px;}
}
@media screen and (min-width: 1280px) {
body{font-size: 100%;}
/** Menu Page **/
#fdimgcol1{position:fixed;bottom:20px;width:14.34374%;max-width:178px;}
#fdimgcol2{position:fixed;bottom:20px;width:14.34374%;max-width:178px;}
#fdimgcol3{position:fixed;bottom:20px;width:14.34374%;max-width:178px;}
#fdimgcol4{position:fixed;bottom:20px;width:14.34374%;max-width:178px;}
#fdimgcol5{position:fixed;bottom:20px;width:14.34374%;max-width:178px;}
#fdimgcol6{position:fixed;bottom:20px;width:14.34374%;max-width:178px;}
#foodmenucol1{float:left;display:inline;margin-top:180px;width:14.34374%;max-width:178px;padding:0 0.25% 0 0.25%;font: 13px Arial, sans-serif;margin-left:2.34375%;}
#foodmenucol2{float:left;display:inline;margin-top:180px;width:14.34374%;max-width:178px;padding:0 0.25% 0 0.25%;margin-left:1.25%;font: 13px Arial, Helvetica, sans-serif;}
#foodmenucol3{float:left;display:inline;margin-top:180px;width:14.34374%;max-width:178px;padding:0 0.25% 0 0.25%;margin-left:1.25%;font: 13px Arial, Helvetica, sans-serif;}
#foodmenucol4{float:left;display:inline;margin-top:180px;width:14.34374%;max-width:178px;padding:0 0.25% 0 0.25%;margin-left:1.25%;font: 13px Arial, Helvetica, sans-serif;}
#foodmenucol5{float:left;display:inline;margin-top:180px;width:14.34374%;max-width:178px;padding:0 0.25% 0 0.25%;margin-left:1.25%;font: 13px Arial, Helvetica, sans-serif;}
#foodmenucol6{float:left;display:inline;margin-top:180px;width:14.34374%;max-width:178px;padding:0 0.25% 0 0.25%;margin-left:1.25%;font: 13px Arial, Helvetica, sans-serif;}
#foodmenucol1 p.fdtext,#foodmenucol2 p.fdtext,#foodmenucol3 p.fdtext{margin-top:-10px;}
#foodmenucol4 p.fdtext,#foodmenucol5 p.fdtext,#foodmenucol6 p.fdtext{margin-top:-10px;}
/** yacht **/
#colcont{position:absolute;top:184px;width:100%;max-width:1280px;font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#col1{position:absolute;width:29.375%;max-width:380px;left:2.7343%;}
#col2{position:absolute;width:29.375%;max-width:380px;left:35.15625%;}
#col2 img{float:left;display:inline;}
#col3{position:absolute;width:29.375%;max-width:380px;left:67.578%;}
#coltxtcrew{margin-top:-14px;}
#coltxt3crew{width:22.34375%;min-width:286px;margin-top:-14px;}
#coltxt{margin-top:-14px;}
#coltxt3{margin-top:-14px;}
#yimage1{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px; margin-right:20px;}
#yimage2{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px;}
#yimage3{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px; margin-right:20px;clear:left;}
#yimage4{float:left;display:inline;width:100%; max-width:380px;margin-bottom:20px;}
/** Activities **/
#actcol1{float:left;display:inline; width:29.375%;max-width:376px;margin-left:2.7343%;}
#actcol2{float:left;display:inline; width:29.375%;max-width:376px;margin-left:40px;}
#actcol3{float:left;display:inline; width:29.375%;max-width:376px;margin-left:40px;}
.acttxt1{height:110px;}
.acttxt2{height:90px;}
.acttxt3{height:100px;}
#actcolcont{position:absolute;top:184px;width:100%;max-width:1280px;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/** crew page **/
#crewcol1{float:left;display:inline; width:29.6875%;max-width:360px;margin-left:2.7343%; }
#crewcol2{float:left;display:inline;width:22.34375%;min-width:120px;max-width:300px; margin-left:6%;}
#crewcol2 img{}
#crewcol3{float:left;display:inline;width:29.6875%;max-width:380px;margin-left:6%;}
#crewcoltxtcrew{margin-top:-14px; padding:10px;min-height:195px;}
#crewcoltxt3crew{width:22.34375%;min-width:286px;margin-top:-14px;}
#crewcoltxt{margin-top:-14px;}
#crewcoltxt3{margin-top:-14px; min-height:195px;}
/** Spec Page **/
#specstxt{font: 13px/18px Arial, Helvetica, sans-serif;float:left;display:inline; background-color:#fff;margin-top:180px;width:376px;margin-left:2.7343%;}
#specimg1{margin-top:180px;float:left;display:inline; width:376px;margin-left:40px;}
#specimg2{margin-top:180px;float:left;display:inline; width:376px;margin-left:40px;}
.shadow-bringer{ position:absolute; top:60%; margin-left:62.28125%;width: 280px; padding:10px; background: #fff; overflow:hidden;filter: alpha(opacity=100);opacity: 1; height:200px;}
.shadow {-moz-box-shadow: 2px 2px 3px #333; -webkit-box-shadow: 2px 2px 3px #333; box-shadow: 2px 2px 3px #333; /* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }
p.fdtext{padding:0;}
}
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
body {font-size:100%;}
}
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape) {
body {font-size:100%;}
/** Menu Page **/
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 2)
{ /** iphone 6 **/
#logocont img{width:40%; height:auto;}
#mhead{height:65px;}
.menu-btn{top:20px;}
.responsive-menu{top:62px;}
.responsive-menu li{line-height:30px;}
.shadow-bringer{top:30%;}
#colcont{top:104px;}
#specstxt, #specimg1, #specimg2{margin-top:104px;}
#guests{height:200px; width:240px;}
#guestscont{padding-top:104px;}
#actcolcont{top:104px;}
#foodmenucol1{margin-top:104px;}
#galleria{height:90%;}
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2)
{ /** iphone 6 **/
#mainfood p {width:80%; margin:0 auto; margin-top:14px; margin-bottom:14px;}
.responsive-menu li{line-height:40px;}
}
@media screen and (min-width:960px) and (min-height:0px) and (max-height: 540px) {
#foodmenucol1,#foodmenucol2,#foodmenucol3,#foodmenucol4,#foodmenucol5,#foodmenucol6{height:114px; overflow:scroll;padding-bottom:20px; background-color:#fff;}
#fdimgcol1,#fdimgcol2,#fdimgcol3,#fdimgcol4,#fdimgcol5,#fdimgcol6{z-index:-100; }
}
@media screen and (min-width:960px) and (min-height:541px) and (max-height: 600px) {
#foodmenucol1,#foodmenucol2,#foodmenucol3,#foodmenucol4,#foodmenucol5,#foodmenucol6{height:154px; overflow:scroll;padding-bottom:20px;}
}
@media screen and (min-width:960px) and (min-height:601px) and (max-height: 650px) {
#foodmenucol1,#foodmenucol2,#foodmenucol3,#foodmenucol4,#foodmenucol5,#foodmenucol6{height:184px; overflow:scroll;padding-bottom:20px;}
}
@media screen and (min-width:960px) and (min-height:651px) and (max-height: 694px) {
#foodmenucol1,#foodmenucol2,#foodmenucol3,#foodmenucol4,#foodmenucol5,#foodmenucol6{height:224px; overflow:scroll; padding-bottom:20px;}
}
@media screen and (min-width:960px) and (min-height:695px) and (max-height: 725px) {
#foodmenucol1,#foodmenucol2,#foodmenucol3,#foodmenucol4,#foodmenucol5,#foodmenucol6{height:284px; overflow:scroll; padding-bottom:20px;}
}
/** MENU **/
#mmenucont{float:right;}
@media screen and (max-width:438px) {
#mmenu{position:absolute; width:100%;white-space: nowrap;overflow: hidden;}
#mmenucont{float:right; display:inline;margin-right:2%;margin-top:18px;padding-left:200px;}
#menblock{width:0;float:left;display:inline;height:106px;}
}
@media screen and (min-width: 439px) and (max-width:510px) {
#mmenu{position:absolute; width:100%;white-space: nowrap;overflow: hidden;}
#mmenucont{float:right; display:inline;margin-right:1%;margin-top:38px;padding-left:200px;}
#menblock{width:0;float:left;display:inline;height:106px;}
}
@media screen and (min-width: 511px) and (max-width:960px) {
#mmenu{position:absolute; width:100%;white-space: nowrap;overflow: hidden;}
#mmenucont{float:right; display:inline;margin-right:2%;padding-left:200px;margin-top:58px;}
#menblock{width:0;float:left;display:inline;height:106px;}
}
@media screen and (min-width: 961px) and (max-width:1279px) {
#mmenu{position:absolute; width:100%;white-space: nowrap;overflow: hidden;}
#mmenucont div{float:right; display:inline;padding-left:0;margin-top:78px;}
}
@media screen and (min-width: 1280px) {
#mmenu{position:absolute; width:1280px;white-space: nowrap;overflow: hidden;}
#mmenucont{float:left; display:inline;margin-left:654px;margin-top:78px;}
#menblock{width:1px;float:left;display:inline;height:106px;}
}
@media screen and (max-width:660px) {
#actcol1, #actcol2, #actcol3{width:97%;max-width:97%; margin:0 auto; text-align:center; float:none;display:inherit;}
#actcolcont p{text-align:left; max-width:380px; margin:0 auto; margin-top:10px;}
#logocont img{max-width:97px;}
#mhead{height:80px;}
#specstxt{margin-top:104px;}
}
@media screen and (max-width:660px) and (orientation : portrait) {
#food2col1, #food2col2{width:100%; height:auto; margin-top:104px;}
#foodmenucol1 p.fdtext,#foodmenucol4 p.fdtext{height:auto;margin-top:-30px;}
#foodmenucol2 p.fdtext,#foodmenucol5 p.fdtext{height:auto; margin-top:-30px;}
#foodmenucol3 p.fdtext,#foodmenucol6 p.fdtext{height:auto; margin-top:-30px;}
#mainfood p {width:80%; margin:0 auto; margin-top:14px; margin-bottom:14px;}
#food2col2{margin-top:0;}
}
@media screen and (max-width:660px) and (orientation : landscape) {
#actcol1, #actcol2, #actcol3{width:97%;max-width:97%; margin:0 auto; text-align:center; float:none;display:inherit;}
#actcolcont p{text-align:left; max-width:380px; margin:0 auto; margin-top:10px;}
#logocont img{width:40%; height:auto;}
#mhead{height:65px;}
.menu-btn{top:20px;}
.responsive-menu{top:63px;}
#guests{height:180px;}
#gallerypage{height:70%;}
}
@media (max-width: 56em) {
.mobile-nav {
display: block;
z-index: 1000;
}
#mmenucont{display:none;} }
@media (max-width: 40em) {
.responsive-menu, .responsive-menu .ul {
width: 100%;
top:76px;
}
.responsive-menu li{line-height:25px;}
}
p.fdtext{padding:0;}