#nav, #nav ul {
		float: left;
		width: 35em;
		list-style: none;
		line-height: 1;
		font-size: 12px;
		font-weight: bold;
		padding: 0;
		margin: 0;
		z-index: 20;
	}
	
	/*apply background color to children*/
	#nav ul {
		background-color: #f6aa2c;
	}
	
	#nav a {
		display: block;
		width: 11em;
		w\idth: 7em;
		color: #000000;
		text-decoration: none;
		padding: 0.5em 1em;
	}
	
	#nav a.daddy {
		background: url(/img/layout/nav_arrow.gif) center right no-repeat;
	}
	
	#nav li {
		float: left;
		padding: 0;
		width: 8em;
	}
	
	/*stop menu from sticking in IE 7*/
	#nav li:hover, #nav li.hover {
    	position:static;
    }
		
	/*set width for each of the four main nav items individually*/
	#nav li#home {
		width: 4.5em;
		padding-left: .4em;
	}
	#nav li#about {
		width: 6em;
		padding-left: .4em;
	}
	#nav li#news {
		width: 4.5em;
		padding-left: .4em;
	}
	#nav li#contact {
		width: 6em;
		padding-left: .4em;
	}
	#nav li#product {
		width: 4.5em;
		padding-left: .4em;
	}
	#nav li.bullet {
		background-image: url(/img/layout/nav_dot.gif);
		background-position: center left;
		background-repeat:no-repeat;
	}	
	/*keep highlight on parent items*/
	#nav li:hover a {
		color: #fff;
	}
	
	#nav li:hover li:hover a {
		color: #fff;
	}
	
	#nav li:hover li:hover li:hover a {
		color: #fff;
	}
	
	/*stop the children from turning white when highlighting the parent*/	
	#nav li:hover li a {
		color: #000;
	}
	
	#nav li:hover li:hover li a {
		color: #000;
	}
	
	/*apply border to children*/
	#nav li ul li {
		border-bottom: 1px solid #fac646;
		border-right: 1px solid #faa646;
		background-color: #f6aa2c;
	}
	
	#nav li ul {
		position: absolute;
		left: -999em;
		height: auto;
		width: 14.4em;
		w\idth: 13.9em;
		font-weight: normal;
		margin: 0;
	}
	
	#nav li li {
		padding-right: 1em;
		width: 13em
	}
	
	#nav li ul a {
		width: 15em;
		w\idth: 11em;
	}
	
	#nav li a:hover, #nav li ul a:hover {
		color: #ffffff;
	}
	
	#nav li ul ul {
		margin: -1.75em 0 0 14em;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#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;
		color: #ffffff;
	}
	
	#nav li:hover, #nav li.sfhover {
		color: #ffffff;
	}