$(document).ready(function() {
	$('#nav_bottom li').hover(
	function() {
		$(this).hide()
		var number = $(this).find('.number')
		var separator = $(this).find('.separator')
		var span = $(this).find('span')
		$(this).css('background','url(images/nav_bottom_hover_bg.gif) repeat-x')		
		$(span).css('color','#363636')
		$(separator).css('background','url(images/nav_bottom_number_bg_hover.gif) right no-repeat')
		$(this).fadeIn()
		$(separator).css('left','auto')
		$(separator).animate({
			"right": "10px"
		})
		$(number).animate({fontSize:50})
		//$(number).css('font-size','70px')
		$(number).css('font-weight','bold')
		$(number).css('color','#3b3b3b')
	}, function() {
		$(this).fadeIn()
		var number = $(this).find('.number')
		var separator = $(this).find('.separator')
		var span = $(this).find('span')
		$(this).css('background','url(images/nav_bottom_bg.gif) repeat-x')
		$(separator).css('background','url(images/nav_bottom_number_bg.gif) right no-repeat')
		$(span).css('color','#fff')
		$(separator).css('right','auto')
		$(separator).animate({
			"left": "45px"
		})
		$(number).animate({fontSize:25})
		//$(number).css('font-size','34px')
		$(number).css('font-weight','normal')
		$(number).css('color','#fff')
	})
})