MarkH

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
*{padding:0; margin:0}
body {
	background-color: #FFFFFF;
	background-image:url(images/tt_bg.jpg);
	background-repeat:repeat-x;
	margin-top: 0px;
}
#wrapper {
width: 710px;
margin: 0 auto; 
text-align: left;
} 
/* Colours for site visual layout */
.shadeBlue1 {
	background-color:#96C9E8;
}
.shadeBlue2 {
	background-color:#C9E3F2;
}
.shadeBlue3 {
	background-color:#053E81;
}
.companyLogo {
	background-image:url(images/tt_logo_strap.jpg);
	width:710px;
	height:90px;
	background-repeat:no-repeat;
}
#navContainer {
	width:710px;
	height:33px;
}
.navCornerLeft {
	background-image:url(images/nav_corner_left.jpg);
	width:42px;
	height:37px;
	background-repeat:no-repeat;
	float:left;
}
.navCornerRight {
	background-image:url(images/nav_corner_right.jpg);
	width:42px;
	height:37px;
	background-repeat:no-repeat;
	float:right;
}
.navMenu li {
	float:left;
	margin-top:0px;
	list-style-type: none;
	height:33px;
	margin-left:24px;
	margin-bottom:0px;
	background-color:#C9E3F2;
	background-repeat:repeat-x;
}

img {
	border:0px;
}
a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #96C9E8;
}
a:active {
	color: #96C9E8;
}
-->
</style>
</head>
<body>
	<div id="wrapper">
		<div class="companyLogo"></div>
		<div id="navContainer">
			<div class="navCornerLeft"></div>
			<div class="navCornerRight"></div>
			<div class="navMenu">
				<ul>
					<li><img src="images/home.jpg" alt="Home" width="40" height="33" /></li>
					<li><img src="images/departments.jpg" alt="Click here to view departments" width="81" height="33" /></li>
					<li><img src="images/help_and_support.jpg" alt="Need help? click here" width="100" height="33" /></li>
					<li><img src="images/file_repository.jpg" alt="Looking for documents? click here" width="101" height="33" /></li>
					<li><img src="images/human_resources.jpg" alt="Human Resources" width="115" height="33" /></li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>