body {background:#000;font-family:"Trebuchet MS";}

#all{background:url('http://craftchart.eu/misc/cc/bg.jpg');background-size:100%;position:fixed;top:0;bottom:0;left:0;right:0;}

#background {position:fixed;top:0;left:0;right:0;bottom:0;}

#header {position:fixed;top:0;left:0;right:0;height:60px;border-bottom:solid 1px #5be;background:url('http://craftchart.eu/misc/cc/cc_mbg.png');}
#mapbg {position:absolute;top:0;left:50%;margin-left:-505px;width:125px;height:60px;background:url('http://craftchart.eu/misc/cc/map.png');
cursor:pointer;z-index:1;}
#map {position:absolute;top:0;left:0;width:125px;height:60px;background:url('http://craftchart.eu/misc/cc/map.png');
background-position: 0px 60px;opacity:0;z-index:3;
-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;}
#mapbg:hover #map {opacity:1;}
#logobg {position:absolute;top:0;left:50%;margin-left:-380px;width:240px;height:60px;background:url('http://craftchart.eu/misc/cc/ccg_inv.png');
cursor:pointer;z-index:1;}
/*#logobg:hover {border-color:rgba(85, 187, 238, .3)}*/
#logo {position:absolute;top:0;left:15px;width:210px;height:60px;background:url('http://craftchart.eu/misc/cc/logo.png') no-repeat;z-index:3;}
#navbar {position:absolute;left:50%;top:0;height:60px;width:631px;margin-left:-139px;z-index:3;background:url('http://craftchart.eu/misc/cc/navbar.png');}
.navigation {width:104px;height:60px;padding:0;margin:0;cursor:pointer;
background:url('http://craftchart.eu/misc/cc/navbar.png');opacity:0;
-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;}
.split {width:1px;height:60px;background:rgb(85,187,238);opacity:0.2;}
/*.navigation:hover {opacity:1;}*/
.navigation.about {background-position:-1px 60px;}
.navigation.chartering {background-position:-106px 60px;}
.navigation.management {background-position:-211px 60px;}
.navigation.vessels {background-position:-316px 60px;}
.navigation.crewing {background-position:-421px 60px;}
.navigation.contact {background-position:-526px 60px;}

#footer {position:fixed;left:0;right:0;bottom:0;height:52px;border-top:solid 1px #5be;color:#aaa;background:#000;text-align:center;padding-top:26px;}

#container {position:fixed;left:0;right:0;top:50%;margin-top:-200px;height: 400px;background:black;border-top:solid 1px #5be;border-bottom:solid 1px #5be;}
#flag {position:absolute;top:50%;left:50%;width:666px;height:400px;margin-left:-85px;margin-top:-200px;background:url('http://craftchart.eu/misc/cc/cc_flag.png');}
.content {position:absolute;top:15px;bottom:25px;right:50%;margin-right:50px;width:425px;color:#ddd;}
.content div {font-family:"Trebuchet MS";height:360px;position:absolute;top:0;left:0;width:100%;display:none;opacity:0;}
.content div h2 {font-family:'Arial';font-size:1.4em;margin-top:-8px;}
.pagetext {font-family:'Trebuchet MS';font-size:1em;padding-left:8px;}

.content .home {opacity:1;display:block;}
.content .about {}
.content .chartering {}
.content .management {}
.content .vessels {}
.content .crewing {}

#rollout1, #rollout2, #rollout3 {position:fixed;top:-550px;width:104px;height:317px;left:50%;margin-left:386px;border:solid 1px #283c47;z-index:2;
border-bottom-right-radius:10px;border-bottom-left-radius:10px;overflow:hidden;color:#ddd;text-align:center;
background:#171717;background:-webkit-linear-gradient(#171717,#252525);background:-moz-linear-gradient(#171717,#252525);
background:-ms-linear-gradient(#171717,#252525);background:-o-linear-gradient(#171717,#252525);background:linear-gradient(#171717,#252525);}
#rollout2 {border:solid 1px #5be;opacity:0;background:none;
background:#2b4682;background:-webkit-linear-gradient(#2b4682,#252525 30%);background:-moz-linear-gradient(#2b4682,#252525);
background:-ms-linear-gradient(#2b4682,#252525);background:-o-linear-gradient(#2b4682,#252525);background:linear-gradient(#2b4682,#252525);}
#rollout3 {margin-left:387px;}
#rollout3 div {border-bottom:solid 1px #666;padding: 10px 0px;cursor:pointer;}
#rollout3 div:hover {background:rgb(51,51,51);}
#rollout3 {background:none;border:none;}
.contactgroup {font-size:0.9em;color:#777;border-bottom:dotted 1px #666 !important;cursor:default !important;}
.contactgroup:hover {background:none !important;}
.lastcontact {border:none !important;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.lastcontact:hover {background:#444 !important;
background:-webkit-linear-gradient(rgba(51,51,51,1),rgba(51,51,51,0)) !important;}

.content span {color:#aaa;}
.content span b {color:#ddd;}
.info {color:#ddd;}
.info tr {cursor:pointer;}
.info tr {color:#ddd;}
.info td:first-child {color:#888;width:60px;text-align:right;padding-right:10px;}

.charter_prom {height:60px !important;position:relative !important;top:0;left:0;width:199px !important;display:block !important;opacity:1 !important;}
#charter_prom_hov {background:url('http://craftchart.eu/misc/cc/charter_prom_hov.png') no-repeat;color:#333;cursor:pointer;z-index:2;}
#charter_prom {background:url('http://craftchart.eu/misc/cc/charter_prom.png');color:#333;cursor:pointer;margin-top:-60px;}