/* IE 8 is not real cool with displaying DIVs as table cells, this makes them display as regular blocks... */

	#main-menu ul {
	  float:left;
	  padding:0;
	  margin:0 0 1px 0;
	  list-style:none;
	  display:block;
	  width:100%;
	  max-width:960px;
	  height:32px;
	}

	#main-menu li {
	  background: none;
	  position:relative;
	  padding:0;
	  margin:0;
	  display:block;
	  width:12.5%;  /* <--- this is because we have 8 nav items (100/8 = 12.5), adjust if this number changes */
	  height:100%;
	  float:left;
	  vertical-align:middle;
	  text-align:center;
	}
	#main-menu  li a {
		font-size:13px;
		line-height:1.2em;
		height:23px;
		padding-top:9px;
	}

	#main-menu  li a.nav-multiline {
		height:31px;
		padding-top:1px;
	}
	
	/* spawn sub-menus to the left if they will impact the edge of the window */
	#main-menu li li.left-menu ul {
	  margin:-23px 0 0 -190px !important;
	}