@charset "utf-8";	

nav ul li a:before {/* Creating the animated Underline */
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 0;
	
	background: #FFE900;
	background: -webkit-linear-gradient(left, #FFE900 , #1D19E4); /* For Safari 5.1 to 6.0 */
	background:    -moz-linear-gradient(right, #FFE900, #1D19E4); /* For Firefox 3.6 to 15 */
	background:      -o-linear-gradient(right, #FFE900, #1D19E4); /* For Opera 11.1 to 12.0 */
	background:         linear-gradient(to right, #FFE900 , #1D19E4); /* Standard syntax */
	
	transition: width .25s;
	-webkit-transition: width .25s;
	-moz-transition: width .25s;
	-ms-transition: width .25s;
	-o-transition: width .25s;
	
}

nav ul li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 5px 5px;
	font-weight: 700;
	
	position: relative;
}

nav ul li a:hover:before { width: 100%; } /*Creates the underline effect*/