/*
	 CSS-Tricks Example - MagicLine Demo
	 by Chris Coyier
	 http://css-tricks.com
*/
.nav-wrap {margin:0; background-color:none;float:right; padding:75px 0 0 0;}
/* Clearfix */
.group:after {visibility:hidden; display:block; content: ""; clear:both; height:0;}
*:first-child+html .group {zoom:1;} /* IE7 */
/* Example One */
#example-one { color:#0ba21d; font-size:12px; margin:0; list-style:none; position:relative; width:auto; }
#example-one li {display:inline-block;  padding:0; margin:0 5px;}
#example-one a{ color:#0ba21d; font-family:'Cuprum', Arial, Helvetica, sans-serif; font-style:italic; font-size:17px; float:left; padding:0 0 10px 0;text-decoration:none;text-transform:uppercase;}
#example-one a:hover { color:#9ed9a5;}
#example-one span { color:#666 ; font-style:normal;font-size:12px; font-weight:normal; }
#magic-line { position:absolute; bottom:-2px; left:0; width:auto; height:7px; background:#cad900;}
.current_page_item a {color:#0ba21d !important;}
.ie6 #example-one li, .ie7 #example-one li {display:inline;}
.ie6 #magic-line {bottom:-3px;}
/* Example Two */
#example-two { margin: 0 auto; list-style: none; position: relative; width: 960px; }
#example-two li { display: inline-block; }
#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: #900; z-index: 100; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;}
.current_page_item_two a { color: white !important; }
.ie6 #example-two li, .ie7 #example-two li {display: inline;}