I can't tell much from the code you posted.
Copy & Paste this into a new, blank document. Adjust CSS colors & backgrounds to suit. Note: I used embedded CSS here for expediency. You can move CSS styles to your external file.
<!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>Cento Media Home</title>
<style type="text/css">
body {
font-family:Georgia,"Times New Roman", Times, serif;
font-size: 16px;
background-color: #000;
background-image: url(space2.jpg);
color: #FFF;
width: 920px;
margin:0 auto;
border: 4px solid silver;
}
#header {
background-color: #666;
overflow:hidden; /**to control floats**/
}
#header a img {
float:left;
padding: 20px;
border:none;
}
/**top menu**/
#nav ul {
padding:0;
margin:0;
}
#nav li {
list-style:none;
margin:0;
padding:0;
font-size: 25px;
text-align:center;
}
#nav li a {
float:left;
display:block;
width: 8em;
color: red;
text-decoration:none;
background-color: #CCC;
border: 1px solid #FFF;
}
#nav li a:visited {color: #333}
#nav li a:hover,
#nav li a:active,
#nav li a:focus {
color: #FFF;
background: red;}
/**end top menu**/
#content {
background-image: url(content.png);
margin:0;
padding:30px 12px 0 12px;
}
#footer {
margin:0;
padding:0;
border-top: 3px solid #CCC;
background-color: #FFF;
color: #000;
text-align:center;
font-size: 12px;
}
/**TEXT STYLES**/
p {font-size: 16px;}
h1 {font-size: 50px;}
h2 {font-size: 25px;}
h3 {font-size: 18px}
</style>
</head>
<body>
<div id="header">
<a href="#"><img src="logo.png" alt="logo" width="116" height="85"/></a>
<h1>Welcome to Cento Media</h1>
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<!--end nav--></ul>
<!--end header--></div>
<div id="content">
<h2>Heading 2</h2>
<p>Description goes here...</p>
<h3>Heading 3</h3>
<p>Description goes here...</p>
<h4>Unordered List:</h4>
<ul>
<li>some list item</li>
<li>some list item</li>
<li>some list item</li>
<li>some list item</li>
</ul>
<h4>Ordered List:</h4>
<ol>
<li>some list item</li>
<li>some list item</li>
<li>some list item</li>
<li>some list item</li>
</ol>
<!--end content --></div>
<div id="footer">
© 2012 your footer message goes here...
</div>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
