// JavaScript Document

<!--background color animation-->


	$(document).ready(function(){
//nav animations
	
		
		$('a.shellLink') .css( {color: "#8d8d8d"} )
						.mouseover(function(){
							$(this).stop().animate({color:"(#fefefe)"}, {duration:500})
						})
						.mouseout(function(){
							$(this).stop().animate({color: "(#8d8d8d)"}, {duration:500, 
									complete:function(){
										$(this).css({color: "#8d8d8d"})
									}							
							})
						});
						
		$('.holder li') .css( {color: "#505050"} )
						.mouseover(function(){
							$(this).stop().animate({color:"(#000)"}, {duration:500})
						})
						.mouseout(function(){
							$(this).stop().animate({color: "(#505050)"}, {duration:500, 
									complete:function(){
										$(this).css({color: "#505050"})
									}							
							})
						});
						
		$('.link') .css( {color: "#900b0e"} )
						.mouseover(function(){
							$(this).stop().animate({color:"(#8d8d8d)"}, {duration:500})
						})
						.mouseout(function(){
							$(this).stop().animate({color: "(#900b0e)"}, {duration:500, 
									complete:function(){
										$(this).css({color: "#900b0e"})
									}							
							})
						});
	});
	
	
<!--end background color animation-->