$(document).ready(function(){
	$(".studioOver").fadeTo("slow", 0.0); // This sets the opacity of the thumbs to fade down to 60% when the page loads
	$(".studioOver").hover(function(){
		$(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
   		$(this).fadeTo("slow", 0.0); // This should set the opacity back to 60% on mouseout
	});
});

$(document).ready(function(){
	$(".aboutOver").fadeTo("slow", 0.0); // This sets the opacity of the thumbs to fade down to 60% when the page loads
	$(".aboutOver").hover(function(){
		$(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
   		$(this).fadeTo("slow", 0.0); // This should set the opacity back to 60% on mouseout
	});
});

$(document).ready(function(){
	$(".servicesOver").fadeTo("slow", 0.0); // This sets the opacity of the thumbs to fade down to 60% when the page loads
	$(".servicesOver").hover(function(){
		$(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
   		$(this).fadeTo("slow", 0.0); // This should set the opacity back to 60% on mouseout
	});
});

$(document).ready(function(){
	$(".newsOver").fadeTo("slow", 0.0); // This sets the opacity of the thumbs to fade down to 60% when the page loads
	$(".newsOver").hover(function(){
		$(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
   		$(this).fadeTo("slow", 0.0); // This should set the opacity back to 60% on mouseout
	});
});

$(document).ready(function(){
	$(".ratesOver").fadeTo("slow", 0.0); // This sets the opacity of the thumbs to fade down to 60% when the page loads
	$(".ratesOver").hover(function(){
		$(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
   		$(this).fadeTo("slow", 0.0); // This should set the opacity back to 60% on mouseout
	});
});

$(document).ready(function(){
	$(".contactOver").fadeTo("slow", 0.0); // This sets the opacity of the thumbs to fade down to 60% when the page loads
	$(".contactOver").hover(function(){
		$(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
   		$(this).fadeTo("slow", 0.0); // This should set the opacity back to 60% on mouseout
	});
});

$(document).ready(function(){
	$(".workshopsOver").fadeTo("slow", 0.0); // This sets the opacity of the thumbs to fade down to 60% when the page loads
	$(".workshopsOver").hover(function(){
		$(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
   		$(this).fadeTo("slow", 0.0); // This should set the opacity back to 60% on mouseout
	});
});
