$(document).ready(function() {
	
	$(".card1").mouseover(function(){
		$("#card1").animate({ marginTop: "-20px"}, {queue:false, duration:100} );
    });

	$(".card1").mouseleave(function(){
		$("#card1").animate({marginTop: "0"}, {queue:false, duration:100} );
    });
	
	$(".card2").mouseover(function(){
		$("#card2").animate({marginTop: "-20px"}, {queue:false, duration:100} );
    });

	$(".card2").mouseleave(function(){
		$("#card2").animate({marginTop: "0"}, {queue:false, duration:100} );
    });
	
	$(".card3").mouseover(function(){
		$("#card3").animate({marginTop: "-20px"}, {queue:false, duration:100} );
    });

	$(".card3").mouseleave(function(){
		$("#card3").animate({marginTop: "0"}, {queue:false, duration:100} );
    });
	
	$(".card4").mouseover(function(){
		$("#card4").animate({marginTop: "-20px"}, {queue:false, duration:100} );
    });

	$(".card4").mouseleave(function(){
		$("#card4").animate({marginTop: "0"}, {queue:false, duration:100} );
    });
	
	$(".card5").mouseover(function(){
		$("#card5").animate({marginTop: "-20px"}, {queue:false, duration:100} );
    });

	$(".card5").mouseleave(function(){
		$("#card5").animate({marginTop: "0"}, {queue:false, duration:100} );
    });
	
	$(".card6").mouseover(function(){
		$("#card6").animate({marginTop: "-20px"}, {queue:false, duration:100} );
    });

	$(".card6").mouseleave(function(){
		$("#card6").animate({marginTop: "0"}, {queue:false, duration:100} );
    });
	
 
});