#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* replace link color/font and add pretty border and background */
#nav a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #808080;
  border-left: 1px solid #ffffff;
  padding: 5px 15px 5px 15px;
  white-space: nowrap;
}

#nav {
	width: 100%;
	background: url(http://www.magnonic.com/images/chromebg.gif) center center repeat-x;
	border-bottom: 1px solid #808080;
	float: left;
}

#nav li {
	float: left;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em; /* hide drop down menu */
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto; /* show drop down menu */
}


#nav li:hover a, #nav li.sfhover a {
	color: #000000;
}

/* drop down menu items*/
#nav li:hover li a, #nav li.sfhover li a {
	width: 15em;	
	background: #E0E0E0;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	text-align: left;

}