0
Here's what I've got.
<!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=UTF-8" />
<title>Jake Moore - Portfolio</title>
<style type="text/css">
*{margin:0;auto:0;}
img{border:0}
body{
font-family:Myriad Pro;
text-align:center;
background:#c2d4e1;}
#container{
text-align:left;
margin:15px auto;
width:75%;
min-width:783px;}
#nav_bg{
background:url(images/nav_bg.png) repeat-x;
height:36px;}
#nav{
padding-top:6px;
height:30px;
line-height:30px;}
#nav a:link,
#nav a:active,
#nav a:visited,
#nav a.active{
display:block;
color:#00237A;
float:left;
font-size:16px;
font-weight:425;
text-decoration:none;
padding-right:12px;
padding-left:12px;
height:30px;}
#nav a:hover,
#nav a:link.active,
#nav a:active.active,
#nav a:visited.active,
#nav a:hover.active{
background:url(images/nav_over_bg.png) no-repeat top;}
.link_tp{
z-index:2;
color:#FFF;
position:absolute;
top:2px;
left:5px;}
.link_bt{
z-index:1;
color:#000;}
#header{
background:url(images/header_bg.png) repeat-x top;
height:122px;}
#c_header{
margin-top:15px;
background:url(images/c_header_bg.gif) repeat-x top;
height:37px;}
/*text-shadow: #00237A 0px 1px 1px;*/
</style>
</head>
<body>
<div id="container">
<div id="nav_bg">
<img src="images/nav_r.png" alt="" style="float:right" />
<img src="images/nav_l.png" alt="" style="float:left" />
<div id="nav">
<div class="link_bt"> <div class="link_tp">Home</div><a href="#">Home</a></div>
<a href='services.htm'>Services</a>
<a href='portfolio.htm'>Portfolio</a>
<a href='about.htm'>About</a>
<a href='contact.htm'>Contact</a>
</div>
</div>
<div id="header">
<img src="images/header_r.png" alt="" style="float:right;" /><img src="images/tablet.png" alt="" style="float:right;padding:12px 30px 0 0;" /><a href="index.htm"><img src="images/header.png" alt="" style="float:left" /></a>
</div>
<div id="c_header">
<img src="images/c_header_r.gif" alt="" style="float:right" /><img src="images/c_header_l.gif" alt="" style="float:left" />
</div>
</div>
</body>
</html>
Your help is greatly appreciated
