/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1.5;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
/*    color: #1d1d1d;*/
    color: #5C534C;
    background-color: #F7F7F7;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

#nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
/*    border: 1px solid;*/
}

table#case_studies th, table#case_studies td {
/*    border: 1px solid;*/
    padding: 10px;
}

table#case_studies tr > td:first-child, table#case_studies th {
    text-align: center;
}


table#case_studies tr:nth-child(2n) td {
	background: #f5f5f5;
}

table#case_studies tr:nth-child(2n+1) td {
	background: white;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin: 0;
    padding:0;
}

hr.srv {
    margin: 10px 0;
}

input, select {
    vertical-align:middle;
}

h1 {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px;
    color: #5C534C;
/*    color: #1d1d1d;*/
/*    border: 1px solid;*/
}

h2 {
    font-size: 15px;
    margin: 12px 0 10px;
    color: #5C534C;
}

h3 {
    margin: 5px 0;
}

h3 a {
    text-decoration: none;
    color: #5C534C;
}

/*FORM*/
form div {
    margin: 5px 0;
}

div.note {
    margin: 10px 0 10px 160px;
}

div.required label:after {
    content: " * ";
    color: red;
}

input, textarea {  
    padding: 6px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 13px/100% Verdana, Tahoma, sans-serif;  
    width: 200px;  
    background: #FFFFFF;
    -webkit-border-radius: 4px;  
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    }  
  
textarea {  
    width: 400px;  
    max-width: 400px;  
    height: 150px;  
    line-height: 150%;  
    }  
  
input:hover, textarea:hover,  
input:focus, textarea:focus {  
    border-color: #C9C9C9;  
    }  

small {
    font-size: 90%;
    font-weight: normal;
}
 
.form label {  
/*    margin-left: 10px;  */
    color: #999999;
    display: inline-block;
    width: 150px;
/*    border: 1px solid;*/
}  

.submit {
    margin-left: 150px;
    text-align: left;
/*    border: 1px solid;*/
}
  
.submit input {  
    width: auto;  
    padding: 5px 12px;  
    background: #617798;  
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF; 
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
}  


/*CLASS*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.bg_pic {
    text-indent: -9999px;
    white-space: nowrap;
    display: block;
    outline: none;
}

.logo {
    background: url('../img/aero-gate.png') no-repeat 0 0;
    width: 175px;
    height: 74px;
    position: absolute;
    top: 15px;
    z-index: 100;
}

.logo_home {
    top: 300px;
    left: 210px;
}

.r {
    background: url('../img/r.png') no-repeat 0 0;
    width: 69px;
    height: 66px;
    position: absolute;
    right: 25px;
    top: 85px;
}

.b {
    background: url('../img/b.png') no-repeat 0 0;
    width: 95px;
    height: 45px;
    position: absolute;
    right: 95px;
    top: 95px;
}


.fan {
    position: absolute;
    top: 70px;
    z-index: 100;
}

/*LAYOUT*/
#header {
    height: 410px;
/*    width: 1400px;*/
/*    margin: 0 auto;*/
    background: #E8E8E8 url('../img/ds1.png') no-repeat top center;
/*    border: 1px solid;*/
    border-bottom: 14px solid #CBC7C7;
}

.wrapper {
    width: 1000px;
    margin: 20px auto 15px;
    position: relative;
/*    background-color: #F7F7F7;*/
/*    padding: 30px 20px 0;*/
/*    border: 1px solid;*/
}

.content-wrapper, .banner, .content {
    width: 1000px;
    margin: 0px auto;
    position: relative;
}

ul.lst {
    width: auto;
/*    width: 295px;*/
    margin: 15px 0 0;
    list-style-position: inside;
/*    border: 1px solid;*/
}

a#toClient {
    display: block;
    position: absolute;
    background: url('../img/buttontoclientele.png') no-repeat center top;
    width: 250px;
    height: 75px;
    right: 0;
    top: 35px;
}

ul.lst li {
    margin: 4px;
}

ul.rght {
    float: left;
    margin-left: 20px;
}

ul.lft {
    float: left;
}

.panel p {
    margin-bottom: 10px;
}

#magic-triangle {
    position: absolute; 
    bottom: 0px; left: 0;
    width: 100px; 
    height: 10px;
    background: transparent url('../img/cursor.png') no-repeat center 0px;
/*    #fe4902*/
}

.triangle {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}

#nav {
/*    margin: 0px auto;*/
/*    border: 1px solid;*/
/*    border-bottom: 2px solid white;*/
    position: relative;
}


#nav ul {
    margin-top: 10px;
    float: right;
    background-color: #EFEFEF;
/*    border-radius: 4px;*/
}

#nav ul li {
    float: left;
}

#nav ul li a {
    text-decoration: none;
/*    color: #0D5F83;*/
    color: #006993;
    display: block;
    border: 1px solid #BBBBBB;
    padding: 12px 16px 22px;
    text-transform: uppercase;
    font-size: 14px;
    background: #E9E9E9 url('../img/nav_bg.png') repeat-x 0 0;
}

#nav ul li a.home:hover {
    background: #E9E9E9 url('../img/home.png') repeat-x 0 0;
}

#nav ul li a.about:hover {
    background: #E9E9E9 url('../img/about.png') repeat-x 0 0;
}

#nav ul li a.client:hover {
    background: #E9E9E9 url('../img/clientele.png') repeat-x 0 0;
}

#nav ul li a.job:hover {
    background: #E9E9E9 url('../img/job.png') repeat-x 0 0;
}

#nav ul li a.contact:hover {
    background: url('../img/nav_active.png') repeat 0 0;
/*    border: 1px solid;*/
}

