/* 
    Document   : mystyle
    Created on : 12 Φεβ 2012, 6:22:56 μμ
    Author     : Ioannis
    Description:
    Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html, body
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align:center;
    background-color: rgb(255,255,255);    
    font-family: Verdana, Arial, Helvetica, sans-serif;   
}

#body_img
{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
}

#overall_div3
{
    position:relative;
    top:70%; 
    width:1206px;
    height:435px;
    margin-left:auto;
    margin-right: auto;
    background-color:white;
    margin-top:-300px;
}
#overall_div2
{
    position:relative;
    top:50%;    
    width:1206px;
    height:667px;
    margin-left:auto;
    margin-right: auto;
    background-color:white;
    margin-top:-300px;
}
#overall_div
{
    position:relative;
    top:3px;
    bottom:3px;
    width:1200px;
    height:600px;
    margin-left:auto;
    margin-right: auto;
    text-align:left;    
}

#top-logo-div
{
    position:absolute;
    clear:both;
    width:100%;
    height:20%;
    background-color:white;
}

#logo-right
{   
    position:relative;
    top:70%;
    float:right;
    height:16%;
    width:32%;
    z-index:100;
    background-image: url('../img/Delta_international.gif');
    background-size: 100% 100%;
    background-repeat:no-repeat;
}

#logo-left
{
    position:relative;
    float:left;
    height:100%;
    width:11%;
    left:13%;
    cursor:pointer;
    /*background-image: url('../img/Delta_international.gif');
    background-size: 100% auto;
    background-repeat:no-repeat;*/    
}

#link1,#link2,#link3,#link4,#link5,#link6,#link7
{
    position:relative;
    clear:both;
    height:7%;
    width:70%;
    left:10%;
    opacity:0.8;filter:alpha(opacity=80);            
    z-index:2;
}

#link1:hover,
#link2:hover,
#link3:hover,
#link4:hover,
#link5:hover,
#link6:hover,
#link7:hover
{
    background-image:url('../img/hover_link.png');
    opacity:1;filter:alpha(opacity=100);   
    cursor:pointer;
}
#link1
{
    top:10%;
}
#link2
{
    top:12.5%;
}
#link3
{
    top:15%;
}
#link4
{
    top:17.5%;
}
#link5
{
    top:20%;
}
#link6
{
    top:25%;
}
#link7
{
    top:22.5%;
}

#link1_text,#link2_text,#link3_text,#link4_text,#link5_text,#link6_text,#link7_text
{
    position:absolute;
    clear:both;
    height:100%;
    width:100%;
    left:5%;    
    top:12%;
    z-index:3;            
}
#link1_text_message_old
{
    position:relative;
    text-align:left;          
    left:20%;
    height:100%;
    font-size: 300%;
}
#link1_text_message
{
    position:relative;
    height:100%;
    float:left;
    left:-15%;
    top:2%;
/*    background-size:60%;
    background-image:url('../img/Who-we-are.png');
    background-repeat: no-repeat;*/
    z-index:3;            
}

#link2_text_message
{
    position:relative;
    height:100%;
    float:left;
    left:-15%;
    top:2%;    
/*    background-size:45%;
    background-image:url('../img/Our-fleet.png');                */
    background-repeat: no-repeat;
    z-index:3;            
}
#link3_text_message
{
    position:relative;
    height:100%;
    float:left;
    left:-15%;
    top:2%;    
/*    background-size:53%;
    background-image:url('../img/Our-policy.png');                */
    background-repeat: no-repeat;
    z-index:3;            
}
#link4_text_message
{
    position:relative;
    height:100%;
    float:left;
    left:-15%;
    top:2%;    
    /*background-size:42%;
    background-image:url('../img/Training.png');                */
    background-repeat: no-repeat;
    z-index:3;            
}
#link5_text_message
{
    position:relative;
    height:100%;
    float:left;
    left:-15%;
    top:2%;    
    /*background-size:40%;
    background-image:url('../img/Careers.png');                */
    background-repeat: no-repeat;
    z-index:3;            
}
#link6_text_message
{
    position:relative;
    height:100%;
    float:left;
    left:-15%;
    top:2%;    
    /*background-size:60%;
    background-image:url('../img/Contact-us.png'); */
    background-repeat: no-repeat;
    z-index:3;                        
    font-size:100%;
}
#link7_text_message
{
    position:relative;
    height:100%;
    float:left;
    left:-15%;
    top:2%;    
    /*background-size:60%;
    background-image:url('../img/Contact-us.png'); */
    background-repeat: no-repeat;
    z-index:3;                        
    font-size:100%;
}

#vertical-bar{
    position:absolute;
    top:20%;
 /*   background-color: rgba(0,52,109,0.4);*/
    background-image: url('../img/transparent.png');
    left:10%;
    width:20%;
    height:70%;
    z-index:2;    
}

