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

#navContainer {}

#navContainer ul.nav, #navContainer ul.nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-size: 0.9em;
}

#navContainer ul.nav a {
	display: block;
	width: 10em;
	color: #fff;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

#navContainer ul.nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#navContainer ul.nav li ul { /* second-level lists */
	position: absolute;
	background: #7C2337;
	width: 16em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 1px solid #fff;
	border-top: 0;
	padding-bottom: 1em;
}

	#navContainer ul.nav li ul li {width: 16em;}
	#navContainer ul.nav li.nav_about ul li a, 
	#navContainer ul.nav li.nav_services ul li a,
	#navContainer ul.nav li.nav_broker ul li a,
	#navContainer ul.nav li.nav_contact ul li a{
		width: 16em;
		height: 20px;
		line-height: 20px;
		text-align: left;
		text-indent: 1em;
	}

#navContainer ul.nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 11em;
}

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

#navContainer ul.nav li:hover ul, #navContainer ul.nav li li:hover ul, #navContainer ul.nav li.sfhover ul, #navContainer ul.nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#navContainer ul.nav li.nav_home, #navContainer ul.nav li.nav_home a {width: 4em;}
#navContainer ul.nav li.nav_about, #navContainer ul.nav li.nav_about a {width: 9em;}
#navContainer ul.nav li.nav_services, #navContainer ul.nav li.nav_services a {width: 8em;}
#navContainer ul.nav li.nav_broker, #navContainer ul.nav li.nav_broker a {width: 8em;}
#navContainer ul.nav li.nav_gallery, #navContainer ul.nav li.nav_gallery a {width: 5em;}
#navContainer ul.nav li.nav_accommodation, #navContainer ul.nav li.nav_accommodation a {width: 9em;}
#navContainer ul.nav li.nav_tides, #navContainer ul.nav li.nav_tides a {width: 7em;}
#navContainer ul.nav li.nav_contact, #navContainer ul.nav li.nav_contact a {width: 12em;}

body.home #navContainer ul.nav li.nav_home a,
body.about #navContainer ul.nav li.nav_about a,
body.services #navContainer ul.nav li.nav_services a,
body.broker #navContainer ul.nav li.nav_broker a,
body.accommodation #navContainer ul.nav li.nav_accommodation a,
body.tides #navContainer ul.nav li.nav_tides a,
body.contact #navContainer ul.nav li.nav_contact a {background: #7C2337;}

/* Footer Nav */

#footerNav {
	border-top: 1px dotted #ccc;
	padding: 0.5em;
	margin: 0.5em;
}

#footerNav ul.nav {
	overflow: hidden;
	background: none;
	list-style: none;
}

	#footerNav ul.nav li {
		float: left;
		border-right: 1px dotted #ccc;
	}
	
		#footerNav ul.nav li ul {
			display: none;
		}
		
	#footerNav ul.nav li a {
		color: #777;
		text-decoration: none;
		padding: 1em;
	}

	#footerNav ul.nav li a:hover {
		text-decoration: underline;
	}