var $j = jQuery.noConflict(); 

$j(function(){ 

	$j(".menu li").hover(function() {
	
		var maxWidth = $j(this).width()	;

	    
			$j("span", this)
				.stop(true, false)
				.css({
					zIndex: "100",
					position: "relative"
				})
				.animate({
					width: maxWidth + "px"
				});
				
			$j("a", this)
				.css({
					color: "#a69d8a"
				});
			
		}, function() {
		
				var minWidth = $j(this).width()-150;

		
				$j("span", this).stop(true, false).animate({
					width: minWidth + "px"
				});
				
				$j("a", this)
				.css({
					color: "#000000"
				});

				
		});
});