vale ahora mismo lo hago y gracias
el html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Sugarchic challs de diseño grafico</title>
<link rel="stylesheet" href="estilos.css" typ="text/css" media="all">
</head>
<body>
<divid="global">
<div id="cabecera"></div>
[contenido no disponible]</div>
<div id="navegacion">
<ul>
[contenido no disponible] [contenido no disponible][contenido no disponible][contenido no disponible]</div>
<div id="contenido">
<div id="menu"><ulwwwportafolioenlaces interesforo </div>
<h1>Titulo para novedades</h1>
<div id="menu1">menu</div>
</div>
<div id="pie"><div id="pieuno">uno</div><div id="piedos">dos</div></div>
</div>
</body>
</html>
el css
*{margin:0px;padding:0px;border:0px}
p{text-align:justify;font-family:arial;text-color:white}
h1{font-size:1.1em;font-weight:bold;text-align:center}
body {background-color:#475353;text-align:center;color:white}
*menu li{text-align:left}
#global{widht:800px ;margin:4px auto}
#cabecera{background-color:white}
#navegacion{height:50px;margin-right:42px}
#navegacion li{float:right;;list-style:none;margin:0px 5px 0px 0px}
#contenido{background-color:red;widht:800px;float:left}
#contenido p {padding:5px 10px 5px 10px;text-indent:15px}
#menu{font-family:arial;widht:300px;float:left;margin-left:40px;font-size:12px;border:white 4px solid;background-color:#6a1117;text-align:left}
#menu li{list-style:none;margin:8px 4px 8px 4px}
#menu1{background-color:green;widht:150px;float:right;margin-right:46px}
#pie{background-color:blue;height:65px}
#pieuno{background-color:green;float:left;width:350px}
#piedos{background-color:pink;}
a{text-decoration:none;display:block}
a:link{color:white;background-color:#cd5555}
a:visited{}
a:hover{background-color:silver;color:black}
a:active{}
#navegacion a{display:block}
#navegacion a:link{}
#navegacion a:visited{}
#navegacion a:hover{background-color:white;color:black}
#navegacion a:active{}