html - metro-bootstrap.css - Unable to align 'nav' to center of page -

I am currently using 'metro-bootstrap.css' () but I want to align my navy list I am helpless and need some help, in the last few days is running tiresome and on this, but nothing will align it! You can get this better idea at my site advinadv.co.uk .. Hope someone can help!

Here's my html;

  & lt; Div class = "navbar navbar-fixed-top" & gt; & Lt; Div class = "navbar-inner" & gt; & Lt; Div class = "container" & gt; & Lt; Br /><h1>advinadv.co.uk</h1> & Lt; Div class = "nav-collapse collapse" & gt; & Lt; Ul class = "nav" & gt; & Lt; Li class = "active" & gt; & Lt; A href = "index.html" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "" & gt; & Lt; A href = "# sectionID2" & gt; About us & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "" & gt; & Lt; A href = "# sectionID3" & gt; Service & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "" & gt; & Lt; A href = "# sectionID4" & gt; Portfolio & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "" & gt; & Lt; A href = "contact.html" & gt; Contact & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;    
 
 
 Change it to your CSS, this will convert your NAV to the center  
  .nav-collapse.collapse {height: auto! Important; Overflow: Visible! Important; Text align: center; } .navbar .nav {display: inline-block; Float: None; Left: 0; Status: Relative; }