Because your menu wraps to two lines you won’t be able to center it with CSS. To do so with fewer (or narrower) elements that fit on one line:
<header class="grid_11_REMOVED">
<div class="cssmenu clearfix" style="width: auto;">
<div style="background: [styles from menu]; text-align: center;">
<ul class="level1" style="display: inline-block;">
...
</ul>
</div>
</div>
</header>
Menu elements are displayed block by default, and are therefore full-width. Not also that I’ve fixed the width of the header element, which is too narrow, by removing the .grid_11 class.
solved How can i center my css menu?