$(document).ready(function() {	

	//Background color, mouseover and mouseout
	var colorOver = '#323232';
	var colorOut = '#b2b2b2';

	//Padding, mouseover
	var padLeft = '15px';
	var padRight = '15px';
	
	//Default Padding
	var defpadLeft = $('.menu li a').css('paddingLeft');
	var defpadRight = $('.menu li a').css('paddingRight');
		
	//Animate the LI on mouse over, mouse out
	$('.menu li').click(function () {	
		//Make LI clickable
		//window.location = $(this).find('a').attr('href');
		
	}).mouseover(function (){
		
		//mouse over LI and look for A element for transition
		$(this).find('a')
		.animate( { paddingLeft: padLeft, paddingRight: padRight}, { queue:false, duration:100 } )
		.animate( { backgroundColor: colorOver }, { queue:false, duration:200 });

	}).mouseout(function () {
	
		//mouse oout LI and look for A element and discard the mouse over transition
		$(this).find('a')
		.animate( { paddingLeft: defpadLeft, paddingRight: defpadRight}, { queue:false, duration:100 } )
		.animate( { backgroundColor: colorOut }, { queue:false, duration:200 });
	});	
	
	
	
});