html, body{
margin:0;
padding:0;
background-color:#001a2b;
background-image:url('/images/ocean.jpg');
background-repeat:repeat-x;
}
body{margin-top:-20px;}


.ship-column-container {
clear:both;
width:100%;
padding:20px;
}
.ship-column{
display: inline-block;
width:20%;
padding:10px;
}

.museum-gallery{
display:block;
padding:0 3%;
}

.about-people-events,
.about-intro {
padding:20px 50px 20px 50px;
color: beige;
font-family:arial;
font-weight: 400;
line-height:150%;
}

.about-people-events {
text-align:center;
font-size:20px;
padding-bottom:20px;
}

.about-video {
position:relative;
width:100%;
height:100%;
margin: auto;
}

.about-video iframe {
margin: auto auto;
}
.img-container {
width:100%;
vertical-align: top;
}

.img-container img {
width:100%;
}

.links-out,
.links-out a:link,
.links-out a:active,
.links-out a:visited,
.links-out a:hover{
color:yellow;
font-size:8pt;
}

.links-out{text-align:center;}

.algonquin{
display:block;
width:730px;
height:auto;
margin:20px auto;
border:2px solid lime;
}

.arrows{background-color:#FFF9A3;}

.modal-box{
//background-color:beige;
padding:5px;
//border-radius: 25px; 
//-moz-border-radius: 25px; 
//-webkit-border-radius: 25px; 
//border: 1px solid khaki;
text-align:center;
padding:20px;
height:auto;
//-webkit-box-shadow: 2px 4px 6px 7px #FFF9A3;
//box-shadow: 1px 1px 6px 7px #FFF9A3;
}

#fb-share-button{
z-index:200;
}

#modal-container{
position:absolute;
top:50px;
left:50%;
width:500px;
min-height:500px;
display:none;
}

#screen-bg{
/*
  background:white;
  background:rgba(255,255,255,0.8);
  filter:blur(4px);
  -o-filter:blur(4px);
  -ms-filter:blur(4px);
  -moz-filter:blur(4px);
  -webkit-filter:blur(4px);
*/
display:none;
opacity:0.8;
background-image:url('/images/titanic.gif');
background-position:center;
background-size:130%;
position:fixed;
margin:0;
width:100%;
height:100%;
left:0;
top:0;
overflow:hide;
}

.paginator{
display:block;
height:40px;
min-width:500px;
margin:10px auto;
margin-top:-30px;
}

.fb-comments{background-color:beige;padding:10px
border:1px solid #fff;}

.next-page,
.prev-page{
transform:uppercase;
padding-top:5px;
background-color:navy;
color:navy;
display:block;
height:25px;
width:110px;
border:1px solid green;
font-family:arial;
font-size:11pt;
color:pink;
margin-top:-15px;
}

.other-pages,
.current-page{
padding--top:5px;
display:block;
height:25px;
width:45px;
font-family:arial;
font-size:11pt;
border:1px solid green;
}

.current-page{
background-color:pink;
color:navy;
}
.other-pages{
background-color:navy;
color:pink;
}

.text-boxes{
background-image:url('http://cool-gigs.com/panel/panelimages/screens/drk-scrn.png');
display:block;
width:330px;
float:left;
height:900px;
padding:10px;
color:#fff;
font-size:9pt;
font-family:verdana;
margin-right:15px;
line-height:180%;
font-weight:bold;
 text-shadow: 2px 2px #000;
margin-top:-30px;
}


.ssuc{
display:block;
height:auto;
width:192px;
margin:10px auto;
}


.lower-bottom,
.ssuc-verbage{
color:gold;
font-size:6pt;
font-family:verdana;
font-style:italic;
text-align:center;
}

.lower-bottom{font-size:8pt;}

footer{
border-top:3px dotted green;
width:100%;
height:250px;
background-image:url('/images/sea-floor.png');
background-repeat:repeat-x;
}



.footer-cell{
display:block;
height:auto;
width:250px;
float:left;
padding:10px;
border-right:3px dotted silver;
}

footer .footer-container{
background-image:url('/images/wrecks.png');
background-repeat:no-repeat;
background-position:0px -20px;
height:200px;
width:1100px;
display:block;
margin:10px auto;
}

#google_translate_element{
margin-top:-70px;
-webkit-box-shadow: .5px .5px 2px 2px #292929!important;
box-shadow: .2px .5px 2px 2px #292929!important;
margin-bottom:50px;
}

