$(document).ready(function() {

           
        $("ul.blockeasing li.main").mouseover(function(){ //When mouse over ...
        	   //Following event is applied to the subnav itself (making height of subnav 60px)
		      $(this).find('.subnav').stop().animate({height: '60px', opacity:'1'},{queue:false, duration:1500, easing: 'easeOutElastic'})
		});
	
	    $("ul.blockeasing li.main").mouseout(function(){ //When mouse out ...
	          //Following event is applied to the subnav itself (making height of subnav 0px)
		      $(this).find('.subnav').stop().animate({height:'0px', opacity:'0'},{queue:false, duration:1600, easing: 'easeOutElastic'})
		});

          	
        //menu itembackground color animation			
		$("li.main").hover(function() {
              $(this).stop().animate({ backgroundColor: "#9b8b4d"}, 200);},
           function() {
              $(this).stop().animate({ backgroundColor: "#232323" }, 800);
        });
		
});