.navigation {
		position: relative;
		/*top: 30px;*/
		clear: both;
		margin: 0 -10px 0;
		padding: 0 10px;
		/*border-width: 1px;
		border-style: solid;
		border-color: #343131;*/
	}	
	.navigation {
		background: #f7f5ed; /* Old browsers */
		background: -moz-linear-gradient(top,  #f7f5ed 0%, #ebe9e2 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f5ed), color-stop(100%,#ebe9e2)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f7f5ed 0%,#ebe9e2 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f7f5ed 0%,#ebe9e2 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f7f5ed 0%,#ebe9e2 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f7f5ed 0%,#ebe9e2 100%); /* W3C */
	}	
	.navigation {
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.05);
		   -moz-box-shadow: 0 0 3px rgba(0,0,0,.05);
				box-shadow: 0 0 3px rgba(0,0,0,.05);
			zoom: 1;	
	}
	.navigation .nav-responsive {
		display: none;
		margin: 15px 0;
		padding: 4px 8px;
		width: 100%;
		border-color: #fff;
		background-color: #fff;
		background-image: url(../images/nav-bg.png);
		background-position: right center;
		background-repeat: no-repeat;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	
@media only screen and (max-width: 767px) {
		.navigation > ul {display: none;}
	.navigation .nav-responsive {display: inline-block;}	
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
	#navigation {
    width: 93%;
    margin-left: 1%;
}
}

@media only screen and (max-width: 479px) {
	.navigation {margin: 0;}
}