/*** RESET ***/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
/*** END RESET ***/

body {
  background-color: #000;
  font-size: 12px;
  font-family: Arial, sans-serif;
	color: #000;
}

#container {
  margin: 0 auto 0 auto;
  width: 990px;
  background-color: #FFF;
}

#header {
  float: left;
  clear: both;
  width: 990px;
  height: 386px;
  background: #FFF url(../images/header-back.jpg) no-repeat top left;
}

#name {
  position: relative;
  left: 485px;
  top: 15px;
  height: 32px;
  width: 472px;
  color: #FFCC00;
  font-size: 1.8em;
  background: url(../images/company-name.png) no-repeat top left;
  text-indent: -9000px;
}

#main_address {
  font-weight: bold;
  font-style: normal;
  font-size: 16px;
}

#logo {
  background:url("../images/logo.png") no-repeat scroll left top transparent;
  cursor:pointer;
  display:block;
  height:305px;
  left:160px;
  position:relative;
  text-indent:-9000px;
  top:-20px;
  width:239px;
}

/* Used for content gutters */
#middle {
  float: left;
  clear: both;
  width: 990px;
  background: url(../images/middle-back.jpg) repeat-y top left;
}
#inner {
  float: left;
  clear: both;
  width: 990px;
  margin: -88px 0 0 0;
}

#nav {
  float: left;
  clear: none;
  width: 342px;
  height: 305px;
  margin-top: 88px;
  margin-left: 0px;
  background: #FFF url(../images/nav-back.jpg) no-repeat top left;
}
#nav ul {
  position: relative;
  float: right;
  margin: -50px 20px 0 0;
}
#nav ul li a {
  display: block;
  width: 180px;
  height: 10px;
  background: url(../images/nav-back.png) no-repeat top left;
  margin: 0px 0 15px 0;
  font-size: 12px;
  padding: 9px 8px 10px 8px;
  letter-spacing: 1px;
  cursor: pointer;
}
#nav a, #nav a:visited, #nav a:active {
  color: #FFCC00;
  text-decoration: none;
}
#nav a:hover, #nav a:visited:hover, #nav a:active:hover {
  color: #006699;
  text-decoration: none;
}
#nav a.current, #nav a:visited.current, #nav a:active.current {
  color: #006699;
  text-decoration: none;
}

#content {
  float: left;
  clear: none;
  width: 569px;
  margin: 0 0 0 25px;
}

#footer {
   float: left;
   clear: both;
   width: 932px;
   height: 131px;
   padding: 90px 0 0 58px;
   font-size: 12px;
   color: #999999;
   background: #000 url(../images/footer-back.jpg) no-repeat top left;
 }
 
#content ul {
  margin: 1em 0;
}

#content li {
  margin-left: 2em;
  font-size: 12px;
  list-style: disc;
  line-height: 1.25em;
}

#content label, #content input, #content textarea {
  float: left;
  margin: 3px 0;
}

#content label {
  width: 150px;
  padding-right: 5px;
  font-size: 12px;
  text-align: right;
}

#content p {
  clear: left;
}

#content .submit {
  margin-left: 155px;
}

.clear {
  clear: both;
  line-height: 0;
}

.error, .required {
  font-weight: bold;
  color: #a33;
}

.success {
  font-weight: bold;
  color: #069;
}

h2 {
  position: relative;
  color: #FFCC00;
  font-size: 1.4em;
  font-weight: normal;
  margin: 50px 0 30px 0;
  width: 320px;
}

h3 {
  margin: 1.5em 0 0.5em;
  color: #000;
  font-size: 1em;
  font-weight: bold;
}

p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 14px;
}

address {
  font-style: normal;
}

a, a:visited, a:active {
  color: #006699;
}

.quote {
  margin: 0 8px 8px 8px;
  float: right;
  width: 220px;
  background: #EEEEEE;
  padding: 8px;
  font-weight: bold;
  clear: right;
  font-size: 10px;
}
.quote blockquote {
  font-weight: normal;
  font-style: italic;
  font-size: 12px;
  margin-bottom: 4px;
}

#welcome_header {
  text-indent: -9000px;
  background: url(../images/welcome-header.png) no-repeat top left;
  width: 273px;
  height: 34px;
}
#commercial_diving_header {
  text-indent: -9000px;
  background: url(../images/commercial-diving-header.png) no-repeat top left;
  width: 273px;
  height: 34px;
}
#mooring_dock_services_header {
  text-indent: -9000px;
  background: url(../images/mooring-dock-services-header.png) no-repeat top left;
  width: 340px;
  height: 34px;
}
#projects_header {
  text-indent: -9000px;
  background: url(../images/projects-header.png) no-repeat top left;
  width: 273px;
  height: 34px;
}
#contact_us_header {
  text-indent: -9000px;
  background: url(../images/contact-us-header.png) no-repeat top left;
  width: 273px;
  height: 34px;
}
#port_services_header {
  text-indent: -9000px;
  background: url(../images/port-services-header.png) no-repeat top left;
  width: 273px;
  height: 34px;
}
#marine_construction_header {
  text-indent: -9000px;
  background: url(../images/marine-construction-header.png) no-repeat top left;
  width: 273px;
  height: 34px;
}