$(document).ready(function(){
	//$("body").css('background','#160a0a url(img/loading.gif) 48% 48% no-repeat');
	$(".bom .box").hover(
	function() {
		$(this).animate({ 
    top: "-7px"
	  }, "easeOut" )
	},
	function() {
		$(this).animate({ 
    top: "0"
	  }, "easeOut" )
	});
	
	$(".slogan img").hover(
	function() {
		$(this).animate({ 
    top: "-30px"
	  }, "easeOut" )
	},
	function() {
		$(this).animate({ 
    top: "0"
	  }, "easeOut" )
	});
	
	$(".pdf-download p a").hover(
	function() {
		$(this).animate({ 
    letterSpacing: "0px"
	  }, "easeOut" )
	},
	function() {
		$(this).animate({ 
    letterSpacing: "0px"
	  }, "easeOut" )
	});
	
	
	$(".topLinksx a").hover(
	function() {
		$(this).animate({ 
    paddingLeft: "15px",
	paddingRight: "15px"
	  }, "easeOut" )
	},
	function() {
		$(this).animate({ 
    paddingLeft: "0",
	paddingRight: "0px"
	  }, "easeOut" )
	});
	
	$(".sitemap li").hover(
	function() {
		$(this).animate({ 
    paddingLeft: "35px"
	  }, "easeOut" )
	},
	function() {
		$(this).animate({ 
    paddingLeft: "25"
	  }, "easeOut" )
	});
	
	
	$("#navx a").hover(
	function() {
		$(this).animate({ 
    paddingLeft: "25px",
	paddingRight: "25px"
	  }, "easeOut" )
	},
	function() {
		$(this).animate({ 
    paddingLeft: "15",
	paddingRight: "15px"
	  }, "easeOut" )
	});
	
	$(".footer p a img").hover(
	function() {
		$(this).animate({ 
    width: "38px",
	top: "-4px",
	left: "-4px"
	  }, "easeOut" )
	},
	function() {
		$(this).animate({ 
     width: "30px",
	top: "2px",
	left: "0px"
	  }, "easeOut" )
	});
	
	$(".gulf-takaful-logo img").hover(
	function() {
		$(this).animate({ 
    opacity: "0.7px"
	  }, "easeOut" )
	},
	function() {
		$(this).animate({ 
     opacity: "1px"
	  }, "easeOut" )
	});
	
	$(".gallery-home li a img").hover(
	function() {
		$(this).animate({ 
    opacity: "0.7px"
	  }, "easeOut" )
	},
	function() {
		$(this).animate({ 
     opacity: "1px"
	  }, "easeOut" )
	});
	
	
	$(".product a").hover(
	function() {
		$(this).animate({ 
    top: "-7px"
	  }, "easeOut" )
	},
	function() {
		$(this).animate({ 
     top: "7px"
	  }, "easeOut" )
	  $(this).animate({ 
     top: "0px"
	  }, "easeOut" )
	});
	
});