/* Default */
html { height:100%; }
body { margin:0px; padding:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFF; line-height:14px; background-color:#3E4A4D; background-position:center center; background-repeat:no-repeat; height:100%; }
h1, h2, h3, h4, p, form, input, textarea, ul, ol, li { margin:0px; padding:0px; }
a img { border:0px; }
a { outline:none; }
a:link, a:visited { color:#00CCFF; }
p { margin-bottom:12px; }
ul { list-style-type:none; }
ul.list { list-style-type:square; margin-left:15px; }
ul li { margin-bottom:12px; }

/* Tools */
.last { margin-right:0px; }
.clear { clear:both; display:block;}

/* Layout */
#wrapper { overflow:hidden; width:950px; height:768px; margin:0px; padding:0px; min-width:770px !important; }
#header { margin:50px 0px 40px 0px; display:block; text-align:right; overflow:hidden; }
#container {  }
#controlled { float:left; width:770px; }
#controller { float:left; width:100px; height:20px; display:none; }
#controller a { display:block; width:100px; height:20px; background:url(../img/interface/icon-hide.gif) no-repeat 0px 0px; }
#controller a:hover { background-position:0px -20px; }
#controller a.showAgain { background-position:0px -40px; }
#controller a.showAgain:hover { background-position:0px -60px; }
#content { width:770px; height:250px; display:block; overflow:hidden; }
#blackbox { width:730px; height:220px !important; padding:20px; /*background:url(../img/interface/bg-black.png) repeat 0px 0px;*/ background-color:#000; display:none;  }
#loading { width:730px; height:20px; z-index:50; display:none; text-align:right; margin-bottom:-20px; }
#test { overflow:hidden; height:20px; }

/* Content Area */
.content, .content-old { width:730px; height:250px; }
.columnone { width:500px; margin-right:20px; float:left; }
.columntwo { float:left; width:320px; margin-right:20px; }
.columnthree { float:left; width:220px; margin-right:20px; }
.continue { width:50px; float:right; overflow:hidden; }
.continue a { display:block; width:20px; height:160px; background-repeat:no-repeat; background-position:0px 70px;}
.continue a span { display:none; }
.continue .next { width:20px; height:160px; float:right; }
.continue .prev { width:20px; height:160px; float:left; }
.next a { background-image:url(../img/interface/page-next.png); }
.prev a { background-image:url(../img/interface/page-prev.png); }
.next a:hover, .prev a:hover { background-position:-20px 70px; }
.parts { overflow:hidden; } 
.part { display:none; width:730px; overflow:hidden; }
#part1 { display:block; }

/* Menu */
#menu { width:770px; height:50px; background:url(../img/interface/bg-black-menu.png) repeat-x 0px 0px; font-size:12px; position:relative; top:0px; z-index:5; }
#menu ul { width:770px; height:35px; list-style-type:none; /*background:url(../img/interface/bg-menu.gif) repeat-x 0px 0px;*/ }
#menu ul li { float:left; margin:0px; padding:0px; }
#menu ul li a { display:block; height:24px; width:76px; padding-top:11px; background:url(../img/interface/bg-menu.gif) repeat-x 0px 0px; color:#000; text-decoration:none; text-align:center; border-right:1px solid #66A199; }
#menu ul li a:hover, #menu a.selected { background-position:0px -35px; color:#FFF; }
#menu ul li ul { display:none; width:85px; background-color:#66A199; top:0px; z-index:30; font-size:11px;; }
#menu ul li ul li { float:none; background-color:#66A199; overflow:hidden; zoom:1;  }
#menu ul li ul li a { background:none !important; height:12px; width:100%; text-align:left; overflow:hidden; padding:5px 0px 5px 15px; border:0px; overflow:hidden; }
#menu li#shipping a { width:85px; }
#menu li#shipping ul, #menu li#shipping li { width:85px; }
#menu li#ship-building a { width:200px; }
#menu li#ship-building ul, #menu li#ship-building li { width:200px; }
#menu li#related-companies a { width:125px; }
#menu li#social-projects a { width:125px; }
#menu li#contact a { border:0px; }
#menu li.expand { color:#000; text-align:center; }
#menu li.expand span { height:25px; padding-top:10px; display:block; border-right:1px solid #66A199; }
#menu li.hover { background:url(../img/interface/bg-menu.gif) repeat-x 0px -35px; color:#FFF; }

/* Headings */
h1 { margin-bottom:20px; height:16px; background-repeat:no-repeat; }
h1 span { display:none; }
h2 { font-size:12px; margin-bottom:12px; color:#70FFCB; }
h1#about-us { background-image:url(../img/titles/about-us.png); }
h1#related-companies { background-image:url(../img/titles/related-companies.png); }
h1#contacts { background-image:url(../img/titles/contacts.png); }
h1#shipping { background-image:url(../img/titles/shipping.png); }
h1#ship-building { background-image:url(../img/titles/ship-building.png); }
h1#shipyard-layout { background-image:url(../img/titles/ship-building.png); }
h1#social-projects  { background-image:url(../img/titles/social-projects.png); }
h1#news  { background-image:url(../img/titles/news.png); }

/* Tables */
table { text-align:left; width:440px; }
th { color:#70FFCB; padding:0px 0px 12px 5px; }
tr.odd { background:url(../img/interface/bg-odd.png) repeat 0px 0px; } 
td { padding:1px 1px 1px 5px; }

/* Backgrounds */
.home, .about-us, .news { background-image:url(../img/backs/about-us.jpg); }
.shipping { background-image:url(../img/backs/shipping.jpg); }
.ship-building { background-image:url(../img/backs/ship-building.jpg); }
.ship-repairs { background-image:url(../img/backs/ship-repairs.jpg); }
.related-companies { background-image:url(../img/backs/related-companies.jpg); }
.social-projects { background-image:url(../img/backs/social-projects.jpg); }
.contact { background-image:url(../img/backs/contacts.jpg); }
.fleet { background-image:url(../img/backs/fleet.jpg); }
.shipyard-layout { background-image:url(../img/backs/ship-building.jpg); }
.shipyard-visions { background-image:url(../img/backs/ship-building.jpg); }
/* Pages */
.companies { overflow:hidden; width:370px;}
.companies a { float:left; display:block; margin-bottom:20px; width:123px; text-align:center;}
#organization-tree { background:url(../img/interface/bg-organization.gif) no-repeat center 15px; height:100px; float:left; margin-right:0px;width:480px; }
#organization-tree a { color:#ccc; text-transform:uppercase; text-decoration:none; }
#organization-tree a span { width:80px; height:16px; display:block; background:url(../img/icons/email.gif) no-repeat 0px 0px; }
#organization-tree a:hover { color:#70FFCB; }
#organization-tree a:hover span { background-position:center -16px; }
#organization-tree #dpa a span{ position:relative; left:0px; top:-15px; }
#organization-tree #fleet-manager a span { position:relative; left:75px; top:-15px; }
#organization-tree ul li { margin:0px; overflow:hidden; }
#fleet-manager { padding-left:200px; }
#dpa { padding:1px 0px 0px 290px !important; }
#departments ul { overflow:hidden; margin-top:20px;margin-left:40px;}
#departments li { float:left; width:80px; text-align:center; }
.infobox { position:absolute; display:none; top:0px; font-size:11px; z-index:95; margin-left:-44px; }
.infobox .info {  height:40px; background-color:#70FFCB; padding:10px; color:#000; text-align:center; }
.infobox .infot { background:url(../img/interface/info-top.png); }
.infobox .infob { background:url(../img/interface/infobox-bottom.gif) no-repeat center top; height:6px; width:170px; display:block; } 
#fleet-manager .infobox { top:295px; margin-left:-45px; }
#dpa .infobox { top:325px; margin-left:-75px; }

/* Scrollbar */
.scroll { width: 480px; overflow: hidden; float: left; height: 160px;}
.withtitle { height:140px; }
.jScrollPaneContainer {	position: relative;	overflow: hidden;	z-index: 1;}
.jScrollPaneTrack {	position: absolute;	cursor: pointer;	right: 0;	top: 0;	height: 100%;	background:url(../img/interface/bg-scroll.png) repeat;}
.jScrollPaneDrag {	position: absolute;	background: #639C94;	cursor: pointer;	overflow: hidden;}
.jScrollPaneDragTop {	position: absolute;	top: 0;	left: 0;	overflow: hidden;}
.jScrollPaneDragBottom {	position: absolute;	bottom: 0;	left: 0;	overflow: hidden;}
a.jScrollArrowUp {display: block;	position: absolute;	z-index:1;top:0;right:0;text-indent:-2000px;overflow: hidden;/*background-color: #666;*/height:9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: 0;right: 0;text-indent: -2000px;overflow: hidden; /*background-color: #666;*/height: 9px;}
a.jScrollArrowDown:hover {	/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {	/*background-color: #f00;*/}