$(document).ready(function() {

$('#fade1')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 300, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 300, 'easeOutQuad');	// easing plugin
		});
		
$('#fade2')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 300, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 300, 'easeOutQuad');	// easing plugin
		});
$('#fade3')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 300, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 300, 'easeOutQuad');	// easing plugin
		});
		
$('#fade4')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 300, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 300, 'easeOutQuad');	// easing plugin
		});

$('#fade5')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		
$('#fade6')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		
$('#fade7')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		
$('#fade8')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		
$('#fade9')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		
$('#fade9')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});

$('#fade10')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});

$('#fade11')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});

$('#fade12')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});

$('#fade13')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		
		$('#box-services-sl1')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#box-services-sl2')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#box-services-sl3')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		
		
			$('#box-services-dm1')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#box-services-dm2')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#box-services-dm3')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#box-services-dm4')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#box-services-dm5')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		
		
		
		
		
		
		$('#box-services-wd1')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#box-services-wd2')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#box-services-wd3')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#box-services-wd4')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#box-services-wd5')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		
		
		$('#box-services-cs1')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#box-services-cs2')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#box-services-cs3')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#box-services-cs4')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#box-services-cs5')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.6 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		
		$('#fade17')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#fade31')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		$('#fade23')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
			$('#fade21')
		.hover(function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 0.8 }, 500, 'easeOutQuad');	// easing plugin
		}, function() {
			$(this)
				.stop()
				.animate({ 'opacity' : 1 }, 500, 'easeOutQuad');	// easing plugin
		});
		
		
});