Changed it, slightly.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="charset=UTF-8" />
<title>Alexx Turner Designs</title>
<style type="text/css">
<!--
body {
background-color: black;
text-align: center;
}
#structure {
background-color: SteelBlue;
background-image: url('bg.jpg');
background-repeat: no-repeat;
margin: 40px auto 10px auto;
width: 500px;
}
#main {
background-color: LightBlue;
margin-left: 150px;
width: 350px;
padding: 10px;
}
#navigation {
text-align: left;
background-color: Azure;
width: 100%;
margin-bottom: 10px;
color: #999;
font-weight: bold;
font: 9px tahoma;
}
#navigation a {
color: #999;
font-weight: bold;
text-decoration: none;
}
#content {
background-color: Azure;
width: 100%;
height: 500px;
font: 12px tahoma;
text-align: left;
}
.padding {
padding: 5px;
}
-->
</style>
</head>
<body>
<div id="structure">
<div id="main">
<div id="navigation">
<div class="padding">
<a href="#">HOME</a> |
<a href="#">ABOUT</a> |
<a href="#">PORTFOLIO</a> |
<a href="#">FOR SALE</a> |
<a href="#">CONTACT</a>
</div>
</div>
<div id="content">
<div class="padding">
Here's some example content!
</div>
</div>
</div>
</div>
</body>
</html>