#share-container,
.share-container{
margin-top:-80px!important;
margin-left:-30px;
display:block;
height:90px;
width:150px;
z-index:1000;
}

.frame-hole1,
.frame-hole2,
.frame-hole3,
.frame-hole4,
.frame-hole5,
.frame-hole6,
.boat-frame2,
.boat-frame3,
.boat-frame4,
.boat-frame1{
display:block;
width:150px;
height:120px;
-webkit-box-shadow: 1px 1px 15px 15px #030303;
box-shadow: 1px 1px 15px 5px #030303;
background-repeat:no-repeat;
}

.frame-hole6,
.frame-hole1,
.frame-hole2,
.frame-hole3,
.frame-hole4,
.frame-hole5{
border:3px double orange;margin-bottom:5px;
}

.close-text,
.mouse-a-boat{
text-align:center;
color:yellow;
font-size:8pt;
}

.close-text{float:right;margin-right:7px;}

.more-photos{
font-size:12pt;
color:white;
margin-top:10px;
}


.ship-names{
text-align:center;
color:gold;
font-size:8pt;
font-style:italic;
font-weight:bold;
}

.frame-hole1{
background-image:url('/IMG/cutysark.gif');
background-position:0px0px;
background-size:150px;
height:180px;
}

.frame-hole4{
background-color:#fff;
background-image:url('/images/america-deckplans.jpg');
background-position:0px 0px;
background-size:150px;
height:80px;
}

.frame-hole5{
background-color:#fff;
background-image:url('../secca2.jpg');
background-position:0px 0px;
background-size:150px;
height:80px;
}



.boat-frame1{
background-image:url('/images/titanic.gif');
background-position:12px 27px;
background-size:130px;
}

.boat-frame1:hover{
background-image:url('/images/titanic/thumbs1_titanic2.jpg');
background-position:12px 27px;
background-size:130px;
-webkit-box-shadow:inset 1px 1px 15px 15px #1C1C1C;
box-shadow:inset 1px 1px 15px 15px #1C1C1C;
}

.boat-frame2{
background-image:url('/images/queen-mary.gif');
background-position:12px 27px;
background-size:130px;
}

.boat-frame2:hover{
background-image:url('/gallery/wayne.jpg');
background-position:-42px 30px;
background-size:250px;
-webkit-box-shadow:inset 1px 1px 15px 15px #1C1C1C;
box-shadow:inset 1px 1px 15px 15px #1C1C1C;
}

.boat-frame3{
background-image:url('/images/america.gif');
background-position:12px 27px;
background-size:130px;
}

.boat-frame3:hover{
background-image:url('/images/d1463348901/thumbs2_IMG1463366587.JPG');
background-position:12px 7px;
background-size:130px;
-webkit-box-shadow:inset 1px 1px 15px 15px #1C1C1C;
box-shadow:inset 1px 1px 15px 15px #1C1C1C;
}

.boat-frame4{
background-image:url('/images/lusitania.gif');
background-position:12px 7px;
background-size:130px;
}

.boat-frame4:hover{
background-image:url('/IMG/replica.jpg');
background-position:18px 17px;
background-size:110px;
-webkit-box-shadow:inset 1px 1px 15px 15px #1C1C1C;
box-shadow:inset 1px 1px 15px 15px #1C1C1C;
}

.bottom-images{
width:810px;
height:auto;
display:block;
margin:0px auto;
margin-top:-25px;
}

.box1,
.box2,
.box3,
.box4{
display:block;
height:140px;
width:202px;
float:left;
-webkit-box-shadow:inset 1px 1px 10px 10px #001a2b;
box-shadow:inset 1px 1px 10px 10px #001a2b;
background-repeat:no-repeat;
background-size:190px;
background-position:center;
}

.box1{
background-image:url('/images/d1463348901/thumbs2_IMG1463364096.JPG');
}
.box2{
background-image:url('/images/d1463348901/thumbs2_IMG1463363243.JPG');
}
.box3{
background-image:url('/images/d1463348901/thumbs2_IMG1463363661.JPG');
}
.box4{
background-image:url('/images/d1463348901/thumbs2_IMG1463364487.JPG');
}

