html, body {
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    min-width:800px;
}
 body {
    background:#000;
    color:#FFF;
    font-family:Arial;
    font-size:13px;
    font-family:'Marcellus SC', Arial, sans-serif;
    min-width:1260px;
}

a {
	color:#FFFFFF;
}

h2 {
	color: #00a3ff;
	margin-bottom: 0px;
    margin-top: 5px;
}

.greyed {
	-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
}

 #title {
    width:268px;
    height:108px;
    margin:auto;
    padding-top:20px;
}
 #globe {
    margin:auto;
    text-align:center;
    overflow: auto;
}
#globe>img {
    margin-left:-20px;
    margin-top:50px;
}
#globe applet {
    margin-top:20px;
}
#wrapper {
    padding:40px;
}
applet {
    outline:none;
}
 .invisible {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    -moz-opacity:0.0;
    -khtml-opacity:0.0;
    opacity:0.0;
}
.banner-top {
    width:100%;
    height:50px;
    margin-top:5px;
    background:#000000;
    /* Old browsers */
background:-moz-linear-gradient(top, #000000 0%, #00a3ff 100%);
    /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#00a3ff));
    /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, #000000 0%,#00a3ff 100%);
    /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, #000000 0%,#00a3ff 100%);
    /* Opera 11.10+ */
background:-ms-linear-gradient(top, #000000 0%,#00a3ff 100%);
    /* IE10+ */
background:linear-gradient(to bottom, #000000 0%,#00a3ff 100%);
    /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00a3ff',GradientType=0 );
    /* IE6-9 */
box-shadow:0px 7px 10px rgba(0, 194, 255, 0.5);
    border-bottom:1px solid rgb(0, 194, 255);
    text-align:center;
}

.banner-top a {
display:inline-block;
padding: 6px;
border: 1px solid rgb(0, 194, 255);
border-bottom: none;
color: white;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 100px;
font-size: 17px;
margin-top: 15px;
margin-left:5px;
margin-right:5px;
background-color:#00a3ff;  
text-decoration: none;
}
.banner-top a:last-child {
	background-color: #6E5FDE;
	border: 1px solid #6E5FDE;
}



.banner-top a:hover, .banner-top a.active {
  box-shadow: 0px -2px 5px black; 
  cursor:pointer;
  
        background: rgb(52,59,96); /* Old browsers */
background: -moz-linear-gradient(top, rgba(52,59,96,1) 0%, rgba(0,163,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,59,96,1)), color-stop(100%,rgba(0,163,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(52,59,96,1) 0%,rgba(0,163,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(52,59,96,1) 0%,rgba(0,163,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(52,59,96,1) 0%,rgba(0,163,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(52,59,96,1) 0%,rgba(0,163,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343b60', endColorstr='#00a3ff',GradientType=0 ); /* IE6-9 */      
}

.banner-top a:last-child:hover {
	background:none;
	background-color: #6E5FDE;
	border: 1px solid #6E5FDE;
}

.banner-top a img {
	display:inline-block;
	margin-right:5px;
}

 .banner-bottom {
    width:100%;
    height:50px;
    background:#7d7e7d;
    /* Old browsers */
background:#00a3ff;
    /* Old browsers */
background:-moz-linear-gradient(top, #00a3ff 0%, #000000 100%);
    /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a3ff), color-stop(100%,#000000));
    /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, #00a3ff 0%,#000000 100%);
    /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, #00a3ff 0%,#000000 100%);
    /* Opera 11.10+ */
background:-ms-linear-gradient(top, #00a3ff 0%,#000000 100%);
    /* IE10+ */
background:linear-gradient(to bottom, #00a3ff 0%,#000000 100%);
    /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3ff', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
box-shadow:0px -7px 10px rgba(0, 194, 255, 0.5);
    border-top:1px solid rgb(0, 194, 255);
}
 #footer {
    width:100%;
    margin:auto;
    text-align:center;
    background-color:#dcf0ff;
}
 .mainlayer {
    width:512px;
    height:386px;
    background-image:url('../images/help.jpg');
    box-shadow:0px 0px 10px rgba(255, 255, 255, 0.5);
    margin:auto;
    overflow: hidden;
}
 .mainbox {
    width: 470px;
    height: 340px;
    margin-top: 24px;
    margin-left: 20px;
    overflow: auto;
    text-align: left;
    padding-right: 13px;
}
.mainbox::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #1C1C1C;
}

.mainbox::-webkit-scrollbar
{
	width: 10px;
	background-color: #282828;
}

.mainbox::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.maincontent p {
    font-size: 14px;
    margin: 0;
    margin-top: 7px;
    margin-bottom: 7px;
    color: #7f8797;
}
.maincontent span {
    font-family:Arial;
    line-height:150%;
    color:#cccccc;
}
 .okbutton {
    background:rgb(0,0,0);
    /* Old browsers */
background:-moz-linear-gradient(45deg, rgba(0,0,0,1) 1%, rgba(73,73,73,1) 20%, rgba(73,73,73,1) 80%, rgba(0,0,0,1) 100%);
    /* FF3.6+ */
background:-webkit-gradient(linear, left bottom, right top, color-stop(1%,rgba(0,0,0,1)), color-stop(20%,rgba(73,73,73,1)), color-stop(80%,rgba(73,73,73,1)), color-stop(100%,rgba(0,0,0,1)));
    /* Chrome,Safari4+ */
background:-webkit-linear-gradient(45deg, rgba(0,0,0,1) 1%,rgba(73,73,73,1) 20%,rgba(73,73,73,1) 80%,rgba(0,0,0,1) 100%);
    /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(45deg, rgba(0,0,0,1) 1%,rgba(73,73,73,1) 20%,rgba(73,73,73,1) 80%,rgba(0,0,0,1) 100%);
    /* Opera 11.10+ */
background:-ms-linear-gradient(45deg, rgba(0,0,0,1) 1%,rgba(73,73,73,1) 20%,rgba(73,73,73,1) 80%,rgba(0,0,0,1) 100%);
    /* IE10+ */
background:linear-gradient(45deg, rgba(0,0,0,1) 1%,rgba(73,73,73,1) 20%,rgba(73,73,73,1) 80%,rgba(0,0,0,1) 100%);
    /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
 padding:10px;
    display:inline-block;
    box-shadow:1px 1px 2px #000000;
    border:2px solid grey;
    border-radius:5px;
}

.downloadbutton {
	background-color:#00a3ff;
    border-radius:5px;
    margin-top: 20px;
    border:none;
    cursor:pointer;
	text-align:center;
	    border: 1px solid;
}
.downloadbutton:hover {
		background-color:#6ec9fc;
}
.downloadbutton a {
	display: inline-block;
    width: 100%;
    height: 100%;
    padding: 10px;
	box-sizing: border-box;
    font-size: 20px;
    text-decoration: none;
}

.whitebutton {
    background-color:#fffbea;
    border-radius:5px;
    font-size:16px;
    border:none;
    cursor:pointer;
}

.whitebutton:hover {
    box-shadow:inset 0 0 4px black;
}

 @font-face {
    font-family:'WebSymbolsRegular';
    src:url('websymbols/websymbols-regular-webfont.eot');
    src:url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('websymbols/websymbols-regular-webfont.woff') format('woff'), url('websymbols/websymbols-regular-webfont.ttf') format('truetype'), url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}
.ca-content h3 {
    padding:0;
    margin:0;
}
.ca-content h2 {
    padding:0;
    margin:10px;
}
.ca-menu {
    padding:0;
    margin:0;
    width:100% margin:20px 0 0 0;
}
.ca-menu li {
    width:200px;
    height:250px;
    overflow:hidden;
    position:relative;
    float:left;
    background:#000;
    /* -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
    box-shadow:1px 1px 2px rgba(0,0,0,0.2);
    */
-webkit-box-shadow:0px 0px 15px 5px rgba(0, 204, 255, .0);
    -moz-box-shadow:0px 0px 15px 5px rgba(0, 204, 255, .0);
    box-shadow:0px 0px 15px 5px rgba(0, 204, 255, .0);
    margin-top:20px;
    margin-left:40px;
    -webkit-transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    -ms-transition:all 300ms linear;
    transition:all 300ms linear;
    -moz-border-radius:35px;
    border-radius:35px;
    border:2px solid rgba(54, 121, 194, 0.2);
}
.ca-menu li:last-child {
    margin-right:0px;
}
.ca-menu li a {
    text-align:left;
    width:100%;
    height:100%;
    display:block;
    color:#CCC;
    position:relative;
}
.ca-icon {
    font-family:'WebSymbolsRegular', cursive;
    font-size:60px;
    color:#CCC;
    line-height:150px;
    position:absolute;
    width:100%;
    height:50%;
    left:0px;
    top:0px;
    text-align:center;
    -webkit-transition:all 400ms linear;
    -moz-transition:all 400ms linear;
    -o-transition:all 400ms linear;
    -ms-transition:all 400ms linear;
    transition:all 400ms linear;
}
.ca-content {
    position:absolute;
    left:0px;
    width:100%;
    height:50%;
    top:50%;
}
.ca-main {
    font-size:30px;
    opacity:0.8;
    text-align:center;
    -webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    -ms-transition:all 200ms linear;
    transition:all 200ms linear;
}
.ca-sub {
    text-align:center;
    font-size:14px;
    color:#666;
    opacity:0.8;
    -webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    -ms-transition:all 200ms linear;
    transition:all 200ms linear;
}
.ca-menu li:hover, .ca-menu li.active {
    background-color:#000;
    border:2px solid rgba(54, 121, 194, 1);
    -webkit-box-shadow:0px 0px 15px 5px rgba(54, 121, 194, 0.75);
    -moz-box-shadow:0px 0px 15px 5px rgba(54, 121, 194, 0.75);
    box-shadow:0px 0px 15px 5px rgba(54, 121, 194, 0.75);
}
.ca-menu li.german:hover, .ca-menu li.german.active {
    background-image:url('../images/germany.jpg');
    background-position:center;
}
.ca-menu li.english:hover, .ca-menu li.english.active {
    background-image:url('../images/english.jpg');
    background-position:center;
}
.ca-menu li.french:hover, .ca-menu li.french.active {
    background-image:url('../images/france.jpg');
    background-position:center;
}
.ca-menu li.dutch:hover, .ca-menu li.dutch.active {
    background-image:url('../images/holland.jpg');
    background-position:center;
}
.ca-menu li.polish:hover, .ca-menu li.polish.active {
    background-image:url('../images/poland.jpg');
    background-position:center;
}
.ca-menu li.korean:hover, .ca-menu li.korean.active {
    background-image:url('../images/korea.jpg');
    background-position:center;
}
.ca-menu li.russian:hover, .ca-menu li.russian.active {
    background-image:url('../images/russia.jpg');
    background-position:center;
}
.ca-menu li.portuguese:hover, .ca-menu li.portuguese.active {
    background-image:url('../images/portugal.jpg');
    background-position:center;
}
.ca-menu li.japanese:hover, .ca-menu li.japanese.active {
    background-image:url('../images/japan.jpg');
    background-position:center;
}
.ca-menu li:hover .ca-icon, .ca-menu li.active .ca-icon {
    color:#4fc1f7;
    font-size:90px;
    text-shadow:0 0 0.2em #4fc1f7, 0 0 0.2em #4fc1f7;
}
.ca-menu li:hover .ca-main, .ca-menu li.active .ca-main {
    color:#fff;
    -webkit-animation:moveFromLeftRotate 300ms ease;
    -moz-animation:moveFromLeftRotate 300ms ease;
    -ms-animation:moveFromLeftRotate 300ms ease;
}
.ca-menu li:hover .ca-sub, .ca-menu li.active .ca-sub {
    color:#fff;
    -webkit-animation:moveFromBottom 500ms ease;
    -moz-animation:moveFromBottom 500ms ease;
    -ms-animation:moveFromBottom 500ms ease;
}
@-webkit-keyframes moveFromLeftRotate {
    from {
    -webkit-transform:translateX(-100%) rotate(-90deg);
}
 to {
    -webkit-transform:translateX(0%) rotate(0deg);
}
}
@-moz-keyframes moveFromLeftRotate {
    from {
    -moz-transform:translateX(-100%) rotate(-90deg);
}
 to {
    -moz-transform:translateX(0%) rotate(0deg);
}
}
@-ms-keyframes moveFromLeftRotate {
    from {
    -ms-transform:translateX(-100%) rotate(-90deg);
}
 to {
    -ms-transform:translateX(0%) rotate(0deg);
}
}
@-webkit-keyframes moveFromBottom {
    from {
    -webkit-transform:translateY(100%);
}
 to {
    -webkit-transform:translateY(0%);
}
}
@-moz-keyframes moveFromBottom {
    from {
    -moz-transform:translateY(100%);
}
 to {
    -moz-transform:translateY(0%);
}
}
@-ms-keyframes moveFromBottom {
    from {
    -ms-transform:translateY(100%);
}
 to {
    -ms-transform:translateY(0%);
}
}


.dijitDialog {
	border-radius:5px;
	background-color: rgba(0, 163, 255, 0.9);
	padding:5px;
}

.dijitDialogCloseIcon {
	float:right;
	cursor:pointer;
}

.dijitDialogTitleBar {
	border-radius: 5px;
	background-color: rgba(240, 193, 54, 1);
	padding: 5px;
	box-shadow: 0px 0px 1px black;
	color: black;
	margin-bottom: 10px;
}
.dijitDialogPaneContent {
	text-align:center;
	border:none;
}

#titanicvoyage_link {
	border:none;
	outline:none;
}