/* CSS Document */


/*Colors:

Dk BLue: #040C75;
Med Blue: #0066FF;



*/

body{
text-align: center;
background: #ccc url(../img/hatch.gif) top left repeat;
margin: 0px 0px 0px 0px;
}



a {
color: #980205;
text-decoration: underline;
}





a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color: #040C75;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left: 2em; width:200px;
    border:1px solid #040C75;
    background-color:#fff; color:#000;
    text-align: center}




/*--------DIVS & TABLE------------*/

div#container{
margin: 10px auto 10px auto;
width: 800px;
border: 2px solid #000;
text-align: left;
}



div#header-secondary{
width: 800px;
height: 70px;
background: #fff;
}
div#header-secondary img{
display: block;
}


table#content{
background: #fff;
width: 800px;
margin: 0px 0px 0px 0px;

}

td#navigation{
width: 150px;
vertical-align:top;
background: url(../img/navbg.jpg) top left repeat-y;
}
td#maincontent{
width: 650px;
vertical-align:top;

}





div#footer{
background: #fff url(../img/footerlogo.jpg) top left no-repeat;
width: 800px;
height: 75px;
margin: 0px 0px 0px 0px;
}

div#footer p{
display: block;
font:11px/14px Arial, Helvetica, sans-serif;
float: right;
margin: 5px 20px 5px 0px;
color: #040C75;
}


/*--------NAVIGATION------------*/



ul#menu{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 50px 0px 0px 0px;
font:  900 12px/30px Arial, Helvetica, sans-serif;
color: #FFDF12;
background: url(../img/menubg.jpg) top left no-repeat;
list-style:none;
}

ul#menu li{
display: block;
width: 100%;
height: 30px;
text-indent: 5px;
background: url(../img/menubg.gif) top left repeat-x;
margin: 0;
padding: 0;
border-bottom: 1px solid #ccc;
}
ul#menu li a{
width: 100%;
height: 100%;
display: block;
margin: 0;
padding: 0;
text-decoration: none;
color: #fff;

}


ul#menu a:hover{
width: 100%;
height: 100%;
display: block;
margin: 0;
padding: 0;
text-decoration: none;
color: #6cf;

}

/*--------COPY & CLASSES------------*/
ul.bodyul {
margin: 0px 20px 15px 75px;
font: 12px/16px Arial, Helvetica, sans-serif;
color: #040C75;
padding: 0px 0px 0px 0px;
}

ol.bodyol {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 40px;
color: #040C75;
width: 80%;
font: 11px/14px Arial, Helvetica, sans-serif;
text-align: left;
}

ul.bodyul li{
margin: 5px 0px 0px 0px;
padding: 0;

}

ol.bodyol li{
margin: 5px 0px 0px 0px;
padding: 0;

}

ul.mainpts {
margin: 0px 20px 10px 75px;
font: 900 14px/18px Arial, Helvetica, sans-serif;
color: #040C75;
padding: 0px 0px 0px 0px;
}

ul.mainpts li{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}


.bodyp{
font: 12px/16px Arial, Helvetica, sans-serif;
text-align: left;
margin: 0px 0px 10px 0px;
padding: 0px 20px 0px 50px;
color: #040C75;
text-indent: 20px;
}

.leftp{
font: 12px/16px Arial, Helvetica, sans-serif;
text-align: left;
margin: 0px 0px 10px 0px;
padding: 0px 20px 0px 50px;
color: #040C75;

}



.subp{
font: 11px/14px Arial, Helvetica, sans-serif;
text-align: left;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 20px;
color: #333;

}
.caption{
font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
margin: 0px 0px 8px 0px;
padding: 0;
color: #333;
}

.caption2{
font: 11px/13px Arial, Helvetica, sans-serif;
text-align: justify;
padding: 2px 5px 2px 5px;
margin: 0;
}
.caption2 strong{
color: #000084;
text-transform: uppercase;
}







h1{
display: block;
border-bottom: 2px solid #040C75;
font: 900 18px/21px Arial, Helvetica, sans-serif;
text-align: left;
margin: 10px 20px 15px 50px;
padding: 0px 0px 0px 0px;
color: #040C75;
}

h1.nound{
border-bottom: none;
}

h2{
display: block;
font: 900 14px/18px Arial, Helvetica, sans-serif;
text-align: left;
border-bottom: 2px solid #06F;
text-transform: uppercase;
margin: 10px 20px 10px 50px;
padding: 0px 0px 0px 0px;
color: #0066FF;
clear: both;
}


h3{
font: 900 12px/16px Arial, Helvetica, sans-serif;
text-align: left;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 50px;
color: #333;
text-transform: uppercase;
}

h4{
font: 900 11px/12px Arial, Helvetica, sans-serif;
display: block;
margin: 0px 20px 0px 190px;
padding: 0px 0px 0px 0px;
color: #040C75;
border-bottom: 1px solid #040C75;

}


h5{
font: 900 12px/16px Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #0066FF;

}
/*--------MISC------------*/

.clearleft{
clear: left;

}

.service-photos{
border: 2px solid #000084;
margin: 0px 0px 5px 0px;

}
img#call{
margin: 50px 0px 0px 0px;

}
img.sideimg{
margin: 50px 0px 0px 0px;

}

img.imgright{
float: right;
margin: 0px 20px 10px 5px;
border: 2px solid #0066FF;

}


a img {
border: 0;
}

.photo{
border: 1px solid #980205;
margin: 0px 0px 0px 0px;
}

a.bluelink {
color: #06F; 
text-decoration: underline;
}

div#locations{
width: 152px;
float: right;
margin: 0px 20px 0px 0px;
}

div#locations ul{
margin: 0px 0px 0px 0px;
padding: 0;
list-style: none;
}
div#locations li{
display: block;
width: 150px;
height: 80px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #BDE2FE;
background: url(../img/locbg.jpg) top left no-repeat;
}

div#locations p{
font: 900 12px/14px Arial, Helvetica, sans-serif;
margin: 5px 0px 0px 0px;
padding: 0px 5px 0px 5px;
color: #040C75;
}


div#marine_bna, div#fleet_bna{
width: 200px;
height: 150px;
border: 2px solid #0066FF;
float: right;
margin: 0px 20px 0px 0px;
}