window.addEvent('domready', function(){
									 


    //home
	
		var el = $('home'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('home').set('opacity', 1).addEvents({
		mouseenter: function(){
			
			
			
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': '#B04832'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 1,
				backgroundColor: color
			});
		}
	});

	
	
									 
									 
									 
	//ourstory
	var el = $('ourstory'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('ourstory').set('opacity', 1).addEvents({
		mouseenter: function(){
			
			
			
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': '#B04832'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 1,
				backgroundColor: color
			});
		}
	});

	// Second Example
	
	// The same as before: adding events
	$('ourstory').addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			this.set('tween', {
				duration: 2000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '140px');
			
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '25px');
		}
	});
	
	
	
	//ourfleet
	
		var el = $('ourfleet'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('ourfleet').set('opacity', 1).addEvents({
		mouseenter: function(){
			
			
			
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': '#B04832'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 1,
				backgroundColor: color
			});
		}
	});
	
	
	
	
//safety
	
		var el = $('safety'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('safety').set('opacity', 1).addEvents({
		mouseenter: function(){
			
			
			
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': '#B04832'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 1,
				backgroundColor: color
			});
		}
	});	
	
	
	
	
	

//traveltips
	
		var el = $('traveltips'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('traveltips').set('opacity', 1).addEvents({
		mouseenter: function(){
			
			
			
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': '#B04832'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 1,
				backgroundColor: color
			});
		}
	});


//casinotrips
	
		var el = $('casinotrips'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('casinotrips').set('opacity', 1).addEvents({
		mouseenter: function(){
			
			
			
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': '#B04832'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 1,
				backgroundColor: color
			});
		}
	});









//photogallery
	
		var el = $('photogallery'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('photogallery').set('opacity', 1).addEvents({
		mouseenter: function(){
			
			
			
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': '#B04832'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 1,
				backgroundColor: color
			});
		}
	});






//inthemedia
	var el = $('inthemedia'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('inthemedia').set('opacity', 1).addEvents({
		mouseenter: function(){
			
			
			
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': '#B04832'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 1,
				backgroundColor: color
			});
		}
	});

	// Second Example
	
	// The same as before: adding events
	$('inthemedia').addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			this.set('tween', {
				duration: 2000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '85px');
			
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '25px');
		}
	});
	




//contact
	
		var el = $('contact'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('contact').set('opacity', 1).addEvents({
		mouseenter: function(){
			
			
			
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': '#B04832'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 1,
				backgroundColor: color
			});
		}
	});



//updates
	
		var el = $('updates'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('updates').set('opacity', 1).addEvents({
		mouseenter: function(){
			
			
			
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': '#B04832'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 1,
				backgroundColor: color
			});
		}
	});

	
	
});

//old color #d9cfda