$(document).ready(function() {


	$("ul#main-nav li a").wrapInner("<span></span>");
	$("ul#main-nav li a span").css({"opacity" : 0});
	


	$("ul#main-nav li a").hover(function(){
	
		$(this).children("span").animate({"opacity" : 1}, 500);
	
	}, function(){
	
		$(this).children("span").animate({"opacity" : 0}, 500);
	
	});
	
	
});