/* CSS Document !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!STOP CHANGING MY CSS LAYOUT!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

body {margin: 0; padding: 0; color: #042B46; font-size: 12px; font-family: Helvetica, Arial;}
a img {border: 0;}
a {color: #AA9960;}
h1, h2, h3, h4 {margin: 0; padding: 0; color: #042B46;}
hr {border: 0; margin: 20px 0 20px 0; border-top: 1px dashed #ccc; height: 1px; clear: both;}
table, td, tr {font-size: 12px;}
small {color: #9B9B9B;}

#frame {width: 960px; margin: 0 auto 0 auto;}

/* HEADER AREA */

#head {width: 100%;  background-image: url(images/bckgrnd.gif); background-repeat: repeat-x;}

#header {width: 920px; margin: 0 auto 0 auto; height: 177px; /*text-align: right;*/ padding: 0 20px 0 20px; /*background-color: pink;*/}
#header img {margin: 22px 0 30px 0;}

.logo {padding-left: 410px;}

#tabs {margin: 0 0 0 38px;}
#tabs ul {margin: 0; padding: 5px 0 0 0;}
#tabs li {float: left; list-style: none; text-align: center; line-height: 37px; margin-right: 2px;}
#tabs li a {width: 119px; display: block; line-height: 37px; background-image: url(images/tab-off.gif); background-repeat: no-repeat; text-decoration: none; color: #fff;}
#tabs li a:hover {background-image: url(images/tab-off.gif); color: #042B46;}

/* LOGOS OF BOAT COMPANIES */

#sponsors {clear: both; margin: 0 auto 0 auto; height: 125px; width: 960px; text-align: center; /*background-color: aqua;*/}
#sponsors a {position: relative; display: block; top: 0px; padding: 0px; line-height: normal; float: left; margin: 20px 18px 20px 18px; _margin: 10px 13px 10px 13px;}
#sponsors p {margin: 0 0 0 0; padding: 20px 0 0 0;}

.sunseeker {float: left; background-repeat: no-repeat; background-image: url(images/logo-sunseeker.gif); background-position: top; width: 100px; height: 45px; display: block;}
.sunseeker:hover {background-position:bottom;}

.aa {float: left; background-repeat: no-repeat; background-image: url(images/logo-aa.gif); background-position: top; width: 100px; height: 45px; display: block;}
.aa:hover {background-position:bottom;}

.apreamare {float: left; background-repeat: no-repeat; background-image: url(images/logo-apreamare.gif); background-position: top; width: 100px; height: 45px; display: block;}
.apreamare:hover {background-position:bottom;}

.cobalt {float: left; background-repeat: no-repeat; background-image: url(images/logo-cobalt.gif); background-position: top; width: 100px; height: 45px; display: block;}
.cobalt:hover {background-position:bottom;}

.hanse {float: left; background-repeat: no-repeat; background-image: url(images/logo-hanse.gif); background-position: top; width: 100px; height: 45px; display: block;}
.hanse:hover {background-position:bottom;}

.estrella {float: left; background-repeat: no-repeat; background-image: url(images/logo-estrella.gif); background-position: top; width: 100px; height: 45px; display: block;}
.estrella:hover {background-position:bottom;}

.seaswirl {float: left; background-repeat: no-repeat; background-image: url(images/logo-seaswirl.jpg); background-position: top; width: 100px; height: 45px; display: block;}
.seaswirl:hover {background-position:bottom;}

.moody {float: left; background-repeat: no-repeat; background-image: url(images/logo-moody.jpg); background-position: top; width: 100px; height: 45px; display: block;}
.moody:hover {background-position:bottom;}

/* SPLASH AREA */

#splash {height: 238px; width: 920px; padding: 30px 10px 30px 30px; clear: both; background-image: url(images/splash.gif); background-repeat: no-repeat;}
#splash h1 {font-size: 20px; margin-bottom: 10px;}
#splash ul {margin: 0; padding: 0; float: left;}
#splash li { list-style: none; text-transform: uppercase;}
#splash li a {width: 195px;_width: 195px; line-height: 9px; color: #042B46; display: block; margin: 1px 20px 0 0; _margin: 1px 10px 0 0; padding: 10px; background-image: url(images/boat-off.gif); text-decoration: none;}
#splash li a:hover {background-image: url(images/boat-on.gif);}
#splash object {float: left; margin: 0 20px 0 0; _margin: 10px;}

