/* global style definitions */
* {margin: 0px;padding: 0px;}
body {background:#000000 url(../images/bodybackgr.jpg);color:#fff;font-family:'verdana','arial','sans serif','helvetica';font-size: 12px;text-align: center;margin:0;}
#wrapper {margin: 0 auto;padding: 0;width: 880px;text-align: center;}
/* page header */
#banner {margin: 0;width:880px;height:60px;text-align: left;background: #ffd02e;}
#banner .logoleft{float: left;text-align: left;background: #ffd02e;}
#banner .logoright{float: right;text-align: right;background: #ffd02e;}
#messagebox {width:100%;color: #000000;background:#ffd02e;height:25px;margin-bottom:15px;background: url(../images/messagebackgr.gif) repeat-x bottom left;}
#messagebox .messageleft {float: left;height:15px;padding:5px 10px;font-weight: bold;font-size: 12px;font-family:tahoma,arial,sans-serif;background: url(../images/messagebackgrleft.gif) no-repeat bottom left;}
#messagebox .messageright {float: right;height:15px;padding:5px 10px;font-weight: bold;font-size: 12px;font-family:tahoma,arial,sans-serif;background: url(../images/messagebackgrright.gif) no-repeat bottom right;}
/*main image and text on index page */
#topbox {position: relative; margin:0; width:880;height: 300px;margin-bottom:15px; z-index:0;}
#slideshow {position: absolute; top:0; left:0; margin:0; padding:0; width:880px; height: 300px;z-index:-2;overflow:hidden;}
#slideshow img {opacity:0;-moz-opacity:0;-khtml-opacity:0;filter: alpha(opacity=0);} 
#topboxright {position: absolute; top:0; left:441px;text-align: left;width:440px;z-index:0;}
#topboxright p{font-size:13px;padding:10px 5px 5px 5px;line-height:1.5;font-family:verdana,arial,sans-serif;color:#ffffff;}
/* #content is the main section for most pages */
#content .header {width:100%;height:25px;margin:0;background: url(../images/contentheaderbackgr.gif) repeat-x top left;}
#content .header h2{color:#000;font-weight: bold;font-size: 12px;font-family:verdana,arial,sans-serif;}
#content .header .left {float: left;height:15px;padding:5px 10px;background: url(../images/contentheaderbackgrleft.gif) no-repeat top left;}
#content .header .right {float: right;height:15px;padding:5px 10px;;background: url(../images/contentheaderbackgrright.gif) no-repeat top right;}
.scrollup{width:100%;height:20px;margin:0;background: url(../images/scrollup.gif) no-repeat top left;}
.scrolldown{width:100%;height:20px;margin:0 ;background: url(../images/scrolldown.gif) no-repeat top left;}
#content .foot {height:12px;margin:0;background: url(../images/contentfootbackgr_880.gif) no-repeat top center;position:relative;}
#content .foot .left {float: left;height:12px;width:12px;padding:0;background: url(../images/contentfootbackgrleft.gif) no-repeat top left;}
#content .foot .right {float: right;height:12px;width:12px;padding:0;;background: url(../images/contentfootbackgrright.gif) no-repeat top right;}
#content {margin:0 0 0 0;width:880px;z-index:0;}
#content .inner {padding:0;min-height:300px;color:#fff;background: #202020 url(../images/boxbackgr.gif) no-repeat top right;}
#content .inner p{position:relative;} /* for ie hidden text bug */
#content .inner ul {margin:0;padding:0;list-style:none;text-align:left;padding: 0 0 5px 20px;}
#content .inner h2{padding:10px;text-align:left;}
#content .inner h3{font-size:15px;font-family:arial, helvetica;font-weight:bold;margin:0 0 0 165px;}
#content .inner p{color:#fff;font-size:12px;line-height:15px;padding:10px;text-align:justify;}
#content .inner a{text-decoration:underline;}
#content .inner .clicktosee {font-size:11px;font-style:italic;color:#999;}
#content .inner #main{padding-right:10px;margin: 10px 0 10px 10px;float:left;width:580px;}
#content .inner #main p{font-size: 11px;padding: 0 0 5px 0;}
#content .inner #highlights{float:left;padding:10px;width:248px;}
#content .inner #highlights p{font-size: 11px; line-height:13px;padding:0 0 5px 0;text-align:left;}
#content #article{float:left;width:660px;margin-right:15px;}
#content #article .foot {height:12px;margin:0;background: url(../images/contentfootbackgr_660.gif) no-repeat top center;position:relative;}
#content  .imgleft {float:left;margin:15px 15px 4px 12px;}
#content  .imgright {float:right;margin:15px 15px 4px 12px;}
#content  .imgcenter {float:none;margin:15px 15px 4px 12px;}
#content #sidebar{float:left;width:205px;margin-right:0;}
/* Index features */
.feature_single{margin-top:0;margin-left:0;margin-bottom:15px;height:294px;width:280px;float:left;background: url(../images/featuresingle.jpg) no-repeat top left;cursor:pointer;}
.feature_multi{margin-top:0;margin-left:20px;margin-bottom:15px;height:294px;width:280px;float:left;background: url(../images/featuremulti.jpg) no-repeat top left;cursor:pointer;}
.feature_watercraft{margin-top:0;margin-left:20px;margin-bottom:15px;height:294px;width:280px;float:left;background: url(../images/featurewatercraft.jpg) no-repeat top left;cursor:pointer;}
.featuretext {margin: 172px 5px 5px 5px; text-align:left;font-size: 13px;}
/* for vehicle images */
.thumbnail{display:inline;float:left;margin-top:0;margin-left:10px;margin-bottom:10px;height:212px;width:280px;float:left;}
.multi_header{height:20px;background: url(../images/thumbnail_multi_header.gif) top left no-repeat;width:280px;padding-top:5px;font-weight:bold;}
.single_header{height:20px;background: url(../images/thumbnail_single_header.gif) top left no-repeat;width:280px;padding-top:5px;font-weight:bold;}
.tow_header{height:20px;background: url(../images/thumbnail_tow_header.gif) top left no-repeat;width:280px;padding-top:5px;font-weight:bold;}
.thumbnail_image{height:197px;width:280px;}
/* rotating image for rental pages */
#image {width:100%;position:relative;height:100px;margin:0;padding:0;z-index:1;} 
/* Contact Form */
#contactform {width: 880px;text-align: center;font-family: Arial, Helvetica, sans-serif;}
#contactform .labelarea {float: left;width: 24%;text-align: right;margin: .5% 2% 0 0;}
#contactform .fieldarea {float: left;text-align: left;width: 42%;}
#contactform .submiterror {float: left;width: 28%;text-align: left;margin: .5% 0 0 2%;font-weight: bold;color: #cc0000;font-size: 12px;}
#contactform .formselect {font-size: 12px;margin: 2px;padding: 0;width: 99%;background: #ffffff;color: #000000;border: none;}	
#contactform .forminput {font-size: 12px;margin: 2px;padding: 2px;width: 99%;background: #ffffff;color: #000000;border: none;}
#contactform .forminputdisabled {font-size: 12px;margin: 2px;padding: 2px;width: 99%;background: #ffffff;color: #666666;border: 1px solid #990000;}
#contactform .formcheck {font-size: 12px;margin: 4px 2px 2px 2px;padding: 2px;background: #ffffff;color: #000000;border: none;}
#contactform .formbutton{margin: 2px;font-size: 12px;padding: 1px;background: #990000;color: #ffffff;border: 1px solid #ffffff;}
#contactform .formlabel {font-weight: normal;color: #ffffff;font-size: 12px;}
/* page footer */
#footer {margin: 0 auto;width: 880px;min-width: 880px;text-align: center;font-size: 10px;color: #fff;}
#footer a {color: #fff;text-decoration: underline;}
#footer a:visited {color: #fff;text-decoration: underline;}
#footer a:hover, a:active {color: #990000;text-decoration: underline;}
.clear {clear: both;}
/* defaults - defined last to suport ie 6 and ie 5.5 requirements */
a {color: #fff;text-decoration:none;}
a:visited {color: #fff;text-decoration:none;}
a:hover, a:active {color: #fff;text-decoration:none;}