* {margin: 0;padding: 0}
body.home {background-color: #3C7FAF}
p {font-size: 11pt;line-height: 1.4em;font-family: Trebuchet MS;color: #fff;margin: 0 0 20px 0;font-weight: normal}
h1 {font-family: Times New Roman;color: #EDEDED;font-weight: normal;font-size: 26pt;margin: 0 0 1px 0}
h2 {font-family: Times New Roman;color: #FFFFCC;font-weight: normal;line-height: 1.2em;font-size: 24px;margin: 0 0 8px 0}
h3 {font-family: Times New Roman;color: #0D1C26;font-weight: normal;margin: 0 0 2px 0;font-size: 20px}
h4 {font-family: Trebuchet MS;color: #0D1C26;font-weight: bold;margin: 0 0 20px 0;font-size: 20px;text-align:center}

a {color: #FFFFCC}
a:hover {color:#FFFF88;text-decoration:none}
a img {border: 0px none}
td {font-family: Trebuchet MS;color: #0D1C26}

div.shuswap {width: 790px;margin: 0 auto;float: center}

.clearfix:after {content: "."; display: block; height: 0; clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
/* End hide from IE-mac */

/*-----------header----------*/
div#header {background-color: #0D1C26;height: 136px;margin: 0 auto}
div#header p {text-align: center;margin-top:0px;margin-bottom:0px;padding:0px}
div#header h1 {text-align: center;font-family: trebuchet ms;font-size: 28px;color: #003E71;margin-top:15px;margin-bottom:0px}
div#header img {}

/*---------top nav bar---------*/
.navigation {text-align: center;float: left}
.navigation ul {font-family: Trebuchet MS;font-size: 12px;font-weight: bold;text-decoration: none;margin: 0;padding: 0;list-style:none}
.navigation li {display: inline;background: url('images/buttonbg.gif') repeat-x center top;text-align: center;padding: 0;margin-right: 4px;float: left}
.navigation a {color: #0D1C26;background: url('images/buttonleft.gif') no-repeat left top;float: left;margin:0;padding-left:7px;text-decoration: none}
.navigation a span {background: url('images/buttonright.gif') no-repeat right top;display: block;padding-left:5px; padding-right:13px; padding-top:12px; padding-bottom:18px}
.navigation a span {float: none}
.navigation a:hover{color: #1F4058;text-decoration: underline}

/*----------content---------------*/
div.content {margin: 0px auto;width: 760px}
body.home div.content p, div.letter p {font-family: Trebuchet MS;font-size: 14px}
div.main {width: 460px;margin-top: 25px;margin-bottom: 10px;text-align: left;float: left}
div.specs {width: 490px;margin-top: 25px;margin-bottom: 10px;text-align: left;float: left}
div.rent {width: 760px;margin-top: 25px;margin-bottom: 10px;text-align: left;float: left}
div.main ul {font-size: 11pt;line-height: 1.4em;font-family: Trebuchet MS;color: #fff;margin: 0 0 20px 0;font-weight: normal}
div.main li {margin-bottom:10px}
div.boat {float: right;width: 270px;margin-top: -15px;font-family: Trebuchet MS;font-size: 12px;text-align: right}
div.boat2 {float: right;width: 225px;margin-top: -15px;font-family: Trebuchet MS;font-size: 12px;text-align: left}

.bl {background: #E7F2D8 url('images/bl.gif') no-repeat 0 100%; width: 180px; height: 400px; }
.br {background: url('images/br.gif') no-repeat 100% 100%;height: 400px; }
.tl {background: url('images/tl.gif') no-repeat 0 0; }
.tr {background: url('images/tr.gif') no-repeat 100% 0; padding:10px; }
.clear {font-size: 1px; height: 1px}

/*----------footer-----------*/
div.footer {text-align: center;background-color: #aaccee;font-family: verdana;color: #0D1C26;padding: 15px 0;font-size: 10px;line-height: 1.4em;margin-top: 25px}
div.footer a {color: #0D1C26}

/*---------geolocal-------------*/
.contractor {margin: 0 auto; margin-top: 25px; width: 780px; font-size: 9px; font-family: arial; color: #444444; text-align: right}
.contractor a {font-family: arial;color: #990000}
.geolocal {margin-top: 0px; width: 780px; font-size: 9px; font-family: arial; color: #444444; text-align: right}
.geolocal a {font-family: arial;color: #444444}

/*---------contact form---------*/
.mailwrapper {text-align: left}
.maildiv {margin: 0;text-align: left;width: 425px;font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 10pt;color: FFF}
.maildiv form {text-align: left}
.maildiv label {
/* used for right side captions */
vertical-align: top;padding: 0 0 0 2px}
.maildiv .sidelbl {
/* used for left side labels */
width: 70px;text-align: right;padding: 0 2px 0 0;vertical-align: top;position: relative;display: block; float: left; clear: left;color: #fff}
.maildiv a {color: #005ABE}
.maildiv h2 {color: #FFFFCC;font-family: Trebuchet MS;font-size: 16pt}
.maildiv input {margin-bottom: 4px}
.maildiv select {margin-bottom: 5px}
.maildiv textarea {margin-top: 5px;margin-bottom: 0px}
.maildiv .ver_img {padding: 0;margin: 0 0 0px 0px;vertical-align:bottom; border: 0px; }
.maildiv fieldset {padding: 2px 2px 2px 2px;margin-bottom: 0px;border: 0px}
.maildiv .legendspacing {height: 5px}
.maildiv .fmcredits {float: left;font-size: 90%}
.maildiv .fmsubmit {margin-top: 4px;margin-left: 135px}
.maildiv .fmrequired {color: #FF0000;font-size: 90%; float: left;margin-left: 1px}
.maildiv .fmspacer {height: 2px}
.maildiv .fminfofull {padding: 0 10px 0 10px;color: #005ABE;margin-bottom: 5px;font: bold 12pt Arial, sans-serif}
.maildiv .fminfo2 {padding: 0 10px 0 10px;color: #005ABE;margin-bottom: 5px;margin-top: 5px;font: bold 12pt Arial, sans-serif}
.maildiv .fminfo {padding: 0 0 0 0;color: #005ABE;margin-bottom: 5px;margin-top: 5px}
.maildiv .fminfohalf {padding: 0 5px 0 5px;color: #005ABE;margin-left: 110px;margin-bottom: 2px}
.maildiv .fmerrorbox {text-align: left}
.maildiv li {margin: 0 0 2px 0}
.maildiv .fmerrortitle {color: #FF0000;font-size: 120%}