/*  Tags Declaration  */
BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: "Arial";
    background: #FFFFFF url("../images/body-bg.gif") repeat-x left top;
}
A {text-decoration: none; color:#FFFFFF;}
A:HOVER {text-decoration: underline; color:#FFFFFF;}
IMG {border: none;}
/*  Page  */
#page {
    margin: auto;
    text-align: left;
    width: 984px;
}

.container {
    float: left;
    width: 943px;
    padding: 0px 9px 8px 8px;
    background: #ffffff;
}

.shadow {
    float: left;
    width: 984px;
    padding: 0;
    margin: 0;
    background: url("../images/shadow.gif") repeat-y left top;
}

.shadow-left {
    float: left;
    width: 972px;
    padding: 0;
    margin: 0;
    padding-left: 12px;
    background: url("../images/shadow-left.gif") no-repeat left top;
}

.shadow-right {
    float: left;
    width: 960px;
    padding: 0;
    margin: 0;
    padding-right: 12px;
    background: url("../images/shadow-right.gif") no-repeat right top;
}

.shadow-bottom {
    float: left;
    width: 984px;
    height: 9px;
    padding: 0;
    margin: 0;
    line-height: 0;
    font-size: 0;
    background: url("../images/shadow-bottom.gif") no-repeat left top;
}

/*  Header  */
.header {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    background: url("../images/header-bg.gif") no-repeat left top;
}

.logo {
    float: left;
    width: 235px;
    padding: 32px 0px 5px 20px;
    margin: 0;
}

.slogan {
    float: right;
    width: 215px;
    padding: 70px 15px 0px 0px;
    margin: 0;
}

.menu {
    float: right;
    width: 775px;
    padding: 0;
    margin: 0;
    background: url("../images/menu-bg.gif") repeat-x left top;
}

.menu UL {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    background: url("../images/menu-right.gif") no-repeat right top;
}

.menu UL LI {
    float: left;
    padding: 0;
    margin: 0;
    line-height: 0;
    font-size: 0;
    padding-right: 2px;
}

.menu UL LI A {
    float: left;
    padding: 0;
    margin: 0;
    height: 46px;
}

.menu UL LI A:HOVER {
    text-decoration: none;
}

.menu UL LI:HOVER IMG {
    display: none !important;
}

.menu UL LI.select A IMG {
    display: none !important;
}

.menu UL LI A.home {
    width: 77px;
    background: url("../images/home-hover.gif") no-repeat left top;
}

.menu UL LI A.boats {
    width: 97px;
    background: url("../images/boats-hover.gif") no-repeat left top;
}

.menu UL LI A.rates {
    width: 72px;
    background: url("../images/rates-hover.gif") no-repeat left top;
}

.menu UL LI A.availability {
    width: 101px;
    background: url("../images/availability-hover.gif") no-repeat left top;
}

.menu UL LI A.reservations {
    width: 112px;
    background: url("../images/reservations-hover.gif") no-repeat left top;
}

.menu UL LI A.area {
    width: 87px;
    background: url("../images/area-hover.gif") no-repeat left top;
}

.menu UL LI A.testimonials {
    width: 113px;
    background: url("../images/testimonials-hover.gif") no-repeat left top;
}
.menu UL LI A.about {
    width: 94px;
    background: url("../images/about-hover.gif") no-repeat left top;
}
/*
.menu UL LI A.home:HOVER {
    background: url("../images/home-hover.gif") no-repeat left top;
}

.menu UL LI A.boats:HOVER {
    background: url("../images/boats-hover.gif") no-repeat left top;
}

.menu UL LI A.rates:HOVER {
    background: url("../images/rates-hover.gif") no-repeat left top;
}

.menu UL LI A.availability:HOVER {
    background: url("../images/availability-hover.gif") no-repeat left top;
}

.menu UL LI A.reservations:HOVER {
    background: url("../images/reservations-hover.gif") no-repeat left top;
}

.menu UL LI A.area:HOVER {
    background: url("../images/area-hover.gif") no-repeat left top;
}

.menu UL LI A.testimonials:HOVER {
    background: url("../images/testimonials-hover.gif") no-repeat left top;
}

.menu UL LI A.about:HOVER {
    background: url("../images/about-hover.gif") no-repeat left top;
}
*/
.menu UL LI.select A.home {
    background: url("../images/home-select.gif") no-repeat left top !important;
}

.menu UL LI.select A.boats {
    background: url("../images/boats-select.gif") no-repeat left top !important;
}

.menu UL LI.select A.rates {
    background: url("../images/rates-select.gif") no-repeat left top !important;
}

.menu UL LI.select A.availability {
    background: url("../images/availability-select.gif") no-repeat left top !important;
}

.menu UL LI.select A.reservations {
    background: url("../images/reservations-select.gif") no-repeat left top !important;
}

.menu UL LI.select A.area.select {
    background: url("../images/area-select.gif") no-repeat left top !important;
}

.menu UL LI.select A.testimonials {
    background: url("../images/testimonials-select.gif") no-repeat left top !important;
}

.menu UL LI.select A.about {
    background: url("../images/about-select.gif") no-repeat left top !important;
}

.nav-bar {
    float: left;
    width: 100%;
    height: 31px;
    padding: 0;
    margin: 0;
    line-height: 0;
    font-size: 0;
    margin-top: -19px;
    background: url("../images/nav-bar.png") no-repeat left top;
}

/*  Content  */
.content {
    float: left;
    width: 100%;
    padding-top: 5px;
 /* start new here	*/
 background:#B4B2AE url("../images/content-bg.gif") repeat-x top left;
position:relative;
z-index:100;
/* end new here	*/
}

.room {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 0;
    font-size: 0;
}

.data {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    background: url("../images/data-bg.gif") repeat-y left top;
}

.data-top {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-bottom: 0px;
    background: url("../images/data-top.gif") no-repeat left top;
}

.welcome {
    float: left;
    width: 230px;
    margin: 29px 0px 0px 0px;
    /*padding: 36px 0px 0px 0px;*/
    text-align: center;
    background: url("../images/data-shadow-left.gif") no-repeat left top;
}

.welcome-right {
    float: left;
    width: 100%;
    padding: 46px 0px 60px 0px;
    text-align: center;
    background: url("../images/data-shadow-right.gif") no-repeat right top;
}

.know {
    float: left;
    width: 670px;
    padding: 73px 0px 0px 40px;
    margin: 0;
}

.know P {
    font-size: 13px;
    color: #4F4F4F;
    padding: 0;
    margin: 0;
}

/*  Subpage  */
.empty {
     float: left;
     width: 100%;
     height: 70px;
     margin: 0;
     padding: 0;
}

.left-col {
     float: left;
     width: 775px;
     margin: 0;
     padding: 0;
}

.text {
    float: left;
    width: 775px;
    margin: 0;
    padding: 0;
    background: url("../images/text-bg.jpg") repeat-y left top;
}

.text-top {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: url("../images/text-top.jpg") no-repeat left top;
}

.text-bottom {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-bottom: 102px;
    background: url("../images/text-bottom.jpg") no-repeat left bottom;
}

.row {
    float: left;
    width: 240px;
    margin: 0;
    padding: 35px 5px 0px 5px;
}

.row.r-center {
    width: 253px;
}
.row.r-right {
    width: 244px;
}

.row A {
    padding-left: 0px;
}

.row-info {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 5px;
}

.row P {
    font-size: 11px;
    color: #B2B1B1;
    margin: 0;
    padding: 0;
	/* padding-left: 5px;	*/
    padding-left: 15px;
    padding-right: 10px;
    line-height: 20px;
}

.row-line {
    float: left;
    clear: left;
    width: 100%;
    margin: 0;
   
	margin-top: 10px;
	margin-bottom: 10px;
    line-height: 0;
    font-size: 0;
    height: 10px;
    border-bottom: 1px solid #5C5A59;
}

.row-list {
    float: left;
    width: 86%;
  
    padding-top: 10px;
	font-size: 11px;
    color: #B2B1B1;
    display: block;
    line-height: 20px;
    background: url("../images/list-item.gif") no-repeat left top;
    margin: 0;
    padding: 0px 0px 0px 20px;
    margin-left: 10px;
}

/*.row-list A {
    font-size: 11px;
    color: #B2B1B1;
    display: block;
    line-height: 20px;
    background: url("../images/list-item.gif") no-repeat left top;
    margin: 0;
    padding: 0px 0px 0px 20px;
    margin-left: 10px;
}*/

.right-col {
     float: left;
     width: 168px;
     margin: 0;
     padding: 0;
}

.right-col2 {
	   float: left;
     width: 168px;
     margin: 0;
     padding: 0;
    background-color:#b4b2ae;}
	.right-col2 p {
		font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
padding:10px;
font-weight:bold;
color:#333;
}
.title-right {
     float: left;
     width: 169px;;
     height: 37px;
     margin: 0;
     padding: 0;
     line-height: 0;
     font-size: 0;
     position: relative;
     margin-left: 1px;
     background: url("../images/title-right.gif") no-repeat left top;
}

.right-top {
     float: left;
     width: 100%;
     margin: 0;
     padding: 0;
     padding-top: 35px;
     padding-bottom: 40px;
     background: url("../images/right-top.gif") no-repeat right bottom;
}
.right-top p{
     float: left;
     width: 100%;
     margin: 0;
     padding: 0;
     padding-top: 35px;
     padding-bottom: 40px;
   
}

.right-top-text{
    font-size: 11px;
    color: #5F5E5D;
    display: block;
    line-height: 20px;
    background: url("../images/item-right.gif") no-repeat left top;
    margin: 0;
    padding: 0px 0px 0px 20px;
    margin-left: 10px;
}

.ships {
     float: right;
     width: 100%;
     height: 343px;
     margin: 0;
     padding: 0;
     line-height: 0;
     font-size: 0;
     background: url("../images/ships.jpg") no-repeat right top;
	 
}

.right-bottom {
     float: right;
     width: 168px;
     margin: 0;
     padding: 0;
     padding-bottom: 50px;
     background: #B4B2AE url("../images/right-bottom.gif") repeat-x left top;
	 
}


.right-bottom-text {
    font-size: 11px;
    color: #5F5E5D;
    display: block;
    line-height: 16px;
    background: url("../images/item-right.gif") no-repeat left top;
    margin: 0;
    padding: 0px 2px 0px 2px;
    text-indent: 15px;
    margin-left: 10px;
}
.right-bottom-text2 {
    font-size: 11px;
    color:#333;
    display: block;
    line-height: 20px;
    background: url("../images/item-right.gif") no-repeat left top;
    margin: 0;
    padding: 0px 2px 0px 2px;
    text-indent: 15px;
    margin-left: 6px;
}

.phone {
     float: right;
     width: 168px;;
     height: 32px;
     margin: 0;
     padding: 0;
     line-height: 0;
     font-size: 0;
	 position:relative;
	 margin-top:-35px;
	 
margin-right:21px;
z-index:150;
     background: url("../images/phone.gif") no-repeat left top;

	 
}

/*  Footer  */
.footer {
    float: left;
    width: 935px;
    margin: 0;
    padding: 10px 9px 30px 30px;
}

.footer A {
    font-size: 13px;
    color: #666666;
    padding: 0;
    margin: 0;
    float: left;
    white-space: nowrap;
}
.footer-text{
    font-size: 13px;
    color: #666666;
    padding: 0;
    margin: 0;
    float: left;
    white-space: nowrap;
}

.footer SPAN {
    font-size: 13px;
    color: #666666; 
    padding: 0;
    margin: 0;
    float: left;
    padding: 0px 5px 0px 5px;
}

.footer P {
    font-size: 13px;
    color: #666666;
    padding: 0;
    margin: 0;
    float: right;
    white-space: nowrap;
}
.testimonial {font-style:italic; margin-top:5px;}
 a.avail {color:#666666;  font-size:14px;} 
 .border {border: 1px solid #BFBFBF; text-align:center;}
 td.center {text-align:center; background:#FFFFFF; font-size:12px;}
 table.center {text-align:center;}
 table.rates {border:#333333; text-align:center; background:#FFFFFF; font-size:12px;}
 .impt {color:#CC0000; font-size:14px;}