* { 
	margin: 0;
	padding: 0; 
}

body {
	font: 14px Georgia, serif; 
	background: #2F2626; color: #eee;
}

.nav-wrap { 
	float:left; 
	background-color:transparent;
	width:800px;
	height:40px;
	margin-top:10px;
	text-align:center;
}

.nav-wrap2 { 
	float:left; 
	background-color:transparent; 
	width:250px;
	height:40px;
	margin-top:10px;
}

.group:after { 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; height: 0; 
}

*:first-child+html .group { 
	zoom: 1; 
} /* IE7 */

#example-one { 
	margin: 0 auto; 
	list-style: none; 
	position: relative; 
	padding-left:70px;
	width: 180px; 
}

#example-one li { 
	display: inline; 
}

#example-one li a { 
	color: #FFFFFF; 
	font-size: 14px; 
	display: block; 
	float: left; 
	padding: 6px 10px 4px 10px; 
	text-decoration: none; 
	/*text-transform: uppercase; */
}

#example-one li a:hover { 
	color: white; 
}

#magic-line { 
	position: absolute; 
	bottom: -2px; 
	left: 0; 
	width: 100px; 
	height: 2px; 
	background: #000000; 
}

#example-two {
	margin: 0 auto; 
	list-style: none; 
	position: relative; 
	width:800px; 
}

#example-two li { 
	display: inline; 
}

#example-two li a { 
	position: relative;
	z-index: 200; 
	color: #FFFFFF; 
	font-size: 14px; 
	display: block; 
	float: left; 
	padding: 6px 10px 4px 10px; 
	text-decoration: none; 
	text-transform: uppercase; 
}

#example-two li a:hover { 
	color: white; 
}
	
#example-two #magic-line-two { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100px; 
	background: #000000; 
	z-index: 100; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}