I know this question has been asked before but after hours of searching i still cannot get my nav bar to center. I'm still new to this but I think it has something to do with the way I've made my nav bar, as I am having the same problem on other projects. The code displayed is for the top bar, but I am having problems with the lower bar as well. [here](http://www.aandaartandframe.com) is the site.

And here is the relevant code.

```css
    #topbar {
    width: 100%;
    height: 140px;
    background-color: #6d6e70;
    text-align: center;
    }

    ul.nav1 {
    list-style-type: none;
    position: absolute;
    width: 760px;
    border: 3px solid red;
    /*FIX CENTER IM LOSING MY MIND*/
    top: 35px;
    }

    li.hnav {
    width: 150px;
    height: 70px;
    float: left;
    display: inline;
    }

    a.hnav {
    padding-top: 25px;
    display: block;
    text-decoration: none;
    width: 150px;
    height: 45px;
    text-align: center;
    border-radius: 10px;
    transition: all .5s ease;
    font-family: Walkway;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    }

    a:hover {
    background-color: #fff;
    color: #6d6e70;
    }
```

```html
    <div id="topbar">
      <img src="AandAlogoFINAL1.png" alt="A and A Logo" id="logo">

      <ul class="nav1">
       <li class="hnav"><a href="index.html" class="hnav">Home</a></li>
       <li class="hnav"><a href="about.html" class="hnav">About</a></li>
       <li class="hnav"><a href="framing.html" class="hnav">Framing</a></li>
       <li class="hnav"><a href="gallery.html" class="hnav">Gallery</a></li>
       <li class="hnav"><a href="community.html" class="hnav">Community</a></li>
      </ul>

     </div>
```