$(document).ready(function(){
	
	
	  $(".buttons").hover(function() {  
                $(this).stop().animate({ color: "#000000", paddingTop: "10px"}, 1);  
                },function() {  
                $(this).stop().animate({ color: "#000000", paddingTop: "15px"}, 1);  
                });

      $(".buttons").mousedown(function() {  
                $(this).stop().animate({ color: "#ffffff"}, 100);  
                },function() {  
                $(this).stop().animate({ color: "#000000"}, 600);  
                }); 
                
                
                
      $(".rightbuttons").hover(function() {  
                $(this).stop().animate({ color: "#000000", paddingLeft: "15px"}, 160);  
                },function() {  
                $(this).stop().animate({ color: "#000000", paddingLeft: "0px"}, 200);  
                });

      $(".rightbuttons").mousedown(function() {  
                $(this).stop().animate({ color: "#ffffff"}, 160);  
                },function() {  
                $(this).stop().animate({ color: "#000000"}, 200);  
                }); 
                
       
            
                   
      $(".about_side_nav_big").hover(function() {  
                $(this).stop().animate({ color: "#000000", paddingLeft: "25px"}, 160);  
                },function() {  
                $(this).stop().animate({ color: "#000000", paddingLeft: "0px"}, 200);  
                });

      $(".about_side_nav_big").mousedown(function() {  
                $(this).stop().animate({ color: "#ffffff"}, 160);  
                },function() {  
                $(this).stop().animate({ color: "#000000"}, 200);  
                }); 
                
     
            
            
            
            
            
                
                
	  
     $(".thumbs3 img").fadeTo("700", 1.0); // This sets the opacity of the thumbs to fade down to 60% when the page loads

	$(".thumbs3 img").hover(function() {  
                $(this).stop().animate({   width: '100px', height: '100px', marginTop: '-26px', marginLeft: '-20px', opacity: '1.0'}, 400);  
                },function() {  
                $(this).stop().animate({  width: '50px', height: '50px', marginTop: '0px',  marginLeft: '0px', opacity: '1.0'}, 600);  
                }); 
                
                
         
                
	})