.menu{
	float:right;
	width:55%;
}

/*  NAVIGATION */
#nav { margin: 0; padding-top: 2.80em; width: auto; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.4em;}
#nav li { margin: 0 0 0.5em 0; display: block; float: left; clear: none; margin-right: 2.5%; background:#ff0000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:5px 10px 5px 10px;}
#nav li:last-child { margin-right: 0; }
#nav a { display: block; color: #FFF; text-decoration:none; }
#nav a:hover { color: #484a50; border-bottom-color: #484a50; }

@media only screen and (max-width:480px){

	
#menu{
	clear:both;
	margin-bottom::0.8em;
	width:100%;
}
	
#menu li{
	margin:0;
	background-color:#09C;
	display:block;
	margin-bottom:3px;
	text-shadow:1px 1px #FFF;
	text-transform:uppercase;
}
	
#menu a{
	display:block;
	padding:0.9em;
	text-align:center;
		
}

}

@media only screen and (max-width: 800px) {
	
.menu{
	width:auto;
	float:none;
}
	
	#nav .current{background:#666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:none; }
	#nav { margin: 0 6% 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: #ff0000 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 */