/* The 'design' (the unique combination of images, colors, sizes, typography, and positioning) is copright 2007 Espadon Marine */
/* Coding (not design) by Hit Delete: Rob Hope and Andrew Misplon - http://www.hitdelete.com */

/* Page elements */

html {
font-size: 100%; /* IE hack */
}
body {
background: url(img/bg.jpg)  #03096E repeat-x;
margin:0;
padding: 0;
font-family: Verdana;
font-size: 0.70em;
line-height: 1.55em;
color: #333333;
}
img {
border: 0;
}
p {
margin: 15px 0 15px;
}
.relative {
position: relative;
}
a, a:link, a:active, a:visited {
color: #0F1BE3;
text-decoration: none;
}
a:hover {
color: #0F1BE3;
text-decoration: underline;
}
h1 {
color: #444444;
font-family:  Trebuchet MS;
font-size: 1.4em;
margin: 25px 0 10px 0;
}
h2 {
color: #555555;
font-size: 1.2em;
margin: 10px 0 10px 0;
}
h3 {
color: #555555;
font-size: 1.0em;
text-decoration: underline;
margin: 10px 0 10px 0;
}
.bimg {
padding: 5px;
border:   #DDDDDD solid 1px;
}
.hr {
width: 480px;
height: 2px;
background: url(img/hr.gif) repeat-x;
margin: 15px 0 15px 0;
padding:0;
}

/* Content blocks */

#page {
background: #FFFFFF;
margin: 0 auto 0 auto;
width: 850px;
padding: 0 0 10px 0;
}
#header {
width: 850px;
height: 226px;
padding: 0;
margin: 0;
}
#logo-left {
position:  absolute;
width: 16px;
height: 179px;
top: 0;
left: -16px;
}
#details {
text-align: right;
position: absolute;
width: 300px;
height: 25px;
top:5px;
left: 540px;
}

/* Content Firefox */
#content {
background:  url(img/main-pic-bg.jpg) #FFFFFF repeat-x;
width: 740px;
margin: 0 0 0 44px;
padding: 10px 10px 0 10px;
}
/* Content IE7 */
*:first-child+html #content {
background:  url(img/main-pic-bg.jpg) #FFFFFF repeat-x;
width: 740px;
margin: 0 0 0 44px;
padding: 10px 10px 0 10px;
}
/* Content IE6 Hack */
* html #content {
background:  url(img/main-pic-bg.jpg) #FFFFFF repeat-x;
width: 740px;
margin: -2px 0 0 44px;
padding: 10px 10px 0 10px;
}
#content-right {
width: 480px;
margin: 0 0 0 252px;
}
#content-left {
position: absolute;
width: 220px;
height: 100px;
top:280px;
left:0px;
}
#photos-home {
height:175px;
margin: 40px 0 0 0;
}
.home-pic {
margin: 0 16px 0 0;
}
#photos-home img {
padding: 5px;
border:   #DDDDDD solid 1px;
}

/* MENU Start */

#nav {
position: absolute;
width: 760px;
height: 31px;
top:190px;
left:44px;
font-size: 1.1em;
}
.menu {
background: url(img/nav-bg.gif) no-repeat;
text-align: left;
width: 760px;
height: 31px;
padding: 0;
margin:0;
position: relative;
}
ul.menu {
list-style: none;
}
ul.menu li {
display: block;
float: left;
height: 31px;
}
li#home a {
position: absolute;
width: 130px;
height: 31px;
top:0;
left:0;
}
li#company a {
position: absolute;
width: 130px;
height: 31px;
top:0;
left:196px;
}
li#aqua a {
position: absolute;
width: 130px;
height: 31px;
top:0;
left:404px;
}
li#contact a {
position: absolute;
width: 130px;
height: 31px;
top:0;
left:620px;
}

ul.menu li a:hover {background: url(img/nav-bg-2.gif) no-repeat;}

li#home a:hover {background-position: -0px -31px;}
li#company a:hover {background-position: -196px -31px;}
li#aqua a:hover {background-position: -404px -31px;}
li#contact a:hover {background-position: -620px -31px;}

#ho .ho {background: url(img/nav-bg-2.gif) no-repeat; background-position: -0px -31px;}
#co .co {background: url(img/nav-bg-2.gif) no-repeat; background-position: -196px -31px;}
#aq .aq {background: url(img/nav-bg-2.gif) no-repeat; background-position: -404px -31px;}
#cu .cu {background: url(img/nav-bg-2.gif) no-repeat; background-position: -620px -31px;}

/* News */

#news {
line-height: 1.25em;
text-align: left;
width: 200px;
}
.news-hr {
width: 200px;
height: 2px;
background: url(img/hr.gif) repeat-x;
margin: 5px 0 5px 0;
}
.news-by {
font-size: 0.9em;
color: #999999;
}

/* Subnav */

ul#subnav {
list-style: none;
margin: 0 0 0 -10px;
padding: 0 0 0 10px;
}

/* Footer */

#footer {
background: url(img/footer-bg.gif) no-repeat;
text-align: left;
color: #666666;
font-size: 0.9em;
width:745px;
height: 29px;
margin: 20px 0 0 44px;
padding: 12px 0 0 15px;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited {
color: #666666;
text-decoration: none;
}
#footer a:hover {
color: #666666;
text-decoration: underline;
}
#btt {
position: absolute;
width: 90px;
height: 20px;
top:0;
left:665px;
}
.pdf {
background: url(img/pdf.jpg) top left no-repeat;
height: 42px;
width: 400px;
padding: 5px 0 0 50px;
margin: 0 0 15px 0;
}
.pdf-info {
font-size: 0.9em;
color: #999999;
}