@charset "UTF-8";
/* CSS Document */

html, body, div, a, img {
	margin:0px;
	padding:0px;
	border: 0;
	outline: 0;
	font-size:10px;
	color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:100;
}

b {
	color:#FF0;	
}

body {
	background-image:url(../images/bg-main.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#topline {
	width:670px;
	margin:auto;
	margin-top:30px;
	padding-left:25px;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	height:15px;
}
#topline .left a{
	text-decoration:none;
}
#topline .right {
	font-size:12px;
	font-weight:bold;
	float:right;
	margin-right:19px;
}

#container {
	width:900px;
	height:600px;
	margin:auto;
	background-image:url(../images/bg-content.png);
	background-position:top;
	background-repeat:no-repeat;
}

strong {
	color:#FF0;
	font-weight:bold;
}

#logo {
	margin-left:-4px;
	margin-top:20px;
	position:absolute;
}

#topnav {
	margin-left:128px;
	padding-top:10px;
	height:18px;
	width:745px;
	position:relative;
}

#topnav div {
	margin-top:-21px;
	position:absolute;
	right:84px;
}

#topnav a {
	font-size:11px;	
	margin-right:7px;
	text-decoration:none;
}
#topnav a:hover {
	color:#FF0;
	text-decoration:underline;
}

#mainbody {
	width:654px;
	margin-left:105px;
	text-align:center;
	padding-top:15px;
	padding-left:23px;
	padding-right:23px;
	height:376px;
	font-size:12px;
}

#mainbody2 {
	width:675px;
	margin-left:82px;
	text-align:center;
	padding-top:15px;
	padding-left:48px;
	padding-right:23px;
	font-size:12px;
	background-image:url(../images/bg-content3.png);
	background-repeat:repeat-y;
	
}

#bottompanels {
	
	background-repeat:no-repeat;
	margin-left:81px;
	padding-left:21px;
	margin-top:6px;
	width:736px;
	height:142px;
}

#bottompanels ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	height:135px;
}

#bottompanels ul li {
	display:inline-block;	
	height:135px;
}

.panel {
	position:relative;	
}


.panel div {
	position: absolute;
	top:115px;
	left:155px;
	display:none;
}

.paneltest {
	width:232px;
	height:135px;
	margin-top:0px;
	margin-left:0px;
}
.panel2test {
	width:231px;
	height:135px;
	margin-top:0px;
	margin-left:6px;
}
.panel3test {
	width:229px;
	height:135px;
	margin-top:0px;
	margin-left:5px;
}

.panel1 {
	width:232px;
	height:235px;
	background-image:url(../images/panel1.jpg);
}
.panel1:hover {
	background-position:0px -10px;;
}

.panel2 {
	width:231px;
	margin-left:6px;
	height:135px;
	background-image:url(../images/panel2.jpg);
}
.panel2:hover {
	background-position:0px -10px;;
}

.panel3 {
	width:229px;
	margin-left:6px;
	height:135px;
	background-image:url(../images/panel3.jpg);
}
.panel3:hover {
	background-position:0px -10px;;
}

#twitter {
	margin-left:83px;
	padding-left:20px;
	background-image:url(../images/bg-black.png);
	background-repeat:repeat-y;
	position:relative;
}

#twittertitle {
	margin-top:0px;
	margin-left:83px;
	padding-left:30px;
	background-image:url(../images/bg-blue-header.png);
	width:715px;
	height:30px;
	
}

#highlight {
	width:680px;
	height:351px;
	background-repeat:no-repeat;
	margin-left:105px;
	margin-top:40px;
	position:relative;
}

#highlight2 {
	width:680px;
	height:351px;
	background-repeat:no-repeat;
	position:relative;
	margin-top:20px;
	
}
.highlight3 {
	width:654px;
	height:184px;
	background-image:url(../images/specials-bg.png);
	background-repeat:no-repeat;
	position:relative;
	margin-top:20px;
}

#backbutton a {
	color:#FF0;
	text-decoration:none;
	margin-left:25px;
	position:absolute;
}

#highlightbody {
	width:403px;
	left:270px;
	top:32px;
	position:absolute;
	font-size:12px;
	height:210px;
	padding-top:25px;
	padding-right:5px;
	overflow:hidden;
}	
#highlightbody2 {
	left:245px;
	position:absolute;
	font-size:12px;
	text-align:left;
	height:230px;
	overflow:hidden;
	width:408px;
	top:8px;
}	
.highlightbody3 {
	width:440px;
	left:200px;
	top:20px;
	position:absolute;
	font-size:12px;
	text-align:left;
}	

#highlightbuttons {
	position:absolute;
	top:290px;
	right:2px;
}

h1 {
	font-size:20px;
	font-weight:bold;
	margin-bottom:12px;
	margin-top:20px;
}

h2 {
	font-size:16px;
	font-weight:bold;
	margin:0px;
}

#boatexplore {
	width:709px;
	height:391px;
	background-image:url(../images/about-boat.jpg);
	margin-left:102px;
	position:relative;
	
}

#boatexplore div {
	position:absolute;	
}

.hotspotinfo {
	position:absolute;
	top:-100px;
	left:5px;
	width:115px;
	height:80px;
	padding-left:100px;
	padding-top:25px;
	padding-right:20px;
	display:none;
	font-size:9px;
}

.hotspotinfo br {
	margin:5px;
}

.hotspotinfo strong {
	font-weight:bold;
}

td.products {
	padding:10px;
	font-size:12px;
}

#twitterfoot {
	margin-left:80px;	
}

#legalfooter {
	width:700px;
	color:#777;
	margin-left:110px;
	padding-bottom:20px;
	font-size:7px;
	margin-top:-10px;
}

#legalfooter a {
	color:#888;
	text-decoration:none;
}
#legalfooter a:hover {
	color:#000;
	text-decoration:underline;
}

#commentblock {
	background-image:url(../images/bg-comments.png);
	background-repeat:repeat-x;
	padding:20px;
}

#comments {
	text-align:left;
	font-size:12px;
	margin-bottom:10px;
	width:530px;
	float:right;
}	
#guestprofile {
	float:left;	
}
h3 {
	font-size:18px;
	font-weight:normal;
	color:#FF0;
	margin-bottom:8px;
	margin-top:0px;
}	

h4 {
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:8px;
	margin-top:0px;
}

.reserveform p {
	font-size:12px;
	text-align:left;
}
.scroll-pane {
	height:235px;
	font-size:12px;
}

#videoplayer {
	width: 620px;
	background-color:#000;
	margin-left:15px;
	margin-top:20px;
}

#thumbs div {
	margin-bottom:3px;
}