(theme: Grassroots) menu spacing issue

I’m sure there has got to be a more elegant way to handle this than how I have it set up currently, so I’m at the mercy of you folks who know way more about CSS than I do 🙂

Working on a site for a friend – http://lookieboo.com – and the menu is driving me nuts. I was using Firebug to grab the CSS codes so I could get the menu items spaced out. I’m still having issues with the last menu item. Every time I try to move it over (I was going pixel-at-a-time for a while there), the ‘Contact’ item slides down to a new line.

What’s the best way to fix the spacing? I’m open to any ideas. Thanks!!