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

/* Header Nav */

#nav {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.8em;
	position: absolute;
	bottom: 0;
}

	#nav li {
		float: left;
		padding: 0;
		margin: 0;
		height: 50px;
		width: 80px;
	}
	
		#nav li a {
			display: block;
			font-weight: normal;
			color: #fff;
			letter-spacing: -0.05em;
			padding: 0 15px;
			height: 50px;
			vertical-align: bottom;
			text-align: center;
		}
		
		#nav li.nav_home a {padding-top: 15px;}
		
		#nav li a:hover {
			color: #EAE71C; 
			text-decoration: none;
		}
		
		#nav li ul { /* second-level lists */
			margin: 0;
			padding: 0;
			position: absolute;
			background: #0D4173;
			width: 15em;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			list-style: none;
		}
		
			#nav li ul li {	
				float: none;
				height: auto;
				border-bottom: 1px dotted #ccc;
				width: 15em;
			}
		
			#nav li ul li a {
				padding: 10px 0;
				width: 15em;
				height: auto;
				text-align: left;
				text-indent: 10px;
				background: url(../images/nav_sub_bg_noarrow.jpg);
			}
			
			#nav li ul li a:hover {
				background: #0675BC;
			}
			
				#nav li ul ul { /* third-and-above-level lists */
					margin: -36px 0 0 15em;
				}

			#nav li:hover, #nav li.hover {  
	        	position: static;  
    		}  

#menu li:hover, #menu li.hover {
    position: static;
}	
		#nav li:hover ul ul, #nav li.sfhover ul ul {
			left: -999em;
		}
		
		#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}
		
		
		#nav li.nav_canoes,
		#nav li.nav_outboard,
		#nav li.nav_accessories {
			width: 105px;
		}	
		

/*   Page markers 	*/
body.home #nav li.nav_home,
body.about #nav li.nav_about,
body.new #nav li.nav_new,
body.used #nav li.nav_used,
body.jetskis #nav li.nav_jetskis,
body.service #nav li.nav_service,
body.contact #nav li.nav_contact{
	background: url(../images/nav_bg_small.gif);
}

body.canoes #nav li.nav_canoes ,
body.outboard #nav li.nav_outboard,
body.accessories #nav li.nav_accessories {
	background: url(../images/nav_bg_big.gif);
}

/* Home Nav*/

#content #homeNav {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#content #homeNav li {
		float: left;
		padding: 0;
		margin: 0;
		width: 230px;
		padding-bottom: 10px;
		position: relative;
	}

		#content #homeNav li a {
			width: 220px;
			height: 80px;
			background: url(../images/home_nav_bg.gif) bottom no-repeat;
			display: block;
			color: #fff;
			text-align: right;
		}
		
			#content #homeNav li a span {
				position: absolute;
				bottom: 20px;
				right: 20px;
			}
			
			#content #homeNav li a:hover {
				background: url(../images/home_nav_bg.gif) top no-repeat;
			}