HTML:

    <div id="header">
	  <a href="/Home.html"><img src="/images/header.png" alt="header.png"/></a>

	  <div id="topmenu">
	    <a href="/Products.html">Products</a> | 
	    <a href="/IntegrationServices.html">Services</a> | 
	    <a href="/Support.html">Support</a> | 
	    <a href="/Contact.html">Contact</a>

        
	  </div>
    </div>

CSS:


div#header
{
	border: 3px solid green;
	position: relative;
	height: 94px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	
	/* Note that this is the height of the Servprise logo image.
	 * If the image dimensions change, this value should as well.
	 */
	height: 94px;
}

div#header img
{
	width: 320px;
	float: left;
}

div#topmenu
{
	border: 1px solid green;
	height: 100%;
	text-align: center;
	padding-left: 320px;
	padding-bottom: 1em;
	
	
	/* Note that the value of 22px comes from the fading line in the servprise logo.
	 * If the logo image ever changes, this value should be updated.
	 */
	border-bottom: solid 22px rgb(255, 159, 14);
}