/* CSS Document */

body { 
	padding: 0;
	margin: 0;
	margin-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	background: url(images/cruise_bg.gif) top repeat-x #275599;
	}
	
div {
	padding: 0;
	margin: 0;
	}

span {
	padding: 0;
	margin: 0;
	}
	
h1 {
	padding: 0;
	margin: 10px 0px 10px 20px;
	font-size: 16px;
	text-transform: uppercase;
	}	

h2 {
	padding: 0;
	margin: 5px 0px 5px 25px;
	font-size: 14px;
	text-transform: uppercase;
	color:#000066;
	}
	
h3 {
	padding: 0;
	margin: 0px 10px 5px 0px;
	font-size: 11px;
	color:#336699;
	}
	
h4 {
	padding: 5px 0 0 0;
	margin: 10px 0px 5px 25px;
	font-size: 14px;
	text-transform: uppercase;
	color:#000066;
	border-top: dotted 1px #85A8C6;
	border-right: dotted 0px #CCCCCC;
	border-bottom: dotted 0px #CCCCCC;
	border-left: dotted 0px #CCCCCC;
	}
	
h5 {
	padding: 0;
	margin: 0px 0px 5px 0px;
	font-size: 12px;
	color:#993300;
	border-top: dotted 0px #CCCCFF;
	border-right: dotted 0px #CCCCCC;
	border-bottom: dotted 1px #85A8C6;
	border-left: dotted 0px #CCCCCC;
	}
	
hr {
	color: #CCCCCC;
	margin-left: 10px;
	margin-right: 10px;
	}
	
ul {
	padding: 0;
	margin: 10px 5px 0px 5px;
	text-align: left;
	color: #003399;
	}
	
li {
	padding: 0;
	margin: 10px 10px 0px 10px;
	line-height: 14px;
	text-align: left;
	}

p {
	padding: 0;
	margin: 5px 10px 10px 25px;
	line-height: 16px;
	color: #333333;
	}
	
img {
	border: 0px;
	}
	
form {
	margin : 1px;
	padding : 1px;
	border : 1px;
}

.container{
	display:table;
	width: 980px;
	text-align: left;
	padding: 0px;
	margin: auto;
	border-top: solid 0px #071135;
	border-right: solid 1px #071135;
	border-bottom: solid 0px #071135;
	border-left: solid 1px #071135;
	background: url(images/water_vinette.jpg) bottom left no-repeat #FFFFFF;
	}
	
.content {
	padding: 0;
	margin: 10px 0px 10px 20px;
	line-height: 16px;
	}
	
.call {
	top: 46px;
	padding: 0;
	margin: 0px 0px 10px 375px;
	font-size: 10px;
	text-align: center;
	position: absolute;
	}

.top_nav {
	color: #999999;
	font-size: 10px;
	padding: 0;
	margin: 10px 0px 10px 15px;
	width:179px;

	}
	
.top_right {
	background: url(images/top_cruise.gif) top right no-repeat #FFFFFF;
	}
	
.footer_container{
	display: block;
	font-size: 10px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;	
	}
/*================= CUSTOM STUFF ======================*/

.imgLeft{ 
	margin: 5px 20px 20px 25px;
	padding: 0;
	float: left;
	clear:both;
}

.next {
	margin: 25px;
	padding: 0;
	font-weight: bolder;
	font-style: italic;
	font-size: 12px;
	color: #FF9900;
}

.blue {
	font-size: 6px;
	color: #000033;
	background-color: #000033;
	width: 980px;
	border-top: solid 0px #FFFFFF;
	border-right: solid 0px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	border-left: solid 0px #FFFFFF;
}

.light_blue {
	width: 980px;
	border-top: solid 0px #FFFFFF;
	border-right: solid 0px #FFFFFF;
	border-bottom: solid 0px #FFFFFF;
	border-left: solid 0px #FFFFFF;
}

.free_copy {
	padding: 0;
	margin: 0px 10px 10px 0px;
	width: 169px;
	left: 20px;
	top: -30px;
	position: relative;
	line-height: 16px;
}

.bot_right_ph {
	background: url(images/right_ph.gif) top right no-repeat #FFFFFF;
	width: 211px;
	margin: 0;
	padding: 0;
	vertical-align:top;
	}
	
.home_title {
	color:#FFFFFF;
	top: 105px;
	position:absolute;
	padding: 0;
	margin: 20px 0 0 20px;
	font-weight: bold;
	width: 486px;
	
 }
 
 .specials { 
	color: #003399;
	top: 20px;
	position:absolute;
	padding: 0;
	margin: 0px 0 0 527px;
	width: 210px;
	line-height: 19px;
	font-size: 11px;
 }
 