#footer {
    height: 40px;
    width: 100%;
    background-color: #9A9899;
    color: white;
}

#footer div {
    width: 1000px;
    margin: 0 auto;
    line-height: 40px;
}

#footer p {
    float: left;
}

#footer p.fltright {
    float: right;
}

.smallestlink{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:white;}
.smallestlink a {color:#898989;text-decoration:none;}
.smallestlink a:hover {color:#898989;text-decoration:underline;}

.flt {
    float: left;
    margin-right: 15px;
}

/*SERVICES*/
div.ser-content, .home-content {
/*    margin: 35px 0 0;*/
    width: 620px;
    text-align: justify;
    float: left;
/*    border: 1px solid;*/
    line-height: 1.6;
}

.home-content {
    margin-top: 35px;
/*    border: 1px solid red;*/
}


div#afs p {
    display: none;
}

div.ser-content p {
    margin-bottom: 5px; 
}

.home-wrapper {
    background: url('../img/uzs.png') no-repeat right top;
/*    width: 301px;*/
    width: 960px;
    height: 407px;
    margin: -18px auto;
    padding: 30px 20px 0;
/*    border: 1px solid;*/
}

div.sidebar {
    float: right;
    width: 300px;
/*    border: 1px solid;*/
}

div.sv {
    background: url('../img/uzs_s.png') no-repeat right top;
    width: 301px;
    height: 407px;
    margin: -38px auto 0;
    padding: 30px 15px 0;
}

ul.clientl li {
    list-style: none;
/*    margin: 0 0 10px;*/
    padding: 10px 0;
    border-bottom: 1px solid #bbb;
}

a#casestd {
    margin: 10px 0 0;
    text-decoration: none;
    text-align: right;
    float: right;
    display: block;
    border-bottom: 1px solid #bbb;
}

a#casestd:hover {
/*    color: blue;*/
    border-bottom: 1px solid blue;
}

ul.clientl li a {
    display: block;
    margin-bottom: 8px;
    width: 250px;
    height: 75px;
}

ul.clientl li a.mission_st {
    height: 74px;
    background: url('../img/clientele1.jpg') no-repeat center top;
}

ul.clientl li a.org_chart {
    background: url('../img/clientele2.jpg') no-repeat center top;
}

ul.clientl li a.iso {
    background: url('../img/clientele3.jpg') no-repeat center top;
}

ul.clientl li a.mission_st:hover, ul.clientl li a.iso:hover, ul.clientl li a.org_chart:hover {
    background-position: center bottom;
}

ul.srv-ex li a, div#afs h3 a {
    text-decoration: none;
    border-bottom: 1px solid #bbb;
    font-weight: bold;
    color: #5F5659;
}

ul.srv-ex li p {
    display: none;
}

ul.services {
    list-style: none;
    float: right;    
}

ul.services li, ul.srv-ex li {
    margin: 3px 0;
/*    border: 1px solid;*/
}

ul.services li a {
    width: 251px;
    height: 75px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

ul.services a.og {
    background-image: url('../img/og.jpg');
    height: 74px;
}

ul.services a.eqs {
    background-image: url('../img/eqs.jpg');
}

ul.services a.mc {
    background-image: url('../img/mc.jpg');
}

ul.services a.pg {
    background-image: url('../img/pg.jpg');
}

ul.services a.es {
    background-image: url('../img/es.jpg');
    height: 74px;
}

ul.services a.og:hover, ul.services a.es:hover, ul.services a.pg:hover, ul.services a.mc:hover, ul.services a.eqs:hover {
    background-position: center top;
}

/*JOBS*/
ul.jobs {
    margin-top: 10px;
    list-style: none;
}

.blue {
    background-color: #DEEAF3;
}

ul.jobs li {
    padding: 6px;
}

ul.jobs li a {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
    outline: none;
}

ul.jobs li a:hover {
    text-decoration: underline;
}

#job-submission, #maritime {
    display: none;
}

#maritime {
    margin-top: 20px;
}

ul, #maritime ul, ul.srv-ex {
    list-style-position: inside;
}

#z2 img {
    width: 360px;
    display: block;
}

#z2 p {
    float: left;
    margin: 10px 20px;
    width: 360px;
/*    border: 1px solid;*/
}

.footprint {
    background: #F2EEED; margin: 10px 0; padding: 10px; font-size: 12px;
}

/* NEW */

#slider.gallery-wrapper {
    width: 100%;
}

.gallery-centre p {
    margin: 0 0 1rem;
}

#slider.gallery-wrapper
.scrollButtons.left {
    left: auto;
    display: none;
}
#slider.gallery-wrapper
.scrollButtons.right {
    right: 0px;
}

.gallery-centre,
.scroll.gallery {
    width: 824px;
    margin: auto;
}

.gallery-slide-index {
    text-align: center;
    margin: 1rem 0;
}
.gallery-centre hr {
    margin: 0 0 1rem;
}

.gallery-wrapper .scrollButtons {
    top: 49%;
}
.gallery-wrapper div.panel {
    padding: 0;
}

.gallery-centre h2,
.gallery-wrapper h2 {
    text-transform: uppercase;
}
.gallery-wrapper img {
    display: block;
    margin: 0 0 0.5rem;
}

.reduced-price {
    color: red;
}

.gallery-back-wrapper {
    text-align: center;
    margin: 0 0 3rem;
}
.gallery-back {
    display: inline-block;
    text-decoration: none;
    margin: auto;
    color: #006993;
}

.more-info {
    background: rgba(256,256,256,0.6);
    padding: 1rem;
    font-size: 1rem;
    text-align: center;
    color: #006993;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;

    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -150px;
}