.main-nav {
	margin-top: 40px;
	width:100%;
	background:none; 
	overflow-y: auto;
	transition: width 0.3s ease;
}

.main-nav a {
	display: block;
	color: #fff;
	padding: 10px;
	text-decoration:none;
	font: 200 19px 'Raleway', sans-serif;
	-moz-transition: background-color .3s ease-in;
	-webkit-transition: background-color .3s ease-in;
	transition: background-color .3s ease-in;
	text-align:right;
}

.main-nav a:hover, .main-nav a:focus {
	padding-left        : 1em;
	border              : 0;
	background          : #016988;
	-moz-transition     : background-color 0.01s;
	-webkit-transition  : background-color 0.01s;
	-o-transition       : background-color 0.01s;
	transition          : background-color 0.01s;
	-webkit-transition  : background 0.3s;
	-moz-transition     : background 0.3s;
	transition          : background 0.3s;	
	text-shadow         : 5px 2px 5px #000000;			
	background          : url(../img/footer_bg.jpg);
	font-size           : 16px;
	color               : gold;
	text-shadow         :5px 5px 5px #000;	
}

.main-nav:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 8px;
	background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));			
}