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

#headerbg {position:relative;}

.whaler_logo {float:left; width:196px; height:58px;}
.whaler_logo a {display:block; text-decoration: none; width:196px; height:58px;}
.whaler_logo span {display:none; }

#boatsNav {width: 940px; margin:auto; margin-top:10px; height:67px; 
}
.whalerheader {background: url("/img/whalerheader.jpg") no-repeat;}
.whalerheader2 {background: url("/img/whalerheader2.jpg") no-repeat;}

.menu {position:relative; z-index:9000; margin-left:330px;}
/* remove all the bullets, borders and padding from the default list styling */

.menu ul, .menu-top ul {padding:0; margin:0; list-style-type:none;}




.menu ul li {background:transparent; height:26px; float:left; position:relative}
/* style the links */
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	width:100px; 
	height:25px; 
	line-height:25px; 
	text-align:center; 
	font-family:verdana, arial, sans-serif; 
	font-size:11px;
	font-weight:bold;
	font-style:italic; 
	color:#fff; 
	background:transparent;
	z-index:5000;
	text-transform: uppercase;
}
.menu ul li a:hover {background-color:#000000}

#photos {position:relative;top:-13px;left:-16px; width:725px; background-color: #000000;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul li.sfhover ul {visibility:visible; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
  visibility:hidden;
  position:absolute;
  top:25px;
  left:-213px;
  background: url("/img/dd_bg2.png") repeat-y top left;
  width:313px;
}

.menu ul li ul li {
	display:block;
	width:100px; 
	height:75px;
	padding:0 3px 0 0;
	background-color:#000;
	border-top:1px solid #000; 
	border-right:0px solid transparent; 
	border-bottom:0px solid transparent; 
	border-left:5px solid #000; 
	float:right;
	clear:right;
	cursor:pointer;
	position:static;
	top:0px;
}


.menu ul li ul li a, .menu ul li ul li a:visited {
	width:100px; 
	height:75px;
	text-align:right; 
	text-decoration:none; 
	font-family:verdana, arial, sans-serif; 
	font-size:12px; 
	color:#fff;
	line-height:25px;
}

.menu ul li ul li:hover, .menu ul li ul li.sfhover {border-left:5px solid #981b1e;}


.menu ul li ul li.menu_bottom_part {
	display:block;
	width:312px; 
	height:20px;
	padding:0;
	margin:0;
	border:none;
	background-image:url("/img/dd_bg1.png");
	cursor:default;
	position:relative;
	top:20px;
	left:-1px;
	margin-top:30px;
	background-color:transparent; 
}

.menu ul li ul li.menu_bottom_part:hover {background-image:url("/img/dd_bg1.png"); 
											background-color:transparent; 
											border:none; 
											padding:0; 
											width:312px; 
											border-left:0px
}

.menu ul li ul li .lilBoat {
	z-index:5;
}

.menu ul li ul li .bigBoat {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:203px; 
	height:131px;
	visibility:hidden;
	border:1px solid #000;
	z-index:1;			
}


.menu ul li ul li span {
	margin:0;
	padding:0;
	position:relative; bottom:11px;  
	color:#fff;
	font-weight:bold;
	font-style:italic;
	font-size:10px;
	text-align:left;
	width:35px;
	line-height:11px;
	background-color:#000;
	float:left;
	z-index:10; bottom:19px;
}

.menu ul li ul li:hover span, .menu ul li ul li.sfhover span {background-color:#981b1e;}

.menu ul li ul li:hover .bigBoat, .menu ul li ul li.sfhover .bigBoat {visibility:visible}
.menu ul li:hover ul li.first_item .bigBoat, .menu ul li.sfhover ul li.first_item .bigBoat {visibility:visible}