.wrapper{
width:1055;
margin:0px auto;
height:auto;
}

.slogan-container{
width:650px;
display:block;
margin:0px auto;
height:auto;
}

.left-side, .right-side{
width:150px;
margin-top:-110px;
padding:10px;
display:block;
text-align:center;
height:1170px;
}


.port-hole2,
.port-hole3,
.port-hold4,
.port-hole1{
width:150px;
height:150px;
display:block;
background-image:url('/images/people-magazine.png');
background-size:150px;
background-position:20px 20px;
background-repeat:no-repeat;
}

.port-hole2{
background-image:url('/images/bio/rachael2.png');
background-size:150px;
background-position:20px 20px;
}

.port-hole3{
background-image:url('/IMG/ticover.gif');
background-size:150px;
background-position:20px 20px;
}

.port-hole4{
background-image:url('/IMG/replica.jpg');
background-size:150px;
background-position:10px 10px;
height:140px;
margin-bottom:10px;
}

.port-hole5{
background-image:url('/images/captain.jpg');
background-size:125px;
background-position:10px 10px;
height:140px;
margin-bottom:10px;
}

.all-from-just{
margin:20px auto;
display:block;
width:350px;
height:80px;
background-image:url('/images/all-from-just.png');
background-repeat:no-repeat;
background-size:330px;
}

.toothpicks{
margin:10px auto;
margin-top:-60px;
display:block;
width:800px;
height:90px;
background-image:url('/images/TPS.png');
background-repeat:no-repeat;
background-size:800px
}

.slogan{
float:left;
font-style:italic;
font-weight:bold;
color:#49F5C4;
font-size:14pt;
text-align:center;
text-shadow: 1px 1px 20px #030A08;
font-family:arial;
letter-spacing:1px;
width:550px;
height:80px;
display:block;
}

.about-middle,
.main-photo{
margin:10px auto;
display:block;
width:750px;
height:900px;
background-image:url('/waynekusy.jpg');
background-size:1000px;
background-position:0px -300px;
-webkit-box-shadow:inset 1px 1px 20px 20px #001a2b;
box-shadow:inset 1px 1px 20px 20px #001a2b;
padding-left:30px;
float:left;
}

.about-middle{
background-image:url('/images/deckplans2.png');
background-position:-30px 20px;
//background-repeat:repeat-y;
display:block;
height:1050px;

}

.social-media{
width:350px;
display:block;
height:50px;
//margin:10px auto;
position:absolute;
top:10px;
right:80px;
}
.ss{
float:left;
height:35px;
width:35px;
display:block;
}

.ss a:hover{text-decoration:none;}
.ss a:link{text-decoration:none;}
.ss a:visited{text-decoration:none;}
.ss a:active{text-decoration:none;}

.hywet-box{
width:300px;
height:auto;
background-color:black;
color:gold;
font-family:arial;
font-size:10pt;
text-align:center;
display:block;
margin-left:20px;
margin-top:20px;
font-style:italic;
font-weight:bold;
padding:10px;
border-radius: 23px; 
-moz-border-radius: 23px; 
-webkit-border-radius: 23px; 
border:2px dotted red;

}

.anchor{
background-image:url('/images/anchor.png');
background-repeat:no-repeat;
background-size:40px;
float:left;
width:45px;
height:80px;
display:block;
}

table.main-table{
display:block;
width:1150px;
height:1180px;
margin:0px auto;
}

nav{width:810px;display:block;margin:0px auto;height:30px;}

.boat-title,
footer ul.foot li,
nav ul.nav li{float:left;list-style:none;color:khaki;font-size:13pt;font-family:sans-serif;padding:10px;font-weight:bold;}




footer ul.foot li{
list-style-image: url('/images/mini-anchor.png');
padding:none;
font-size:9pt;
margin-top:-10px;
clear:both;}

