//for Hover Animations
	jQuery(document).ready(function(){
	// portfolio //
	jQuery(".port1 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port2 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port3 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port4 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port5 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port6 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port7 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port8 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port9 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port10 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port11 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port12 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port13 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port14 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port15 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port16 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port17 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port18 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port19 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port20 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port21 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port22 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
	jQuery(".port23 a").hover(function() {
	  jQuery(this).next("div").css("display","block").animate({top: "-30"}, "slow");
	}, function() { 
	  jQuery(this).next("div").animate({top: "-50"}, "fast").css("display","none");
	});
});