.testimonials_box { 
	padding: 15px;
	margin: 10px 10px 10px 10px;
	width: 300px;
	line-height: 16px;
	border-top: solid 1px #85A8C6;
	border-right: solid 1px #85A8C6;
	border-bottom: solid 1px #85A8C6;
	border-left: solid 1px #85A8C6;
	background-color: #D7E2EE;
 }
 
 .home_box { 
	padding: 15px;
	margin: 5px 10px 10px 10px;
	width: 185px;
	line-height: 16px;
	border-top: solid 1px #85A8C6;
	border-right: solid 1px #85A8C6;
	border-bottom: solid 1px #85A8C6;
	border-left: solid 1px #85A8C6;
	background-color: #D7E2EE;
 }
 
.tel {
	padding: 0;
	margin: 5px 10px 0px 5px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight:bold;
	color:#000066;
	}
 
 #list_items { 
	 padding: 0;
	 margin: 0px 20px 25px 20px;
 }
 
  #list_home { 
	 padding: 0;
	 margin: 0px 20px 25px 50px;
 }

	
	
	
/*============= Table stuff =============*/

td {
	vertical-align: top;
	}

.thin_table { 
	border-collapse: collapse;
	}
	
/*================= LIST STYLE ====================*/

#top_list li {
	padding-right: 10px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	display: block;
	float: left;
	color: #999999;
	border-right: solid 1px #CCCCCC;
	
	}

#top_list .last_li {
	border: none;
	}
	
#footer li {
	padding-right: 10px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	display: block;
	float: left;
	color: #999999;
	border-right: solid 1px #CCCCCC;
	
	}

#footer .last_li {
	border: none;
	}

/*================= LINKS STYLE ===================*/

a {
	color: #003399;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}

.top {
	color: #999999;
	text-decoration: none;
	}
	
.top:hover {
	color: 000066;
	text-decoration: underline;
	}

.footer {
	color: #999999;
	text-decoration: none;
	}
	
.footer:hover {
	color: 000066;
	text-decoration: underline;
	}
	
.red {
	color: #993300;
	text-decoration: none;
	}
	
.red:hover {
	color: 000066;
	text-decoration: underline;
	}
	
/*================= MAIN NAV ===================*/

#nav, #nav ul {
	z-index: 10;
	display: block;
	padding: 0;
	margin: 0;
	width: 769px;
	height: 35px;
	list-style: none;
	font-size: 10px;
	text-align: right;
	border-top: solid 1px #FFFFFF;
	border-right: solid 0px #FFFFFF;
	border-bottom: solid 0px #FFFFFF;
	border-left: solid 0px #FFFFFF;
}

#nav a {
	display: block;
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: 0;
}

#nav a:hover {
	display: block;
}

#nav li {
	padding: 0;
	margin: 0;
	float: left;
	width: auto;	
}

/*================= IMAGES FOR NAV ===================*/

a.cruises {
	float: left;
	padding: 0;
	margin: 0;
	width: 89px;
	height: 35px;
	background: url(../images/nav_cruises.gif);
	text-indent: -999em;
}

a.cruises:hover {
	background-position: 0 -35px;
}

a.yachts {
	float: left;
	padding: 0;
	margin: 0;
	width: 93px;
	height: 35px;
	background: url(../images/nav_yachts.gif);
	text-indent: -999em;
}

a.yachts:hover {
	background-position: 0 -35px;
}

a.special_events {
	float: left;
	padding: 0;
	margin: 0;
	width: 144px;
	height: 35px;
	background: url(../images/nav_special.gif);
	text-indent: -999em;
}

a.special_events:hover {
	background-position: 0 -35px;
}

a.weddings {
	float: left;
	padding: 0;
	margin: 0;
	width: 107px;
	height: 35px;
	background: url(../images/nav_weddings.gif);
	text-indent: -999em;
}

a.weddings:hover {
	background-position: 0 -35px;
}

a.menus {
	float: left;
	padding: 0;
	margin: 0;
	width: 88px;
	height: 35px;
	background: url(../images/nav_menus.gif);
	text-indent: -999em;
}

a.menus:hover {
	background-position: 0 -35px;
}

a.testimonials {
	float: left;
	padding: 0;
	margin: 0;
	width: 132px;
	height: 35px;
	background: url(../images/nav_testimonials.gif);
	text-indent: -999em;
}

a.testimonials:hover {
	background-position: 0 -35px;
}

a.reserve {
	float: left;
	padding: 0;
	margin: 0;
	width: 116px;
	height: 35px;
	background: url(../images/nav_reserve.gif);
	text-indent: -999em;
}

a.reserve:hover {
	background-position: 0 -35px;
}




/*============= MORE NAV ===================*/

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 180px;
	font-weight: normal;
	padding: 0;
	margin: 0px 0px 0px -89px;
	background: #FFFFFF;
	color: #333333;
	top: 250px;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
}


#nav li li {
	width: 100%;
	display: block;
}

#nav .last_li {
	border: none;
}

#nav li ul a {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: 10px;
	font-weight: bold;
	line-height: 2.3em;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	color: #FFFFFF;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}


#nav li:hover, #nav li.sfhover {
	background: #CEDEEE;
}


#lefthead {
 float: right;
    height: 140px;
    line-height: 16px;
    margin-top: -3px;
    width: 200px;
}