$(document).ready(function() {
 	// nav hover states
	$("#mainNav a").hover(
	  function () {
		$(this).parent().addClass("hover");
	  },
	  function () {
		$(this).parent().removeClass("hover");
	  }
	);
	
	var nac = $('#mainNav').children().size(); 
	console.log(nac)
	
	var counter;
	$("#mainNav").each(function() {
    	counter = 1;
	    $(this).children("div").each(function() {
	        if (counter < nac) 
			$(this).css("margin-right","2px");
	        counter++;
	    });
	});
	
	
});