Re: Extending the blue background beyond the menu:
I created a class 'navbar' and applied it like this:
<div class="navbar">
<div class="center">
<ul class="menu-menu">
<li class="first"><a href="index.html">Home</a></li>
<li>
<a>Services</a>
<ul>
<li class="first"><a href="direct_marketing.html">Direct Marketing</a></li>
<li><a href="marketing_strategy.html">Marketing Strategy</a></li>
<li><a href="social_media.html">Social Media</a></li>
<li><a href="website_development.html">Website Development</a></li>
<li><a href="multi_channel_marketing.html">Multi-Channel Marketing</a></li>
<li><a href="best_practices_review.html">Best Practices Review</a></li>
</ul>
</li>
<li><a href="about_us.html">About</a></li>
<li><a href="contact-us.html">Contact</a></li>
</ul>
</div></div>
The css for the new class was added to my-menu.css:
.navbar {
margin: auto;
width: 90%;
background: url('activebg.jpg');
background-repeat: repeat-x;
height: 30px;
}
The blue image has a black border on the right, so I cropped it and also reduced the size a bit. Attaching it here.
Have to add that I had saved the activebg.jpg on the desktop, where I also had the other files of yours, so of course, you'll have to set the correct path to it.
Added: Looking at it, I'd go for 93% width of that blue background stretching beyond the menu. Then it will be the same width as the page content. You could experiment with the left-margin of the logo in order to move it a wee bit to the right, in sync with the content, too.