$(document).ready(function(){
 
	$("img#menu_02").hover(
	function() {
	$("img#menu_02").stop().animate({"opacity": "0", "top": "-5"}, 150);
	$("img#hover_02").stop().animate({"top": "-5"}, 150);
	},
	function() {
	$("img#menu_02").stop().animate({"opacity": "1", "top": "0"}, 150);
	$("img#hover_02").stop().animate({"top": "0"}, 150);
	});
	////////////////////////////////////////////////
	$("img#menu_03").hover(
	function() {
	$("img#menu_03").stop().animate({"opacity": "0", "top": "-5"}, 150);
	$("img#hover_03").stop().animate({"top": "-5"}, 150);
	},
	function() {
	$("img#menu_03").stop().animate({"opacity": "1", "top": "0"}, 150);
	$("img#hover_03").stop().animate({"top": "0"}, 150);
	});
	////////////////////////////////////////////////
	$("img#menu_04").hover(
	function() {
	$("img#menu_04").stop().animate({"opacity": "0", "top": "-5"}, 150);
	$("img#hover_04").stop().animate({"top": "-5"}, 150);
	},
	function() {
	$("img#menu_04").stop().animate({"opacity": "1", "top": "0"}, 150);
	$("img#hover_04").stop().animate({"top": "0"}, 150);
	});
	////////////////////////////////////////////////
	$("img#menu_05").hover(
	function() {
	$("img#menu_05").stop().animate({"opacity": "0", "top": "-5"}, 150);
	$("img#hover_05").stop().animate({"top": "-5"}, 150);
	},
	function() {
	$("img#menu_05").stop().animate({"opacity": "1", "top": "0"}, 150);
	$("img#hover_05").stop().animate({"top": "0"}, 150);
	});
	////////////////////////////////////////////////
	$("img#menu_06").hover(
	function() {
	$("img#menu_06").stop().animate({"opacity": "0", "top": "-5"}, 150);
	$("img#hover_06").stop().animate({"top": "-5"}, 150);
	},
	function() {
	$("img#menu_06").stop().animate({"opacity": "1", "top": "0"}, 150);
	$("img#hover_06").stop().animate({"top": "0"}, 150);
	});
	////////////////////////////////////////////////
	$("img#menu_07").hover(
	function() {
	$("img#menu_07").stop().animate({"opacity": "0", "top": "-5"}, 150);
	$("img#hover_07").stop().animate({"top": "-5"}, 150);
	},
	function() {
	$("img#menu_07").stop().animate({"opacity": "1", "top": "0"}, 150);
	$("img#hover_07").stop().animate({"top": "0"}, 150);
	});
	
	$("img#recommend_a").hover(
	function() {
	$("img#recommend_a").stop().animate({"opacity": "0"}, 100);
	},
	function() {
	$("img#recommend_a").stop().animate({"opacity": "1"}, 300);
	});
	
	////////////////////////////////////////////////
	$("img#web_design_portfolio").hover(
	function() {
	$("img#web_design_portfolio").stop().animate({"opacity": "0"}, 150);
	$("img#web_design_portfolio_h").stop().animate({"top": "0"}, 150);
	},
	function() {
	$("img#web_design_portfolio").stop().animate({"opacity": "1"}, 150);
	$("img#web_design_portfolio_h").stop().animate({"top": "0"}, 150);
	});
	
	////////////////////////////////////////////////
	$("img#print_design_portfolio").hover(
	function() {
	$("img#print_design_portfolio").stop().animate({"opacity": "0"}, 150);
	$("img#print_design_portfolio_h").stop().animate({"top": "190"}, 150);
	},
	function() {
	$("img#print_design_portfolio").stop().animate({"opacity": "1"}, 150);
	$("img#print_design_portfolio_h").stop().animate({"top": "190"}, 150);
	});

	

	 
});