$(document).ready(function(){
	$("#contactArea").css("width", "0");
	$("a.contact").toggle( 
				function () { 
					$("#contactArea").css("display", "normal");
					$(".contact").animate({right: "350px"}, {queue:false, duration: 1700, easing: 'easeOutExpo'}) ;
					$("#contactArea").animate({width: "350px"}, {queue:false, duration: 1700, easing: 'easeOutExpo'}) 
					
                }, 
                function () { 
					$("#contactArea").animate({width: "0px"}, {queue:false, duration: 1700, easing: 'easeInExpo'}); 
					$(".contact").animate({right: "0px"}, {queue:false, duration: 1700, easing: 'easeInExpo'}) ;
					$("content div#contactArea").hide();
				} 
		); 
	
	
        
});