center menu

Hello,

I made a special template for the home page of a site using this great template. In that page I’m trying to center the menu, but I cannot target it properly via CSS.
I’m using the header menu.

Shoudn’t this do it?

.main-nav {
clear: both;
margin: auto;
}

Thanks!