@font-face {
    font-family: "Oxin";
    src: url("../fonts/Oxin.ttf");
}
/* 
http://www.freshdesignweb.com/responsive-menu-css3-tutorial.html
 */
/*  NAVIGATION */
#nav { 
	margin: 0; 
	padding-top: 0.85em; 
	width: auto; 
	font-family:'Oxin', Georgia, serif; 
	font-size: 1.4em; 
}

#nav li { 
	margin: 0 0 0.5em 0; 
	display: block; 
	float: left; 
	clear: none; 
	margin-right: 1%; 
	background:#ff8700; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px; 
	padding:5px 10px 5px 10px;
	-webkit-transition-duration: 0.5s;
}

#nav li:hover{
	background-color: #ffa500;
}

#nav li:last-child { 
	margin-right: 0; 
}

#nav a { 
	display: block; 
	color: #FFF; 
	text-decoration:none; 
	-webkit-transition-duration: 0.5s;
}

#nav a:hover { 
	color: #484a50; 
	border-bottom-color: #484a50;
}

@media only screen and (max-width: 767px) {
	#nav .current{
		background:#ff8700; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		border-radius: 5px; 
		background:none; 
	}
	
	#nav { 
		margin: 0 35% 0 0; 
		padding: 0; 
	}
	
	#nav li { 
		margin: 0; 
		display: block; 
		float: left; 
		width: 100%; 
		clear: none; 
		background:none; 
	}
	
	#nav a { 
		padding: 6px 0 8px; 
		text-indent: 10px; 
		color: #fff; 
		background: #ff8700 url(../images/bg_arrow_white.png) 96% 50% no-repeat; 
		border-top: 1px solid rgb(194,100,40); 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		border-radius: 5px;
	}
	
	#nav a:hover { 
		border-bottom: none; 
	}
}

/*  End */