vertical centered menu

vertical centered menu

HTML

<h1 title="test">test</h1>
<nav id="nav-utility">
    <ul>
        <li><a href="#">HOME</a></li>
        <li><a href="#">MY STORY</a></li>
        <li class="mid-left"><a href="#">GALLERY</a></li>
        <li class="mid-right"><a href="#">RATES</a></li>
        <li><a href="#">TERMS</a></li>
        <li><a href="#">CONTACT</a></li>
    </ul>
</nav>

<div id="container"></div>

CSS

html, body{
	width:100%; height:100%;
	margin:0; padding:0;	
}

html { 	
}

div#container{
	width:100%;
	height:95.7%;
	
	background: url(background/monitor/IMG_5929.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

h1{
    background-image:url(images/menu/polygon.png);
    display: block;
    height: 71px;
    left: 50%;
	margin:0; padding:0;	
    margin-left: -43px; /* yourLogoWidth / 2 */
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 87px; /* yourLogoWidth */
    z-index: 1;
    
}

nav{
	width:100%;
	height:4.28%;
	/*min-height:40px;*/
	
	margin:0; padding:0;	
	
	background-color:#000000;
	
	list-style:none;
	text-align:center;
}

li, ul, a{
	margin:0; padding:0;	
	height:100%;
}

#nav-utility li{font-size:110%;color:#2bbfc4;}
#nav-utility li:before{content:'\00B7';padding-right:20px; padding-left:-10px;}
#nav-utility li:first-child:before{content:normal;}
#nav-utility li:last-child{padding-right:0;}
#nav-utility li:first-child{margin-left:-8px;}
#nav-utility li:nth-child(4):before{content:normal;}

nav ul{
}

nav li{
	display: inline-block;
	vertical-align:middle;
}

nav li a{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-size:20px;
	color:white;
	
	text-decoration:none;
	line-height:4.28%;
}

nav li a:hover{
	border-bottom: 1px solid #196595;
	padding-bottom:1px;
}

nav li a:active{
	font-weight:bold;
}

nav ul li{
	margin: 0 10px 0 10px;
}

nav li.mid-left{
	margin-right: 63px; 
}
nav li.mid-right{
    margin-left: 63px;
}