$(document).ready(function(){

	$("ul.main-nav li a").hover(
		function() {
				if ( $(this).attr('class') == 'nav1')
				{ 	$('div.nav').css('background-position','left -61px');
				} else if ( $(this).attr('class') == 'nav2') {
					$('div.nav').css('background-position','left -122px');
				} else if ( $(this).attr('class') == 'nav3') {
					$('div.nav').css('background-position','left -183px');
				} else {
					$('div.nav').css('background-position','left -244px');}},
		function() {
				$('div.nav').css('background-position','left top');}		
	);
	
});