$(document).ready(function(){
	//main nav sub nav triggers
	$('#mainNav ul li').hover(function () {
	
		var subPosition = $(this).position();
		var subWidth = $(this).width();
	
			$(this).children('ul').css({'left' : subPosition.left, 'width' : subWidth }).show();
		
			if ($(this).hasClass("last")){
		
				$(this).children('ul').css({'left' : subPosition.left - 126 }).show();
			}
		
		},
		// on mouse out
		function () {
			$(this).children('ul').hide();
		});
	
});