/* >>> ELEMENTS <<< */
* {
  margin: 0;
  padding: 0;
}
h1 span
{
position: absolute;
left: -9999px;
width: 0px;
overflow: hidden;
}

p a:link {text-decoration:underline;color: #0E53B0;  }
p a:visited {text-decoration:underline;color: #0E53B0;  }
p a:hover {text-decoration:none;background:#0E53B0;color:#fff;}
p a:active {text-decoration:none;background:#0E53B0;color:#fff;}

body {
  color: #0E53B0;  
  font: normal 62.5%/100% Arial, Verdana, Lucida, Helvetica, Sans-Serif;
  text-align: center;
  background:#fff;
}

div#container {
  width: 728px;
  margin: 10px auto;
  text-align: left;
  }

div#header {
  height:360px;
  }
  
#header h1 a {
  background: url("../img/logo.gif") no-repeat;
  display: block;
  height: 71px;
  line-height:25px;
  width: 100%;
}
#header h1 a:hover {
  background: url("../img/logo.gif") no-repeat;
}


div#contentArea {
  margin: 30px 0 28px 300px;
  padding:0 12px;
  min-height:250px;
  _height:250px;
}

div#left {
  float: left;
  width: 294px;
  padding:30px 0 0 6px;
}
div#slideShow {
  float:right;
  width:490px;
  height:271px;
  padding:10px 0 0 0;  
}

div#left img {
  margin:0 5px 5px 0
}

div#footer {
  clear: both;
  text-align:right;
  padding:5px 0;
  border-top:1px solid #1563B8;
}

div#popup {
  background:#EFEFEF;
  border:1px solid #999999;
  margin:0px;
  padding:7px;
  width:180px;
}

#map {
  margin:10px 0;
  width: 280px;
  height: 300px;
  border: 5px solid #ddd;
}


/* >>> LISTS <<< */
/* Root = Horizontal, Secondary = Vertical */
#header ul {
  float:left;
  height:255px;
  width:170px;
  padding:28px 30px 0 38px;
  background: url("../stat/bg_nav.jpg") bottom left no-repeat;  
}
#header ul ul {
  width:150px;
  padding:0;
  height:auto;
  border:1px solid #0055A9;
  background:#3284E4;
}

#header ul li {
  width: 100%; /*For KHTML*/
  list-style: none;
}


#header ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#header ul li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
#header ul a {
  display: block;
  color:#fff;
  padding: 0 0 0 48px;
  font: bold 13px/34px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  background:url("../stat/Nav/bg_home.gif") top left no-repeat;
}
#header ul a#home{background:none;}
#header ul a#about{background:url("../stat/Nav/bg_about.gif") top left no-repeat;}
#header ul a#capstans{background:url("../stat/Nav/bg_about.gif") top left no-repeat;}
#header ul a#winches{background:url("../stat/Nav/bg_service.gif") top left no-repeat;}
#header ul a#windlasses, #header ul a#other{background:url("../stat/Nav/bg_service.gif") top left no-repeat;}
#header ul a#contact{background:url("../stat/Nav/bg_contact.gif") top left no-repeat;}

/* Root Menu Hover Persistence */
#header ul a:hover {
  color: #FFE22F;
}

/* 2nd Menu */
#header ul li:hover li a,
#header ul li.iehover li a {
  padding:0 0 0 10px;
  background:#3284E4;
  color: #fff;
}

/* 2nd Menu Hover Persistence */
#header ul li:hover li a:hover,
#header ul li:hover li:hover a,
#header ul li.iehover li a:hover,
#header ul li.iehover li.iehover a {
  background: #FFE22F;
  color: #3284E4;
}

/* 3rd Menu */
#header ul li:hover li:hover li a,
#header ul li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
#header ul li:hover li:hover li a:hover,
#header ul li:hover li:hover li:hover a,
#header ul li.iehover li.iehover li a:hover,
#header ul li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
#header ul li:hover li:hover li:hover li a,
#header ul li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
#header ul li:hover li:hover li:hover li a:hover,
#header ul li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

#header ul ul,
#header ul ul ul,
#header ul ul ul ul {
  display: none;
  position: absolute;
  top: 2px;
  left: 192px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
#header ul li:hover ul ul,
#header ul li:hover ul ul ul,
#header ul li.iehover ul ul,
#header ul li.iehover ul ul ul {
  display: none;
}

#header ul li:hover ul,
#header ul ul li:hover ul,
#header ul ul ul li:hover ul,
#header ul li.iehover ul,
#header ul ul li.iehover ul,
#header ul ul ul li.iehover ul {
  display: block;
}


