<header class="pageHeader">
		<nav class="container">
			<ul>
				<li><a href="#" title="proper description">Home</a></li>
				<li><a href="#" title="proper description">Product</a></li>
				<li><a href="#" title="proper description">Download</a></li>	
			</ul>
			<h1><a href="#">BIZNAME</a></h1>
			<ul>
				<li><a href="#" title="proper description">Our Projects</a></li>
				<li><a href="#" title="proper description">About Us</a></li>
				<li><a href="#" title="proper description">Contact Us</a></li>
			</ul>
		</nav>
	</header>

.pageHeader {
	width: 960px;
	margin: 0 auto;
}
.pageHeader nav.container {
	display: table;
	table-layout: fixed;
  border-spacing: 20px;
}
nav.container ul {
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
  padding: 0;
}
nav.container ul li {
	float: left;
}
nav.container li a {
	display: block;
	text-decoration: none;
	color: gray;
	padding: 20px 15px;
	-o-transition: color .75s ease 0s;
	-webkit-transition: color .75s ease 0s;
	transition: color .75s ease 0s;
}
nav.container li a:hover {
	color: black;
}
.pageHeader h1 a {
	font-size: 1.3em;
	color: #64b0a3;
	text-decoration: none;
	text-shadow: 1px 1px 10px #54d1b6;
}