@charset "utf-8";
/* CSS Document */

body, html { margin:0%; padding:0%; }

.wrapper { max-width:980px; margin:0 auto; min-height:600px; background:rgba(255,255,255,0.8);  margin-top:3.5%; z-index:-1; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px;}

.main-logo { position:absolute; margin-left:72%; margin-top:-5.7%; }

.main-logo img { width:70%; }

.menu-holder { position:relative; width:100%; height:35px; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; z-index:0;
background: #322f91; /* Old browsers */
background: -moz-linear-gradient(left,  #322f91 0%, #322f91 58%, #ffffff 85%, #322f91 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#322f91), color-stop(58%,#322f91), color-stop(85%,#ffffff), color-stop(100%,#322f91)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #322f91 0%,#322f91 58%,#ffffff 85%,#322f91 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #322f91 0%,#322f91 58%,#ffffff 85%,#322f91 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #322f91 0%,#322f91 58%,#ffffff 85%,#322f91 100%); /* IE10+ */
background: linear-gradient(to right,  #322f91 0%,#322f91 58%,#ffffff 85%,#322f91 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#322f91', endColorstr='#322f91',GradientType=1 ); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#322f91', endColorstr='#322f91',GradientType=1 ); /* IE6-9 */
}

.menu-holder ul { width:auto; background:url(../images/logo-icon.png) left center no-repeat; height:36px; margin-left:2%; padding-left:3%; white-space:nowrap;}

.menu-holder li { float:left; line-height:2.5; font-family: Tahoma, HelveticaNeue, Arial; }

.menu-holder li:after { content:'|'; margin-left:30px; margin-right:30px; color:#fff; }

.menu-holder li:last-child:after {content:''; }

.main-content-holder { width:80%; padding:2% !important; margin:0 auto; }




/* Page BGs */

.glaros { background:url(../images/glaros.png)top right no-repeat; width:100%; height:200px; z-index:-1; position:absolute; right:12%; top:2%; background-size:11.5%;}

#home-bg { background: url(../images/1-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index:3;
}

#about-bg { background: url(../images/2-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#about-mission-bg { background: url(../images/3-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#services-bg { background: url(../images/s-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#service1-bg { background: url(../images/15-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#service2-bg { background: url(../images/5-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#service3-bg { background: url(../images/6-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#service4-bg { background: url(../images/7-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#service5-bg { background: url(../images/8-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#service6-bg { background: url(../images/9-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#service7-bg { background: url(../images/10-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#chartering-bg { background: url(../images/11-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#operations-bg { background: url(../images/12-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#contact-bg { background: url(../images/13-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#s-bg { background: url(../images/14-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;}


/* Page BGs */



.side-menu-container-left { position:relative; float:left; width:33%; margin:0; margin-top:5%; }

.side-menu-container-right { position:relative; float:right; width:64%; margin:0; margin-top:5%; min-height:300px; border-left:2px solid #fff; font-size:14px;}

.side-menu-container-right-inner { width:100%; padding:3% 5%; text-align: justify;}

.side-menu-container-right-inner ul li { line-height:1.8; }

.side-menu-container-right-inner p{ color:#231F20; margin-top:2%; line-height:1.5; }

.side-menu { position:relative; width:100%; }


.side-menu h1 { color:#00ACEE; font-size:1.5em; text-decoration:none; }

.side-menu h2 { color:#231F20; font-size:1.2em; text-decoration:none; font-weight:normal; }

.side-menu ul { width:80%; padding:6%; border:2px solid #fff; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px;}

.side-menu ul li ul { border:none; }

.side-menu li { line-height:1.5; display:block; }

.side-menu li a{ color:#231F20; } 

.side-menu li a:hover {text-decoration:underline; }

.side-menu-current { text-decoration:underline; font-weight:bold; white-space:nowrap; }

.ac-large h1, .ac-large h1 a {color:#231F20; font-weight:normal; }

.ac-large h1 a:hover { text-decoration:underline; }

.side-menu-container-right-inner p img { vertical-align:middle; margin-top:-1%; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome, if Chrome rule needed */
    .main-logo {
      margin-top:-5.5%; 
    }
 
    /* Safari 5+ ONLY */
    ::i-block-chrome, .main-logo {
     position:absolute; margin-left:72%; margin-top:-150%; 
    }
}



/*ACCORDITION*/
#nav {float: left;}
#nav li a {display: block; padding:1% 2%; text-decoration: none; color: #231F20;}
#nav li a:hover, #nav li a.active { color: #231F20;}
#nav li ul {display: none;}
/*ACCORDITION*/