Okay, I'm headed for bed, and the Header in that template is actually meant to stretch across the whole window, so you may want to change your image just a little to accommodate for this, removing the right border and shadow, and such. I'll look more into it tomorrow for you, if somebody else don't help on it tonight.
But, this will get you lined up on the bottom. In your stylesheet, find:
Code:
#navSupp ul{list-style-type:none;text-align:center;}
and change to:
Code:
#navSupp ul{list-style-type:none;text-align:center; margin: 0; padding: 0;}
Then add this:
Code:
#navCatTabs ul {text-align: center; padding: 0;}
That should get everything lined up at the bottom, anyway.
Well.................here ya go.........this will put your logo image in the center of the page and you'll see what I mean about the border and shadow:
Find:
Code:
#logoWrapper{background-image:url(../images/logo.gif);background-repeat:no-repeat;background-color:#fff;height:106px;line-height:106px; margin: auto;}
and change the "margin: auto;" to "margin-left: 20%;", making that block of code look like:
Code:
#logoWrapper{background-image:url(../images/logo.gif);background-repeat:no-repeat;background-color:#fff;height:106px;line-height:106px; margin-left: 20%;}
Hope this helps.
I'm going to catch some