[Theme: SimpleKey] Adjusting links in menu bar

Hello WP Forum,

I am fairly new to WordPress and still get caught up on simple coding errors a lot. So I am building a website (www.chrisreedtattoo.com) and wanted to center the links in the menu bar to the entire page. I got as far as using this code:

<style type=”text/css”>
#primary-menu-container ul{text-align:center;}
#primary-menu-container ul li {
float: none;
display: inline-block;
}
h1#site-logo{
display:none;
}
#primary-menu-container {
float: none;
clear: both;
margin: auto;
width: 75%;
}
</style>

Which got the links centered but looks like there is a line height thing going on and is sitting below the actually menu bar as you can see on the website. The links so be at the top of the page in that black menu box which is difficult to see. So is there any quick fix for this problem? I am sure its right in front of me but thats me being an amateur.

Thanks a lot