Logo/Header & Nav Alignment

Around line 232 – “.header-image #title-area, .header-image #title, .header-image #title a” change the float to float: none; and change the width to 100%

For the image that you are linking to in the css, you need to center it.  Its probably easier to just specifically type background-image: url(image-link.jpg); then background-position: center; background-repeat: no-repeat; …….etc

.header-image #title-area {
background-image: url(images/logo.png);
background-position: center;
background-repeat: no-repeat;
}

Then you’ll need to make the header right widget area center by adding “text-align: center;” as well as “clear: both;” and changing the “float: right” to “none” etc.

Outcome – http://i.imgur.com/W82Xo.png

As mentioned above you’ll need to go through all of the floats in that section and change them to none.   I see that the “#header .menu” is still showing float: right;…..that should be none. The “#header .menu li” on line 303 is still set to float: left; …..that should be none as well……you may also want to add display: inline-block to that same line as well.  You won’t need to add !important, it will work without it.

Great!

You’re Welcome