$(document).ready(function(){ 
        $(document).pngFix();
		
		$('.logo img')
		
		.hover(function(){
			$(this).animate({
			marginTop: '-43px'}, 
			{queue: false, speed: 500, easing:'easeOutQuart'});
		}
		,
		function(){
			$(this).animate({
			marginTop: '0px'}, 
			{queue: false, speed: 500, easing:'easeOutQuart'}); 
		});
		
		$('.viewProject')
		
		.hover(function(){
			$(this).animate({
			marginTop: '-20px'}, 
			{queue: false, speed: 500, easing:'easeOutQuart'});
		}
		,
		function(){
			$(this).animate({
			marginTop: '0px'}, 
			{queue: false, speed: 500, easing:'easeOutQuart'}); 
		});
		
		$(".topMenu a:contains('Design for Print')")
	  
	  	.hover(function(){
			$('.slider').animate({
			marginLeft: "0px", width: "158px", height: "8px"},
			{queue: false, speed: 500, easing: 'easeOutExpo'});
    	}
		,
		function(){
			$('.slider').animate({
			height: "0px"}, 
			{queue: false, speed: 500, easing:'easeOutExpo'}); 
		});
		
		$(".topMenu a:contains('Website Design')")
	  
	  	.hover(function(){
			$('.slider').animate({
			marginLeft: "158px", width: "140px", height: "8px"},
			{queue: false, speed: 500, easing: 'easeOutExpo'});
    	}
		,
		function(){
			$('.slider').animate({
			height: "0px"}, 
			{queue: false, speed: 500, easing:'easeOutExpo'}); 
		});
		
		$(".topMenu a:contains('Logo Design')")
	  
	  	.hover(function(){
			$('.slider').animate({
			marginLeft: "298px", width: "127px", height: "8px"},
			{queue: false, speed: 500, easing: 'easeOutExpo'});
    	}
		,
		function(){
			$('.slider').animate({
			height: "0px"}, 
			{queue: false, speed: 500, easing:'easeOutExpo'}); 
		});
		
		$(".topMenu a:contains('Illustration')")
	  
	  	.hover(function(){
			$('.slider').animate({
			marginLeft: "425px", width: "115px", height: "8px"},
			{queue: false, speed: 500, easing: 'easeOutExpo'});
    	}
		,
		function(){
			$('.slider').animate({
			height: "0px"}, 
			{queue: false, speed: 500, easing:'easeOutExpo'}); 
		});
		
		$(".topMenu a:contains('Contact')")
	  
	  	.hover(function(){
			$('.slider').animate({
			marginLeft: "540px", width: "93px", height: "8px"},
			{queue: false, speed: 500, easing: 'easeOutExpo'});
    	}
		,
		function(){
			$('.slider').animate({
			height: "0px"}, 
			{queue: false, speed: 500, easing:'easeOutExpo'}); 
		});
		
		 
});