menu centreren

Hallo,
Ik heb al een aantal keren geprobeerd het menu van mijn website te centreren. Nu is het gelukt door hier center te veranderen.:.
main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
display: inline-block !important;
text-align: CENTER;
width: 100%;
Maar nu zit het is het submenu ook gecentreerd.. Iemand enig idee hoe ik die left aligned kan houden? En op mijn homepage verdwijnt het submenu onder de slider, hoe ik dat oplos weet ik ook niet.

Alvast bedankt!

Groetjes, Jasmijn

http://www.saltedsoul.org