$(document).ready(function(){
   
   	$("#logo a").hover(
  		function () {
  			$('#header').animate({
				marginTop: "0px"
			  }, 240 );
  	});	
   
   	$("#logo a").mouseleave(
  		function () {
  			$('#header').animate({
				marginTop: "-224px"
			  }, 180 );
  	});	
   		
});