body {
}

.super-container {
 margin:0;
 background:url('images/header-ext4.png');
 background-repeat: repeat-x;
}
             


ul#main-navlist {    
  height: 24px;  
  margin: 0;  
  padding: 0;
  list-style-type: none;
  float: left;
  width: 100%;
  color: #fff;
  background:#000;   
}

ul#main-navlist li { 
  display: inline;  
}

ul#main-navlist li a {
  float: left;
  width:80px;         
  text-align: center;
  color: #fff;
  background:#000;
  padding: 0.2em 1em;
  text-decoration: none;
}

ul#main-navlist li a:hover {
  background-color: #369;
  color: #fff;
}







ul#navlist { 
  margin: 0;         
  padding: 0;
  list-style-type: none;
  float: left;   
  height: 96px;
  width: 100%;
  color: #fff;
  background:url('images/nav.png');
  background-repeat: repeat-x;
}

ul#navlist li { 
  display: inline;  
}

ul#navlist li img {       
  margin: 6px 0;  
  border: 1px solid #fff;  
}

ul#navlist li a {
  float: left;
  text-align: center;
  /*width: 93px;*/
  width:110px;      
  height: 90px;
  color: #fff;
  background:url('images/nav.png');
  background-repeat: repeat-x;
  padding: 0.2em 1em;
  text-decoration: none;
}

ul#navlist li a:hover {
  background-color: #369;
  color: #fff;
}
        
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: underline; color: red;}







.footer-container {
 margin:0;
 background:#222;
 background-image:url('images/nav.png');
 background-repeat: repeat-x;
}
   
.footer {     
  background:#000;
  color: #ccc;    
}

.header {
  height:77px;
  background:url('images/header.png');
  background-repeat: no-repeat;   
  background-position: top right;
}
   
.logo {
  height:77px;
  background:url('images/logo.png');
  background-repeat: no-repeat; 
  background-position: top left;
}

.main {
/*  background:url('images/main.png');    */
}
      
.menu {
  height:72px;
  background:#000;  
}
 
.contact {
}

.business-message {
  height: 378px;
  background:url('images/business.jpg');
  background-repeat: no-repeat;
}   

.homeowners-message {
  height: 378px;
  background:url('images/home.jpg');
  background-repeat: no-repeat;
} 

.watercraft-message {
  height: 378px;
  background:url('images/boat.jpg');
  background-repeat: no-repeat;    
}      

.commercial-auto-message {
  height: 378px;
  background:url('images/commercial.jpg');
  background-repeat: no-repeat;    
}   

.auto-message {
  height: 378px;
  background:url('images/auto.jpg');
  background-repeat: no-repeat;    
}    

/* Form */

.contact-form {
  margin: 10px 20px 10px 20px;
  padding: 20px 20px;
  border: 1px solid #d9d9d9;    
  font-family: arial;
  font-size: 12px;
}

form {
    margin: 10px 20px 10px 20px;    
	width: 335px;
}

.input-label {
	text-align: left;
	width: 120px;
	height: 26px;
	font-weight: bold;
	margin: 0;
	float: left;
	margin: 7px 10px 0px 10px;
}

.label-error {
	color: #f00;
}

.input-column {
	height: 26px;
	display: block;
	float: left;
	margin: 0px;
}

.textarea-box {
	width: 400px;
	margin: 0;
	display: block;
	float: left;
}

.textarea-label {
	text-align: left;
	width: 80px;
	float: left;
	font-weight: bold;
	display: block;
	margin-right: 2px;
}

div.row {
	clear: both;
	width: 400px;
}

.submit {
	height: 29px;
	width: 330px;
	background: url(images/bg_submit.gif) no-repeat;
	padding-top: 5px;
	clear: both;
} 

.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #111;
	margin: 4px 0 5px 0;
	padding: 1px;
	border: 1px solid #8595B2;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #111;
	margin: 4px 0 5px 0px;
}

.required {
    font-weight: bold;
    color: #f00;
}

.form-errors {
    margin: 10px 0px;
    padding: 16px;
    border: 1px solid #f00;
    background-color: #fdd;
    color: #f00;
}  
