/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* {
	margin: 0;
	padding: 0;
}

.nav-wrap { margin: 50px auto;   border-top: 2px solid white; border-bottom: 2px solid white;  }

.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 0px;
	list-style: none;
	position: relative;
	width: 678px;
	background-color: #1E70A8;
	height: 50px;
}
#example-one li {
	display: inline;
	
}
#example-one li a {
	color: #FFFFFF;
	font-size: 18px;
	display: block;
	float: left;
	padding: 4px 10px 2px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Trebuchet MS";
	margin: 10px 12px 0px 3px;
}
#example-one li a:hover {
	color: #FFCC00;
}
#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #FFCC00; }

#example-two { margin: 0 auto; list-style: none; position: relative; width: 960px; }
#example-two li { display: inline; }
#example-two li a { position: relative; z-index: 200; color: #bbb; 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: rgba(220, 133, 5, 0.9); z-index: 100; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.current_page_item{
	color: #CC0000!important;
}
.current_page_item a, .current_page_item_two a {
	color: #FFCC00!important;
	z-index: 50;
	
}