subi mi pagina solo aparece las letras sin los detalles

Hola, cuando subì con html-kit mi pagina, encontre que solo aparecen las letraspero sin ningun detalle y he subido todo al sever... y he intentado varias veces y es el mismo resultado...ewp.atwebpages.com, alguien me podría ayudar... por favor ....
danos la url de tu web

yy no hagas vista previa de la azul
esa solo la usas para subir

saludos
esta es la index

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<meta name="verify-v1" content="cuHWgXeuhUoT5kSV+/GES/ApcH9e+7cP41qy0kRh6ro=" />
<title>EDUCATIONAL WEB PAGE</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<LINK REL="SHORTCUT ICON" HREF="http://objetos/eduweb.ico">

</head>
<body>
<div id="global">

<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>
</div>

<div id="navegacion">



<div class="aerobuttonmenu black">


<span>Cine</span>
<span>Música</span>
<span>Videos</span>
<span>Descargas</span>
<span>Foro</span>
<span>Utilidades</span>
</div>

</div>


<div id="contenido">



<h1>BIENVENIDOS!!</h1>


</p>



Bienvenido a esta pagina... En este portal puedes estar informado de todo lo referente a los estrenos del cine, de la musica, conciertos, descargas de videos y canciones tus grupos preferidos, descarga tus peliculas preferidas, hasta puedes hacernos pedidos de musica, videos, ect.</p>


¡¡Aun estamos en construcción!!</p>


No olvides visitarnos mas tarde en el foro y dejar tus comentarios.</p>


Gracias por la visita, esperamos verte pronto!!!
</p> </div>

<div id="pie">
<div id="pieuno">
<ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">Publicidad</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    </div>


    </div>
    </body>
    </html>
  • y esta es el estilo general

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:midnightblue ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    h2 {font.size: 1.0em; color:black ; text-decoration: none ;
    text-align: center}
    h3 {font.size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ; text-aling: center }
    h4 {font.size: 0.6em; color:black ; text-decoration: none ;
    text-align: center}
    h6 {font.size: 1.0em; color:black ; text-decoration: none ;
    text-align: center}
    body {text-align: center ; background-image: url(objetos/computer.jpg)}
    #global {width:800px ; margin:4px auto }

    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #curva-superior2 { background-image: url(objetos/curva-superior2.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color:; border-left: ;
    border-right: ; height:85px}
    #logotipo {width:220px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px ; color: white }
    #navegacion {background-image: url(objetos/fondo112.png) ; height:20px ;font-family: "Calibri"}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 60px }
    #contenido {background-image: url(objetos/fondo111.png) ; border-left: ;
    border-right: ; color: black ;font-family: "Calibri" ; font-size: 17px }

    #prs2 {float:left ; margin: 0px 10px 0px 60px }
    #bbn {float:left ; margin: 30px 10px 10px 165px }
    #gnn {float:left ; margin: 30px 10px 10px 165px }
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 20px}
    #menu {width: 150px ; float:left ;
    text-align:center ; margin: 3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom ;
    padding-bottom:5px }
    #flechatras {width:220px ; float:right }
    #text {margin: 0px 40px 0px 40px}
    #menu li {list-style:none ; margin: 4px 8px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }

    #pie { background-image: url(objetos/fondo112.png) ; height:20px ;font-family:"Calibri" }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {float:left ; width:150px ; border-left: }
    #piedos {background-color: silver ; float:left ; width:498px ; font-size: 10px }
    #pietres {float:right ; width:150px ; border-right:}

    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #curva-inferior2 { background-image: url(objetos/curva-inferior2.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: black ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:skyblue ; text-decoration:none ; background-color: none}
    a:active {}
    #pie a {color: silver; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:blue ; text-decoration:underline ; background-color: white }
    #pie a:active {color:white}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}


    <style type="text/css">

    .aerobuttonmenu{ /*container that holds a row of aero buttons*/
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: auto;
    background: #F7F7F7; /*menu strip background*/
    border: 1px solid gray;
    padding: 4px 0;
    border-width: 1px 0;
    }

    * html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
    width: 100%;
    }

    .aerobuttonmenu a.aero{ /*aero button CSS*/
    background: transparent url(media/aeroleft.gif) no-repeat top left;
    display: block;
    float: left;
    margin: 0px 50px 0px 50px;
    padding:0px 0px 20px 0px;
    text-align:center ;
    font: 15px Calibri, Trebuchet MS; /* Change 13px as desired */
    line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
    height: 31px; /* Height of button background height */
    padding-left: 10px; /* Width of left menu image */
    text-decoration: none;
    margin-right: 5px; /*spacing between buttons*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
    opacity: 0.9;
    -moz-opacity: 0.9;
    }

    .aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
    color: white; /*button text color*/
    }

    .aerobuttonmenu a.aero span{
    background: transparent url(media/aeroright.gif) no-repeat top right;
    display: block;
    padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
    }

    .aerobuttonmenu a.aero:hover{ /* Hover state CSS */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
    opacity: 1;
    -moz-opacity: 0.99;
    }

    .aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
    color: skyblue;
    }

    .black a.aero{
    background-image: url(objetos/aeroleftblack.gif);
    }

    .black a.aero span{
    background-image: url(objetos/aerorightblack.gif);
    }

    .aerobuttonmenu .rightsection{
    float: right;
    width: 100px;
    position: relative;
    top: 3px;
    padding-right: 5px;
    text-align: right;
    }

    .aerobuttonmenu .rightsection a{
    color: navy;
    }