[trav5567]

To better understand what i am trying to do click here to view my page.

The backgorund image for the child div to #lightcube is not showing up. its supposed to be a arrow that is positioned in the center of the uparrow class.

Please this has been driving me nuts and any help would be greatly appreciated.

here is the script

$(document).ready(function() {
		
		$("a.contact-btn").toggle(
      		function () {
       			 $("#contact").animate( {"top": "0"}, 900, "linear" );
       			 $("#lightbox").fadeIn(300);
     		 },
      		function () {
        		$("#contact").animate( {"top": "-400px"}, 900, "linear" );
        		$("#lightbox").fadeOut(300);  
    	});
    	  

		$('body').click(function() {
        		$("#contact").animate( {"top": "-400px"}, 900, "linear" );
        		$("#lightbox").fadeOut(300);
			});

			$('#contact').click(function(event){
 				  event.stopPropagation();
				});
		
		 $("a.contact-btn").mouseover(function(){
   		   		$("body").css("border-color", "#a7d614");
   		   		$("#contact").css("background-color", "#a7d614");

    				}).mouseout(function(){
   		   		$("body").css("border-color", "#8db510");
   		   		$("#contact").css("background-color", "#8db510");
   	 		});
   	 		
   	 	$('a.contact-btn').hover(
      		 function(){ $(this).addClass('.lightcube') 
      		 		$('#lightcube').fadeIn(200);},
      		 function(){ $(this).removeClass('.lightcube')
      		 		$('#lightcube').fadeOut(200); }
)
   	 	
});