.marg {margin-left: 20px; _margin-left: 0;}

/* DEFAULT CONTENT AREA */

.default {width: 419px; float: left; padding: 0 30px 0 30px; margin: 30px 0 0 0;}
.default h1 {font-size: 18px; margin: 0 0 20px 0;}
.default p {line-height: 20px; margin: 10px 0 10px 0; padding: 0;}
.default input {width: 200px; background-color: #D6D6D6; border: 1px solid #AA9960;}
.default button, #content button {width: 155px; display: block; height: 30px; margin: 5px 0 0 0; padding: 0 0 0 10px; background-image: url(images/button.jpg); color: #fff; text-decoration: none; border: 0; text-align: left; cursor: pointer; }

.jimboat {float: left; margin: 5px 20px 0 0; border: 3px solid #C4C4C4;}

.test {width: 145px; display: block; height: 30px; margin: 5px 0 0 0; padding: 0 0 0 10px; background-image: url(images/button.jpg); line-height: 25px; color: #fff; text-decoration: none; border: 0; text-align: left; }
.service {margin: 0 0 20px 0; float: left; border: 3px solid #C4C4C4;}

.bord {border-left: 1px dashed #C4C4C4;}
.bord table {float: left; margin: 0 0 0 20px; padding: 0;}
.bord td {font-size: 14px; font-weight: bold; padding-left: 10px; line-height: 30px;}
.bord a {text-decoration: none;}

/* DEFAULT SPLASH */

#splash ul {width: 38em;}
/* float & allow room for the widest item */
#splash ul li {float: left; width: 19em;}
/* stop the float */
br {clear: left;}
/* separate the list from subsequent markup */
#splash {margin-bottom: 1em;}

/* CONTENT AREA */

#content {width: 575px; margin: 0 30px 20px 30px; _margin: 0 20px 10px 20px; float: left;}
#content h1, #confull h1 {font-size: 24px; margin-bottom: 10px;}
#content h2, #confull h2 {font-size: 20px; margin: 20px 0 20px 0; color: #AA9960;}
#content h3, #confull h3 {font-size: 17px; margin: 20px 0 20px 0; color: #AA9960;}
#content h4, #confull h4 {font-size: 15px; color: #AA9960;}
#content h5, #confull h5 {font-size: 20px; color: #042B46; margin: 10px 0 0 0; padding: 0 0 0 0;}
#content p {line-height: 20px; margin: 10px 0 10px 0; text-align: justify;}
#content a {color: #AA9960;}
#content object {margin-bottom: 20px;}
#content ul {margin: 20px 20px 20px 10px;}
#content li {margin: 5px 0 5px 0;}
#content hr {margin: 20px 0 20px 0;}

#confull {width: 900px; padding: 0 30px 0 30px; float: left;}

#form {width: 100%;}
.formfield {width: 300px; background-color: #D6D6D6; border: 1px solid #AA9960;}

#formus {width: 100%; margin: 20px 0 20px 0;}
#formus thead {background-color: #042B46; color: #fff; font-weight: bold;}
#formus td {padding: 10px; border-bottom: 1px solid #ccc;}

/* SIDENAV */

#sidenav {width: 285px; margin: 45px 30px 0 10px; _margin: 35px 20px 0 0; float: left;}
#sidenav h3 {margin: 0 0 20px 0; color: #AA9960; font-size: 16px;}
#sidenav ul {margin: 0 0 40px 0; padding: 0;}
#sidenav li {margin: 0; padding: 0; line-height: 30px; list-style: none; border-bottom: 1px dashed #C4C4C4;}
#sidenav li img {margin-right: 10px;}
#sidenav a {color: #042B46; text-decoration: none;}
#sidenav a:hover {color: #AA9960;}
#sidenav p {line-height: 20px; text-align: justify;}
#sidenav object {margin-bottom: 40px;}

.feed {margin: 0; padding: 0;}
.feed td {padding: 0 10px 0 0;}

.margbot {margin: 0 0 40px 0;}
.margtop {margin: 40px 0 0 0;}

#social img {margin: 0 5px 10px 0;}

#testing a {color: #fff;}
#testing a:hover {color: #fff;}

/* RESULTS PAGE */

.results {width: 240px; height: 480px; float: left; margin: 0 0 20px 0;}
.results h3 {margin: 0 0 20px 0; font-size: 17px;}
.results h3 a {text-decoration: none; color: #042B46;}
.results a img {border: 3px solid #C4C4C4; margin: 0 0 10px 0; width: 234px; height: 157px; display: block;}
.results a:hover img {border: 3px solid #AA9960;}
.results table {float: left; width: 100%; margin: 10px 20px 20px 0; color: #AA9960; border: 0;}
.results td {height: 20px; padding-right: 6px;}
.results p {text-align: justify; line-height: 22px; font-size: 13px;}

.spacer {margin-left: 90px; margin-right: 90px; _margin-left: 20px; _margin-right: 20px;}
.spacer2 {margin-left: 90px; _margin-left: 50px;}

.bordbot {border-bottom: 1px dashed #ccc;}

#paddington td {padding: 0 0 20px 0;}

/* FOOTER AREA */

#footer { background-image: url(images/footer.gif); background-position: bottom center; background-repeat: no-repeat;  margin: 0px;}
#footer h2 {color: #fff; font-size: 16px; padding: 140px 0 0 30px;}
#footer p {margin: 15px 30px 15px 30px;}

#foot {width: 960px; clear: both; color: #fff; margin: 0 auto 0 auto; }

#findmore {float: right; text-align: right; width: 450px;}
#findmore h3 {margin: 20px 0 0 0; font-size: 17px;}
#findmore a {text-align: left; float: right;}
#findmore p {color: #222; margin: 15px 0px 15px 0px;}

.right {float: right;}
.fleft {width: 200px;}
.picleft {float: left; margin: 0 20px 0 0; width: 150px; border: 3px solid #C4C4C4;}
.picright {float: right; margin: 0 0 20px 20px; border: 3px solid #C4C4C4;}
.thumb {width: 65px;}
.rss {margin: 0 0 0 10px;}
.tel {font-size: 15px;}
.leftpic {float: left; margin: 0 20px 0 0;}

#flashcontent {margin: 0 0 20px 0;}

#jimbob {float: left; border: 3px solid #C4C4C4; width: 160px; display: block; background-color: #AA9960; margin: 0 20px 0 0; color: #fff; font-weight: bold;}
#jimbob p {margin: 10px; padding: 0; line-height: 10px;}
#jimbob small {color: #fff;}

.bullets {border-bottom: 1px solid #c4dad4; border-right: 1px solid #c4dad4; width: 575px; margin-bottom: 20px;}
.bullets td {padding: 5px; border-top: 1px solid #c4dad4; border-left: 1px solid #c4dad4;}

.dark {background-color: #f0f0f0;}
.redtxt {color: #ff0000;}


#Text1 {width: 86px; position: relative; top: -6px;}

.form2 {float: left; margin-left: 10px;}
.form2 input, .form2 textarea,.form2 select {margin-bottom: 3px; font-family: Trebuchet MS; font-size:12px;}
.form2 td {font-weight: bold; padding: 0px; font-size: 10px;  vertical-align: bottom; line-height: 15px;}
.form2 textarea {height: 180px;}
.form2 p {font-size: 13px; color: #042B46;}

.fieldwidth {width: 180px;}
.thin {width: 100px;}

.sitemap {float: left; width: 200px; margin-top: 20px;}
.sitemap ul {margin: 0 0 40px 0; padding: 0;}
.sitemap li {margin: 0; padding: 0; line-height: 30px; list-style: none; border-bottom: 1px dashed #C4C4C4;}
.sitemap a {color: #042B46; text-decoration: none;}
.sitemap a:hover {color: #AA9960;}
form {margin: 0px; padding: 0px;}

/* POPUP FORM */

#popup {background-image: url(images/back-form2.jpg); background-position: top right; background-color: #AA9960; background-repeat:no-repeat; margin: 10px; padding-top: 80px; color: #fff;}
#popup a {color: #fff;}