#main-div
{
    position:absolute;
    top:20%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#main-div-pic
{
    position:absolute;
    top:-20%;
    width:100%;
    height:100%;
    z-index:1;    
}

#bottom-sirit
{
    position:absolute;
    top:70%;
    clear:both;
    width:100%;
    height:0.5%;
    background-color:white;
    z-index:40;
}

#bottom-div
{
    position:relative;
    top:70%;
    clear:both;
    width:100%;
    height:20%;
    background-color:rgb(53,49,48);
    z-index:20;
}

.scroll-pane
{
    overflow: auto;
    position:absolute;
    left:5%;
    top:5%;
    width:90%;
    height:90%;
    background-color: white;
    padding:2%;
    z-index:6;   
    text-align: justify;
    opacity:0.8;filter:alpha(opacity=80);            
    font-size:100%;
}

.scroll-pane2
{
    overflow: auto;
    position:relative;
    left:5%;
    top:5%;
    width:90%;
    height:60%;
    background-color: white;
    padding:2%;
    z-index:6;   
    text-align: justify;
    opacity:0.8;filter:alpha(opacity=80);            
    font-size:100%;
}

.scroll-pane-wrapper
{
    overflow: auto;
    position:absolute;
    left:35%;
    top:45%;
    width:60%;
    height:65%;
    background-color: white;
    z-index:60;   
    text-align: justify;
    opacity:0.8;filter:alpha(opacity=80);            
}

.scroll-pane-wrapper2
{
    overflow: auto;
    position:absolute;
    left:35%;
    top:45%;
    width:60%;
    height:45%;
    background-color: white;
    z-index:60;   
    text-align: justify;
    opacity:0.8;filter:alpha(opacity=80);            
}

.jspCap
{
        display: block;
        background: #eeeef4;
}

.jspVerticalBar .jspCap
{
        height: 20px;
}

.jspHorizontalBar .jspCap
{
        width: 50px;
        height: 100%;
}



#company-name
{
    display:inline;
    position:relative;
    height:100%;
}

.contact_info
{
    position:relative;
    float:right;
    height:12%;
    top:10%;
    right:7%;
    color:white;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size:95%;
    text-align:justify;
}

root { 
    display: block;
}

a.ships
{
    text-decoration: none;
    color:grey;
}

a.ships:hover
{
    text-decoration: none;
    color:white;
}

a.ships_links
{
    text-decoration: none;
    color:white;    
}

#land_application
{
    float:right;
    color:white;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    /*font-weight:bold;*/
    font-size:130%;
    padding:2%;
    margin-right:10%;
    cursor:pointer;
}


#sea_application
{
    float:right;
    color:white;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    /*font-weight:bold;*/
    font-size:130%;
    padding:2%;
    margin-right:10%;
    cursor:pointer;
    text-decoration: none;

}

#land_app_link,#sea_app_link
{
    text-decoration: none;
    color:white;
}

.small_ship_icons
{
    float:left;
    margin-left:8%;
    width:10%;
    color:white;
    /*font-weight:bold;*/
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    text-align: center;
    font-size:80%;
    text-decoration: none;
    cursor: pointer;
}

.blank_icon
{
    float:left;
    margin-left:8%;
    width:15%;
    color:white;
    /*font-weight:bold;*/
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    text-align: center;
    font-size:80%;
    text-decoration: none;
    cursor: pointer;
}

#left-bottom-div
{
    color:white;
    margin-left:10%;
    margin-top:1%;
    float:left;
    height:100%;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    /*font-weight:bold;*/
    font-size:100%;
}

#middle-bottom-div
{
    position:relative;
    color:white;
    float:left;
    margin-top:1%;
    font-size:150%;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    /*font-weight:bold;*/
    margin-left:12%;
}

#right-bottom-div
{
    position:relative;
    color:white;
    margin-top:1%;
    float:right;
    font-size:100%;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    /*font-weight:bold;*/
    margin-right:-3%;

}

#cf a
{
    color:#333333;
    text-decoration: none;
}

#cf a:hover
{
    color:black;
    font-style: italic;
}

.back
{
    position:relative;
    text-decoration: none;
    float:right;
    color:white; 
    cursor:pointer;
    padding-bottom:3px;
    padding-right:100px;
    width:75px;
    vertical-align: bottom;
    margin-left:25%;
}

.skip_intro
{
    margin:20px;
    /*background-color:rgb(53,49,48);*/
    width:100px;
    position:relative;
    text-decoration: none;
    float:right;
    color:white; 
    cursor:pointer;
    padding:5px;
    text-wrap:none;
    text-align:center;
    font-family:sans-serif;
}

/*
.skip_intro:hover
{
*/
/*
    background-color:rgb(14,30,98);
    color: rgb(220,186,67);
    */
  /*
    background-color:rgb(83,79,78);
    color: white
    
}
*/

#background
{
    position: absolute;
    z-index: -1;
    height:100%;
    width: 100%;
    margin: 0;
    padding: 0;        
}