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

#nav {
	list-style: none;
	padding: 0 3em;
}

	#nav li {
		float: left;
	}
	
	#nav li a {
		display: block;
		color: #fff;
		text-decoration: none;
		text-align: center;
		height: 44px;
		line-height: 44px;
	}
	
	#nav li a:hover {
		text-decoration: underline;
	}
	
	#nav li.home a { width: 5em;}
	#nav li.cottage a { width: 10em;}
	#nav li.wines a { width: 10em;}
	#nav li.gallery a { width: 8em;}
	#nav li.contact a { width: 6em;}
	
	#nav li ul {
		position: absolute;
		background: #68125c;
		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, #nav li ul li, #nav li ul li a { /* second-level lists */
		width: 10em;
	}

		#nav li ul li a {
			text-align: left;
			text-indent: 1em;
		}

	#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;
	}