$(document).ready(function(){	 
	 
	 if (navigator.appVersion.indexOf("Mac")!=-1) {
	$('nav li a').addClass('mac');
	$('.rightbox p, .rightbox li').css("font-size","0.75em");
	} 
	
	 
	
	
	
	$('.rightbox li.blue').hover(function(){   
      $(this).animate({ backgroundPosition: "-285px -0px" }, "fast");
     }, function() {         
	  $(this).animate({ backgroundPosition: "-0px -0px" }, "fast");
     }); 
	
	$('.rightbox li.purple').hover(function(){   
      $(this).animate({ backgroundPosition: "-285px -60px" }, "fast");
     }, function() {         
	  $(this).animate({ backgroundPosition: "-0px -60px" }, "fast");
     });  
	
	$('.rightbox li.orange').hover(function(){   
      $(this).animate({ backgroundPosition: "-285px -118px" }, "fast");
     }, function() {         
	  $(this).animate({ backgroundPosition: "-0px -118px" }, "fast");
     });
		
	$('.rightbox li.red').hover(function(){   
      $(this).animate({ backgroundPosition: "-285px -177px" }, "fast");
     }, function() {         
	  $(this).animate({ backgroundPosition: "-0px -177px" }, "fast");
     });
	
	$('.rightbox li.green').hover(function(){   
      $(this).animate({ backgroundPosition: "-285px -236px" }, "fast");
     }, function() {         
	  $(this).animate({ backgroundPosition: "-0px -236px" }, "fast");
     });

	$('.rightbox li.pink').hover(function(){   
      $(this).animate({ backgroundPosition: "-285px -295px" }, "fast");
     }, function() {         
	  $(this).animate({ backgroundPosition: "-0px -295px" }, "fast");
     });
	
	$('.rightbox li.yellow').hover(function(){   
      $(this).animate({ backgroundPosition: "-285px -354px" }, "fast");
     }, function() {         
	  $(this).animate({ backgroundPosition: "-0px -354px" }, "fast");
     });

	$('.rightbox li.dred').hover(function(){   
      $(this).animate({ backgroundPosition: "-285px -413px" }, "fast");
     }, function() {         
	  $(this).animate({ backgroundPosition: "-0px -413px" }, "fast");
     });
	
	$('.rightbox li.skyblue').hover(function(){   
      $(this).animate({ backgroundPosition: "-285px -472px" }, "fast");
     }, function() {         
	  $(this).animate({ backgroundPosition: "-0px -472px" }, "fast");
     });
	 
	 $('.rightbox li.brown').hover(function(){   
      $(this).animate({ backgroundPosition: "-285px -530px" }, "fast");
     }, function() {         
	  $(this).animate({ backgroundPosition: "-0px -530px" }, "fast");
     });
	 

	 
							
 });