/* *** Basics *** */
body {font-style:normal; font-variant:normal; font-size:10pt; font-family: Verdana, Arial, Helvetica, sans-serif; color:#001f33; background-color:#ffffff;
      SCROLLBAR-FACE-COLOR: #001f33; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #386c9c; 
      SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR:  #FFFFFF; SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #386c9c; 
}

a          {font:Arial, Helvetica, sans-serif; color:#bb9d58; text-decoration:none}
a:hover    {font:Arial, Helvetica, sans-serif; color:#1d5072; text-decoration:underline}
a:active   {font:Arial, Helvetica, sans-serif; color:#bb9d58; text-decoration:none}
a:selected {font:Arial, Helvetica, sans-serif; color:#bb9d58; text-decoration:none}

.content {position: absolute; right:0px; top:90px; width:95%; height:84%; overflow:auto;}
.content p { text-align:justify;}
h1 {font-style:normal; font-variant:normal; font-size:12pt; font-family: Verdana, Arial, Helvetica, sans-serif; color:#001f33; margin-bottom:2px;}
h2 {font-style:normal; font-variant:normal; font-size:11pt; font-family: Verdana, Arial, Helvetica, sans-serif; color:#1d5072; margin-bottom:0px;}
h3 {font-style:normal; font-variant:normal; font-size:9pt; font-family: Verdana, Arial, Helvetica, sans-serif; color:#001f33;}

li {margin-bottom:7px; list-style-image:url(../Images/listItem.jpg)}
img {border: 0px;}
hr { width:80%;  color:#bb9d58; background-color:#bb9d58;}
.special { color:#bb9d58;}

.gdktable {border: 0px solid #000000; padding:0px; margin:0px}
.gdktable td {border: 0px solid #bb9d58; padding:0px; margin:0px}
/* *** HEADER - FOOTER *** */
.headerLineLeft   {position:absolute; left:0px; top:-30px; height:125px; width:614px; z-index:1; background-image:url(../Images/top-line-left.jpg); background-repeat:no-repeat}
.headerLineMiddle {position: absolute; top:-30px; left:5%; width:90%; height:125px; background-image:url(../Images/top-line-middle.jpg); background-repeat:repeat-x; z-index:0}
.headerLineRight  {position:absolute; right:0px; top:-30px; height:125px; width:629px; z-index:1; background-image:url(../Images/top-line-right.jpg); background-repeat:no-repeat}
.headerLogo       {position: absolute; left:10px; top:6px; width:211px; height:50px; z-index:2; background-image:url(../Images/Header-Logo.jpg); background-repeat:no-repeat; z-index:1}

.footerLine     {position:absolute; left:0px; width:100%; top:0px; height:15px; background-image:url(../Images/footer-line.jpg); background-repeat:repeat-x; z-index:1;}
.footerContacts {position:absolute; left:20px; top:12px; vertical-align: middle; z-index:0; border: 0px solid #cc0033}
.footerInfo     {position: absolute; right:100px; top:14px; font-size:9px;}
.footerW3C      {position: absolute; right:0px; top:13px; font-size:9px; z-index:999}


/* *** Menu *** */
.MainMenu {position:absolute; top:25px; left:250px; z-index:98}
.MainMenu td {width:70px; text-align:center; border:1px solid #bb9d58; color: #001f33; z-index:98}
.MainMenu a          {font:Arial, Helvetica, sans-serif; color:#001f33; text-decoration:none; z-index:98}
.MainMenu a:hover    {font:Arial, Helvetica, sans-serif; color:#1d5072; text-decoration:none; z-index:98}
.MainMenu a:active   {font:Arial, Helvetica, sans-serif; color:#bb9d58; text-decoration:none; z-index:98}
.MainMenu a:selected {font:Arial, Helvetica, sans-serif; color:#bb9d58; text-decoration:none; z-index:98}

.Menu1 {position:absolute; top:46px; left:252px; z-index:3; border:1px solid #bb9d58; background-color:#FFFFFF; display:none; z-index:99}
.Menu2 {position:absolute; top:46px; left:328px; z-index:3; border:1px solid #bb9d58; background-color:#FFFFFF; display:none; z-index:99}
.Menu3 {position:absolute; top:46px; left:404px; z-index:3; border:1px solid #bb9d58; background-color:#FFFFFF; display:none; z-index:99}
.Menu4 {position:absolute; top:46px; left:480px; z-index:3; border:1px solid #bb9d58; background-color:#FFFFFF; display:none; z-index:99}

.Menu1 a {font:Arial, Helvetica, sans-serif; color:#001f33; text-decoration:none}
.Menu2 a {font:Arial, Helvetica, sans-serif; color:#001f33; text-decoration:none}
.Menu3 a {font:Arial, Helvetica, sans-serif; color:#001f33; text-decoration:none}
.Menu4 a {font:Arial, Helvetica, sans-serif; color:#001f33; text-decoration:none}

.MenuStateHower {color: 1px solid #ffffff; background-color:#001f33; z-index:99}
.MenuStateHower a          {font:Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; z-index:99}
.MenuStateHower a:hover    {font:Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; z-index:99}
.MenuStateHower a:active   {font:Arial, Helvetica, sans-serif; color:#bb9d58; text-decoration:none; z-index:99}
.MenuStateHower a:selected {font:Arial, Helvetica, sans-serif; color:#bb9d58; text-decoration:none; z-index:99}

.MenuStateOut   {color: 1px solid #001f33; background-color:#ffffff; z-index:99}

.FooterLink {font:Arial, Helvetica, sans-serif; color:#001f33; text-decoration:none}

.switchLang {position: absolute; right:10px; top: 50px; z-index:1000}
/* *** MAINPAGE *** */
.mainTitle {position:absolute; left:50px; top:130px; width:80%; z-index:3}
.mainLabel {position:absolute; left:50px; top:160px; width:40%; text-align:justify; z-index:3;}
.mainSlide {position:absolute; right:50px; top:170px; width:400px; height:235px; overflow:hidden; z-index:1 }
.mainSlideFrame {position:absolute; right:22px; top:140px; width:452px; height:288px; background-image:url(../Images/MainSlide/SlideFrame.gif); background-repeat:no-repeat; z-index:2}
.mainHotline {position:absolute; top:430px; left:150px; width:350px; height:100px; background-image:url(../Images/24hServiceHotline.jpg); background-repeat:no-repeat; z-index:2;}
.mainAdvantages {position:absolute; left:50px; top:240px; width:40%; z-index:3;}
.avinode {position:absolute; right:50px; bottom:5px; z-index:3;}

/* *** ABOUT US *** */
.CorpMission { position:absolute; right:30px; top:100px; z-index:-20;}
.AOC {position: absolute; top:100px; left:50%; width:45%; border: 0px solid #001f33}

/* *** HISTORY *** */
.historyTable th {width: 120px; text-align:center; vertical-align:top; font-style:normal; font-variant:normal; font-size:11pt; font-family: Verdana, Arial, Helvetica, sans-serif; color:#1d5072;}
.historyTable hr {width: 100%;}

/* *** RANGE MAP *** */
.RangeMapDiv { width:702px; height:400px; border: 0px solid #cc0033; z-index:1}

/* *** Crews *** */
.blueLink a          {font:Arial, Helvetica, sans-serif; color:#001f33; text-decoration:none;}
.blueLink a:hover    {font:Arial, Helvetica, sans-serif; color:#bb9d58; text-decoration:underline}
.blueLink a:active   {font:Arial, Helvetica, sans-serif; color:#1d5072; text-decoration:none}
.blueLink a:selected {font:Arial, Helvetica, sans-serif; color:#1d5072; text-decoration:none}
 
.CPTSelection {position: absolute; left:0px; top:70px; z-index:20}
.FOSelection {position: absolute; right:60px; top:70px; z-index:20}

.CrewInfoBlockFrameMiddle    {position: absolute; left:35%; top:80px; height:350px; width:30%; background-image:url(../Images/Staff/Crew-Frame-Middle.png); border:0px solid #cc0033; z-index:9}
.CrewInfoBlockFrameLeft      {position: absolute; left:250px; top:80px; height:350px; width:630px; background-image:url(../Images/Staff/Crew-Frame-Left.png); border:0px solid #cc0033; z-index:10}
.CrewInfoBlockFrameRight     {position: absolute; right:320px; top:80px; height:350px; width:630px; background-image:url(../Images/Staff/Crew-Frame-Right.png); border:0px solid #cc0033; z-index:10}
.CrewFrameMainBlend          {position: absolute; left:250px; top:80px; height:188px;right:320px; background-image:url(../Images/Staff/StaffMainBlend.jpg); background-position:center; background-repeat:no-repeat; border:0px solid #cc0033; z-index:8}
.CrewMainBlendText           {position: absolute; left:250px; top: 340px; right:320px; text-align:center; z-index:20}
.CrewInfoBlockLeft           {position: absolute; left:250px; top:80px; height:300px; width:630px; border:0px solid #cc0033; z-index:2}
.CPTinfoBlockImage      {position: absolute; left:10px; top:7px; z-index:3}
.CPTinfoBlockTitle      {position: absolute; left:40px; top: 200px; font-weight: bold; font-size:13px; color:#001f33}
.CPTinfoBlockMail       {position: absolute; left:40px; top:220px; z-index:12}
.CPTinfoBlockAdditional {position: absolute; left:40px; top: 240px; font-size: 10px; }

.CrewInfoBlockRight           {position: absolute; right:340px; top:80px; height:300px; width:630px; border:0px solid #cc0033; z-index:2}
.FOinfoBlockImage      {position: absolute; right:-10px; top:7px; z-index:3}
.FOinfoBlockTitle      {position: absolute; right:40px; top: 200px; font-weight: bold; font-size:13px; color:#001f33}
.FOinfoBlockMail       {position: absolute; right:40px; top:220px; z-index:112}
.FOinfoBlockAdditional {position: absolute; right:40px; top: 240px;  font-size: 10px; text-align:right}



/* *** CAREERS *** */
.apllRejected { position:absolute; right:50px; top:70px; border:2px solid #cc0033; text-align:center; color:#cc0033; font-weight:bold}

/* *** CONTACT *** */
.leoFrame {border: 0px solid #cc0033; background-image:url(../Images/Leo-Frame.jpg); background-repeat:no-repeat; width:650px; height:196px;}


/* *** Side Images *** */
.HPimages {position: absolute; right:20px; top:50px; width:200px; border: 0px solid #cc0033; overflow:hidden; text-align:right}
.image1 {position: relative; right:-200px; top:0px;  border: 0px solid #00ff00; text-align:right; width:200px;}
.image2 {position: relative; right:-200px; top:0px;  border: 0px solid #00ff00; text-align:right; width:200px;}
.image3 {position: relative; right:-200px; top:0px;  border: 0px solid #00ff00; text-align:right; width:200px;}
.image4 {position: relative; right:-200px; top:0px;  border: 0px solid #00ff00; text-align:right; width:200px;}
.image5 {position: relative; right:-200px; top:0px;  border: 0px solid #00ff00; text-align:right; width:200px;}


/* *** Fleet Galleries *** */
.ACimageGallery {position: absolute; top: 90px; right:50px; width:500px; padding:0px; margin:0px; border:0px solid #cc0033; z-index:200}
.floorplan      {position:relative; top:20px; left: 70px;}
.fleetHoverInfo {position: realtive; font-size:9px; color:#999999;}

.fleetMainTable { border:2px solid #666666; padding:0px; margin:0px; width:100%; }
.fleetMainTable td  { border:0px; padding:0px; margin:0px; text-align:center; }


.fleetTable     { border:2px solid #666666; padding:0px; margin:0px; width:100%; }
.fleetTableHead { background-color:#001f33; color:#ffffff; text-align:center}
.fleetTable td  { border:0px; padding:0px; margin:0px;  }
.fleetTableRowOdd { background-color:#EEEEEE}



/* *** IMAGE MAIN GALLERY *** */
.showbg{background-color: black;}

.link_nor{// for clickable normal link
background-color: #333333;
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 2px solid #808000;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}


.link_act
{// for clickable active link
background-color:#808000;
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 2px solid #808000;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}

span{// for watermark
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
color:ffffff
}

.gray
{// for cover
background-color: gray;
position: absolute;
border: 0px solid #9F6D11;
z-index: 100;
}

img{// for image border
border: 0px solid #663300;
}

.opa{// for watermark opacity 
color:white;
padding:10px 20px 0px 20px;
position: absolute;
z-index: 101;
background-color: #FFA928;
opacity:0.5;
filter: alpha(opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha
(Opacity=100,FinishOpacity=50, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16); 
-moz-opacity: 0.5;
}