ul.foot li a:hover{text-decoration:none;color:khaki;}
ul.foot li a:link{text-decoration:none;color:khaki;}
ul.foot li a:visited{text-decoration:none;color:khaki;}
ul.foot li a:active{text-decoration:none;color:khaki;}
ul.nav li a:hover{text-decoration:none;color:khaki;}
ul.nav li a:link{text-decoration:none;color:khaki;}
ul.nav li a:visited{text-decoration:none;color:khaki;}
ul.nav li a:active{text-decoration:none;color:khaki;}
.hywet-box a:hover{text-decoration:none;color:khaki;}
.hywet-box a:link{text-decoration:none;color:khaki;}
.hywet-box a:visited{text-decoration:none;color:khaki;}
.hywet-box a:active{text-decoration:none;color:khaki;}

.show-case{font-weight:bold;font-size:15pt;color:#ededed;}

.press-release,
.email-me{
text-align:center;
font-size:13pt;
font-family:verdana;
font-weight:bold;
color:khaki;
margin-bottom:15px;
}

.press-release{font-size:10pt;}


.right-side label{font-style:italic;color:khaki;font-size:9pt;font-family:verdana;text-align:center;margin-bottom:15px;font-weight:bold;}

.ship-column label,
.left-side label{
font-style:italic;
color:gold;
font-size:10pt;
font-family:verdana;
text-align:center!important;
margin-bottom:15px;
}


/* mailer */


#envelop{
display:none;
background-color:#001a2b;
opacity:0.8;
border: 1px solid khaki;
padding:30px;
border-radius: 25px; 
-moz-border-radius: 25px; 
-webkit-border-radius: 25px; 
width:600px;
min-height:1400px;
position:absolute;
left:300px;
top:100px;
}

#screen-wrap{
display:none;
//background-image:url('http://cool-gigs.com/panel/panelimages/screens/scr.png');
background-color:navy;
opacity:0.7;
position:fixed;
margin:0;
width:100%;
height:100%;
left:0;
top:0;
overflow:hide;

}

.env-title, .label{
text-align:center;
color:gold;
font-size:20pt;
font-family:arial black;
}

.label{text-align:left;margin-left:52px;}

#envelop p{
color:khaki;
font-size:10pt;
font-family:arial;
}

.mailer-logo{
background-image:url('http://waynekusy.com/images/ships-wheel.png');
background-size:100px;
background-position:250px 10px;
background-repeat:no-repeat;
display:block;
width:550px;
height:110px;
}

#book{
margin-left:500px;
margin-top:-40px;
display:block;

}

.line-text,
.line-text1,
.line-text2,
.line-text3,
.line-text4,
.line-text5,
.line-text6,
.line-text7,
.big-text1,
.big-text2,
.big-text3,
.big-text4,
.big-text5,
.big-text6,
.big-text7,
 .big-text,
 .mid-text{
background-color:gray;
color:#fff;
font-size:14pt;
font-family:arial;
font-weight:bold;
display:block;
width:500px;
height:35px;
padding-left:10px;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border:1px solid red;
margin:10px auto;
}

.big-text,
.big-text1,
.big-text2,
.big-text4,
.big-text5,
.big-text6,
.big-text7{
height:200px;
}

.big-text3{height:80px;}

.confirm-sent{font-size:12pt;font-family:verdana;color:#fff;}

.mid-text{
height:70px;
}

.label{font-size:16pt;color:silver;margin-top:20px;}

.submission{
margin-top:-50px;
display:block;
margin-left:260px;
height:80px;
width:70px;
margin-top:-10px;
}

.submission p{
display:block;
color:yellow;
font-size:10pt;
text-align:center;
font-family:verdana;
}

#entry-content{
display:block;
}

.america > table{margin-left:-10px;margin-top:-40px;}

.ship-info p,
.about p{
font-size:10pt;
text-align:left;
color:#ededed;
}

.video {
//  position: fixed;
//  top: 0%; left: 50%;
  z-index: 1;
 min-width: 100%;
 min-height:100%;
  width: auto;
  height: auto;
  transform: translate(-0%, -50%);
margin-top:-100px;
border:1px solid #666;
-webkit-box-shadow: 0px 2px 32px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 32px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 32px 0px rgba(0,0,0,0.75);
}

.cover{
display:block;
position:absolute:
top:0px;
left:0px;
width:100%;
height:500px;
z-index:5;
background:color:blue;
opacity:0.3;
}