// JavaScript Document

$(document).ready(function(){
 
	$('.ninegrid').fadeIn(3000);
 
});
 
//start
$(document).ready(function(){
	$('.gridone').hover(function(){
		$('.gridone').css('opacity', '0.7');
		$('.gridone').animate({
			opacity: 1
		},300
		)

	});
//end
//start
	$('.gridtwo').hover(function(){
		$('.gridtwo').css('opacity', '0.7');
		$('.gridtwo').animate({
			opacity: 1
		},300
		)

	});
//end
//start
	$('.gridthree').hover(function(){
		$('.gridthree').css('opacity', '0.7');
		$('.gridthree').animate({
			opacity: 1
		},300
		)

	});
//end
//start
	$('.gridfour').hover(function(){
		$('.gridfour').css('opacity', '0.7');
		$('.gridfour').animate({
			opacity: 1
		},300
		)

	});
//end
//start
	$('.gridfive').hover(function(){
		$('.gridfive').css('opacity', '0.7');
		$('.gridfive').animate({
			opacity: 1
		},300
		)

	});
//end
//start
	$('.gridsix').hover(function(){
		$('.gridsix').css('opacity', '0.7');
		$('.gridsix').animate({
			opacity: 1
		},300
		)

	});
//end
//start
	$('.gridseven').hover(function(){
		$('.gridseven').css('opacity', '0.7');
		$('.gridseven').animate({
			opacity: 1
		},300
		)

	});
//end
//start
	$('.grideight').hover(function(){
		$('.grideight').css('opacity', '0.7');
		$('.grideight').animate({
			opacity: 1
		},300
		)

	});
//end
//start
	$('.gridnine').hover(function(){
		$('.gridnine').css('opacity', '0.7');
		$('.gridnine').animate({
			opacity: 1
		},300
		)

	});
//end
//start
	$('.welcome').hover(function(){
		$('.welcome').css('opacity', '0.7');
		$('.welcome').animate({
			opacity: 1
		},300
		)

	});
//end
});