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

body {
	background: #fff url(./img/gradient_bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	font: 62.5% Verdana;
	color: #333;
	}

p {
font-size: 12px;
text-align: justify;
}

ul {
margin-left: 1.5em;
padding: 0;
}

li {
font-size: 1.2em;
margin-bottom: .8em;
}
	
h2 {
	font-size: 2em;
	color: #0041a3;
	}

h3 {
	font-size: 1.6em;
	color: #0041a3;
	}

h4 {
	font-size: 1.4em;
	color: #0041a3;
	}
	
a {
	color: #0041a3;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
.clr {
	clear: both;
	}
	
#wrapper {
	width: 99em;
	height: auto;
	background: url(./img/container_bg.png) repeat-y;
	margin: 0 auto;
	padding: 0;
	}
	
#container {
	position: relative;
	width: 96em;
	margin: 0 auto;
	padding: 0;
	}
	
/* Header */

.homelink {
margin: 0;
padding: 0;
float: left;
width: 56em;
height: 7.2em;
}

#search {
	position: absolute;
	top: 10px;
	left: 740px;
	}

input {
	border: 1px solid #999;
	background-color: #fff;
	}

.quicklinks {
	position: absolute;
	top: 45px;
	left: 777px;
	}
	
#header {
	background: url(./img/maritimeheader.jpg);
	width: 96em;
	height: 44em;
	padding: 0;
	}
	
#flashblock {
	position: absolute;
	top: 80px;
	left: 15px;
	}
	
#nav {
	width: 940px;
	height: 32px;
	/* background: url(./img/navback.jpg) no-repeat; */
	margin: 0;
	padding: 0;
	}
	
.about {
    float: left;
    width: 186px;
    height: 36px;
    margin: 0 0 0 0px;
    background: url(./img/maritime_about.jpg) 0 -36px no-repeat;
    text-decoration: none;
	}
	
.about:hover {
	/* background: url(./img/about.jpg); */
	background-position: 0 0px;
	}
	
.products {
	    /* width: 18.6em;
	height: 3.8em;
	float: left; */
	display: block;
    float: left;
    width: 186px;
    height: 36px;
    background: url(./img/maritime_products.jpg) 0 -36px no-repeat;
    text-decoration: none;
	}
	
.products:hover {
	/* background: url(./img/products.jpg); */
	background-position: 0 0px;
	}
	
.contact {
	    /* width: 18.6em;
	height: 3.8em;
	float: left; */
	display: block;
    float: left;
    width: 186px;
    height: 36px;
    background: url(./img/maritime_contact.jpg) 0 -36px no-repeat;
    text-decoration: none;
	}
	
.contact:hover {
	/* background: url(./img/services.jpg); */
	background-position: 0 0px;  
	}
	
.resources {
    display: block;
    float: left;
    width: 186px;
    height: 36px;
    background: url(./img/maritime_resources.jpg) 0 -36px no-repeat;
    text-decoration: none;
}
	
.resources:hover {
   background-position: 0 0px;
}
	
.info {
    display: block;
    float: left;
    width: 186px;
    height: 36px;
    background: url(./img/maritime_info.jpg) 0 -36px no-repeat;
    text-decoration: none;
	}
	
.info:hover {
	/* background: url(./img/news.jpg); */
	background-position: 0 0px;
	}
	
.spacer {
    /* width: 18.6em;
	height: 3.8em;
	float: left; */
	display: block;
    float: left;
    width: 93px;
    height: 36px;
    background: url(./img/maritime_spacer.jpg) 0 no-repeat;
    text-decoration: none;
	}
/* Content */
	
#left {
	width: 30em;
	margin: 0 0 0 15px;
	float: left;
	}

#center {
	width: 60em;
	margin: 0 0 0 10px;
	float: left;
	}
	
#center p {
	font-size: 1.2em;
	}
	
.imgleft {
	float: left;
	margin: 15px 0 0 0;
	}
	
.imgright {
	float: right;
	margin: 15px 0 0 0;
	}
	
.imgbottom {
	margin: 0 0 0 15px;
	}
	
#right {
	width: 15em;
	margin: 0 0 0 10px;
	float: left;
	}
	
/* Footer Stuff */
	
#footer {
	width: 99em;
	height: 6.9em;
	margin: 0 auto;
	clear: both;
	background: url(./img/footer_bg.png);
	}
	
.footerleft {
	margin: 22px 0 0 0;
	float: left;
	}
	
.footerright {
	margin: 22px 30px 0 0;
	float: right;
	}
	
#footer img {
	float: left;
	margin: 17px 10px 0 30px;
	}

#l3footer {
	width: 20px;
	height: 20px;
	clear: both;
}

.l3 {
    float: left;
    width: 20px;
    height: 20px;
    margin: 0 0 0 22px;
    background: url(./img/l3_footer.jpg) 0 -20px no-repeat;
    text-decoration: none;
	}
	
.l3:hover {
	/* background: url(./img/about.jpg); */
	background-position: 0 0px;
	}

.disclaimer {
margin: 0 auto;
width: 650px;
text-align: center;
}