/*MooTools JS to run the Nav*/ 
 window.addEvent('domready', function(){		
		
		var portfolio = $('portfolio');
		var portfolioA = $('portfolioA');
		var team = $('team');
		var teamA = $('teamA');
		var green = $('green');
		var greenA = $('greenA');
		var designAndBuild = $('designAndBuild');
		var designAndBuildA = $('designAndBuildA');
		
		//list.each(function(element) {
		  var portfolioSlide = new Fx.Styles(portfolio, {duration:400, transition: Fx.Transitions.Quad.easeOut});
			var portfolioASlide = new Fx.Styles(portfolioA, {duration:400, transition: Fx.Transitions.Quad.easeOut});
			
			var TeamSlide = new Fx.Styles(team, {duration:400, transition: Fx.Transitions.Quad.easeOut});
			var TeamASlide = new Fx.Styles(teamA, {duration:400, transition: Fx.Transitions.Quad.easeOut});
			
			var greenSlide = new Fx.Styles(green, {duration:400, transition: Fx.Transitions.Quad.easeOut});
			var greenASlide = new Fx.Styles(greenA, {duration:400, transition: Fx.Transitions.Quad.easeOut});
			
			var designAndBuildSlide = new Fx.Styles(designAndBuild, {duration:400, transition: Fx.Transitions.Quad.easeOut});
			var designAndBuildASlide = new Fx.Styles(designAndBuildA, {duration:400, transition: Fx.Transitions.Quad.easeOut});
			//var designSlide = new Fx.Styles(design, {duration:400, transition: Fx.Transitions.Quad.easeOut});
			//var designFade = new Fx.Styles(designSub, {duration:150, transition: Fx.Transitions.Quad.easeOut});
		  portfolio.addEvent('mouseenter', function(){
				portfolioASlide.start({'width': 155});
				portfolioSlide.start({'margin-left': 45, 'width': 155});
			});
		 
			portfolio.addEvent('mouseleave', function(){
				portfolioASlide.start({'width': 52});
				portfolioSlide.start({'margin-left': 110, 'width': 52});
			});
			
			team.addEvent('mouseenter', function(){
				TeamASlide.start({'width': 115});
				TeamSlide.start({'margin-left': 45, 'width': 115});
				
			});
		 
			team.addEvent('mouseleave', function(){
				TeamASlide.start({'width': 35});
				TeamSlide.start({'margin-left': 127, 'width': 35});
				
			});
			
			green.addEvent('mouseenter', function(){
				greenASlide.start({'width': 185});
				greenSlide.start({'margin-left': -20, 'width': 185});
			});
		 
			green.addEvent('mouseleave', function(){
				greenASlide.start({'width': 74});
				greenSlide.start({'margin-left': 90, 'width': 74});
			});
			
			designAndBuild.addEvent('mouseenter', function(){
				designAndBuildASlide.start({'width': 145});
				designAndBuildSlide.start({'margin-left': 19, 'width': 145});
			});
		 
			designAndBuild.addEvent('mouseleave', function(){
				designAndBuildASlide.start({'width': 45});
				designAndBuildSlide.start({'margin-left': 119, 'width': 45});
			});
			
			/*design.addEvent('mouseenter', function(){
				designSlide.start({'margin-left': -13});
				designFade.start({'opacity': 1});
			});
			
			design.addEvent('mouseleave', function(){
				designSlide.start({'margin-left': 70});
				designFade.start({'opacity': 0});
			});*/
		 
		//});
	});