* { margin: 0; padding: 0; }

body { font-family: "Century Gothic", "Trebuchet MS", 
	   Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, ; background: #666666; text-align: center; }

h1 { color: #aa5822; padding-right: 15px; padding-top: 110px; font-size: 2.2em; font-weight: 100;}

h2 { color: #fff; padding: 6px; font-size: 1.5em; font-weight: 100; }

h3, h4, h5 { color: #005b9e;  margin-left: 15px; margin-bottom: 10px; margin-right: -15px; font-size: 1em; font-weight: bold; text-align: left; }
p { margin-left: 15px; margin-top: 0px; font-size: 0.75em; text-align: justify; }

h3 { color: #005b9e; font-size: 1.5em; padding-bottom: 10px; padding-top: 5px; }

.red { color: #aa5822; } 

.emph { font-weight: 800; color: #227; line-height: 1.6em; font-size: 0.8em; }
.white { font-weight: 800; color: #fff; background: #80a9ad; padding: 6px; padding-left: 10px; line-height: 1.5em; margin-top: 6px; text-align: left; }

h4 a { color: #aa5822; font-weight: 100;  }
a { color: #227; border: 0; }
a:hover { color: #005b9e; }
a:active { }
img {  padding: 0; }

.wrapper { width: 95%; max-width:1200px; min-width: 750px;
			margin: auto;
			margin-top: 15px;
			border: outset #666666 2px; text-align: justify; }

#header { width: 100%;  height: 200px;
		  margin-bottom: -50px;
		  text-align: right; 
		  background: #fff url(images/wave_1.jpg) right bottom no-repeat ; }

.headimg { float: left;
			margin-top: 10px; margin-left: 10px;
		   width: 261px; 
		   height: 100px; 
		   background: transparent url(images/Flounder261x100.gif) left no-repeat ;}

#nav { width: 100%; background-color: #aa5822; min-height: 3em; }

.floatnav { float: left; }

.floatbuttons { float: right; padding: 6px; padding-top: 15px; }

.floatbuttons li { list-style-type: none; 
				   display: inline; 
				   margin-right: 1px; 
				   padding: 3px;
				   color: #fff; 
				   font-size: 0.8em;
				   line-height: 2.2em;
				   font-weight: bold;  }

.floatbuttons li a { color: #fff; padding: 3px; text-decoration: none; }

.floatbuttons li a:hover {  color:#aa5822; background: #fff; padding: 3px;}

.liner { width: 100%; height: 100%; background: #d3e7dc; }

.leftcol { width: 28%; float: left; margin-left: 15px; padding-bottom: 15px; }

.leftcol p {  }

.leftimg { margin: 2%; 
		   margin-top: 15px; 
		   width: 97%; 
		   max-width: 350px; 
		   min-width: 250px;
		   height: 69px;
		   border: 2px solid #fff;
		   background: center no-repeat url(images/services_2.jpg)
		    }

.leftimg2 {	margin: 2%;
			margin-top: -20px;
			margin-bottom: -10px;
			margin-right: -25px;
			width: 97%; 
			max-width: 250px; 
			min-width: 50px;
			height: 208px; 
			background: center no-repeat url(images/map-trans.gif);  
			 }

.twin { width: 68%;
		float: right;  
		background: transparent; 
		padding-bottom: 5px;
		 margin-right: 2%;  }

.twinimg { margin: 2%;
		   margin-top: 15px; 
		   width: 96%; 
		   max-width: 800px; 
		   min-width: 450px;
		  height: 250px;
		   border: 2px solid #fff;
		   background: url(images/flounder-button.jpg) left no-repeat;
		       }

.twin li { font-weight: bold; color: #227; font-size: 0.75em; list-style: disc; margin-left: 40px; }
.twin img { margin: 5px; border: 2px solid #fff;}
/* ie6 hacks */

* html .twin { width: 65%; }
* html .leftimg, * html .twimimg { border: 0; }
/* ie6 hacks end */

.mid { width: 47%; float: left; padding-top: 0px;  }

.right { width: 48%; float: right; padding-top: 0px; padding-right: 20px; }

.clear {  padding: 0; padding-top:15px; width: 95%; clear: both; }


.top h3 {margin: 0; padding: 12px 0 12px 0; text-align: center; width: 100%; background: #fff;  border-bottom: #80a9ac 1px solid; }
.pad15  {padding-top: 15px; }
.pad25 { padding-top: 25px; }

#footer { 
	      color: #aa5822; 
		  background: #fff; 
		  border-top: #80a9ac 8px solid;
		  font-size: 0.6em; 
		  font-weight: 600; 
		  padding: 7px;
		  padding-left: 15px; 
		  text-align: left;
		  }

#footer a { color: #aa5822; }
#footer li {list-style-type: none; display: inline; margin-right: 12px; line-height: 1.5em;}