$(function() {
	$('#nav li a').append('<span class="hover"></span>')
	$('#logo').append('<span class="hover"></span>')
	$('#logo').hover(function() {
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 700, 'easeOutSine')

	},function() {
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 700, 'easeOutSine')
	})

	$('#nav li a').hover(function() {
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 700, 'easeOutSine')

	},function() {
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 700, 'easeOutSine')
	})
});