/* >>> TYPOGRAPHY <<< */
*.x {display: none;}

div#contentArea h2 {
  font-size:2.0em;
  line-height:1.0em;
  color: #0E53B0;
  margin:0 0 20px 0;
}

div#contentArea h3 {
  font-size:14px;
  padding: 10px 0 8px 0;
  border-bottom: 1px solid #D0D0D0;
}
div#contentArea h4 {
  font-size:12px;
  margin:18px 0 0 0;
}

div#contentArea p, address {
  margin:10px 0;
  font-size:1.2em;
  line-height:1.3em;
}
address {line-height:1.4em;}

div#contentArea ul, div#left ul {
  margin:0 30px;
  font-size:1.2em;
  line-height:1.3em;
}
div#left ul { 
  font-size:1.1em;
}
div#footer p {
  color:#1563B8;
}


div#news {
  margin-bottom:20px;
  background: url("../stat/bg_news_body.jpg") left repeat-y;
}
div#news h3, div#left h3 {
  text-transform:uppercase;
  padding:20px 15px 10px 15px;
}

#home div#news h3 {
  background: url("../stat/bg_news_top.jpg") no-repeat;}

div#news h4, div#left h4  {
font-size:12px;
padding:0 20px 0 32px;
}  
div#news h4 {
margin-top:15px;
}
div#news p {
font-size:11px;
line-height:13px;
padding-bottom:10px;
margin:20px 40px 0 32px;
}
div#news span{
float:left;
width:300px;
height:180px;
background: orange url("../stat/bg_news_bottom.jpg") left top no-repeat;
}
div#left ul {
margin:10px 40px 20px 50px;
}
p.date {
font-style:italic;
}

p.more {
text-align:right;
padding-bottom:10px;
border-bottom:1px solid #87BBF4;
}

#contentArea form {
padding:15px 5px;

}

#contentArea fieldset {
border: 0;
}

#contentArea legend {
display: none;
}

#contentArea label {
display: block;
font-size:12px;
margin-bottom: 5px;
}

#contentArea input, #contentArea textarea {
border: 1px solid #000;
margin-bottom: 10px;
padding: 3px;
width: 340px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background:#eee;
}
#contentArea textarea {
height:150px;
}
#contentArea input:focus, #contentArea textarea:focus {
background:#fff;
}
#contentArea button {
padding:4px;height:auto;
margin-left:300px;
}

#contentArea .errortext{
  padding:10px;
  margin:20px 0 0 0;
  font-weight:bold;
  border:1px solid #FC6;
  background:#FFC;    
}
div#contentArea .errortext strong {
  font-size:12px;
  color: #c00;
  font-weight:bold;
  font-style:normal;
}
#contentArea .errortext ul {
  color:#000;
  margin:10px 30px;
}
#contentArea .errortext ul li {
  font-weight:normal;
  font-size:11px;
  list-style-type:disc;
}

div#news p {
font-size:11px;
line-height:13px;
padding-bottom:10px;
margin:10px 40px 0 32px;
}
div#news p.more {
margin:0 40px 0 32px;
}
div#news span{
float:left;
width:264px;
height:60px;
background: url("../stat/bg_news_bottom.jpg") left top no-repeat;
}
div#left ul {
margin:10px 40px 20px 50px;
}
p.date {
font-style:italic;
}

p.more {
text-align:right;
padding-bottom:10px;
border-bottom:1px solid #87BBF4;
}

#contentArea form {
padding:15px 5px;

}

#contentArea fieldset {
border: 0;
}

#contentArea legend {
display: none;
}

#contentArea label {
display: block;
font-size:12px;
margin-bottom: 5px;
}

#contentArea input, #contentArea textarea {
border: 1px solid #000;
margin-bottom: 10px;
padding: 3px;
width: 340px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background:#eee;
}
#contentArea textarea {
height:150px;
}
#contentArea input:focus, #contentArea textarea:focus {
background:#fff;
}
#contentArea button {
padding:4px;height:auto;
margin-left:300px;
}

#contentArea .errortext{
  padding:10px;
  margin:20px 0 0 0;
  font-weight:bold;
  border:1px solid #FC6;
  background:#FFC;    
}
div#contentArea .errortext strong {
  font-size:12px;
  color: #c00;
  font-weight:bold;
  font-style:normal;
}
#contentArea .errortext ul {
  color:#000;
  margin:10px 30px;
}
#contentArea .errortext ul li {
  font-weight:normal;
  font-size:11px;
  list-style-type:disc;
}