// JavaScript Document
 $(document).ready(function(){
							
		$("nav .move").mouseover(function(){
			$(this).stop().animate({
				marginLeft: "30px"}, 100);
		});

		$("nav .move").mouseout(function(){
			$(this).stop().animate({
				marginLeft: "0px"}, 200);
		});
	});
   
   
 /* ----the below worked great in everything but IE9 with the bonus of not including the span class .move ---- 
 
 $(document).ready(function(){
							
		$("nav li").mouseover(function(){
			$(".arrow", this).stop().animate({
				marginLeft: "40px"}, 100);
		});

		$("nav li").mouseout(function(){
			$(".arrow", this).stop().animate({
				marginLeft: "15px"}, 200);
		});
	});*/