problemas con css

hola mi problema es el siguiente, hice una pagina web a travez de http://www.weebly.com, despues de varios dias de intentarlo logre subirla a internet pero solo se ve esto www.transvipsantiago.cl, como veran no se ve el fondo ni las imagenes, a falta de experiencia en el tema no se donde esta el error, si alguien me puede echar una mano se lo agradecere eternamente.

aca les dejo el codigo del index.html si les sirve de algo..

<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<title> Transvipsantiago - Home</title>
<meta name="description" content="arriendo de autos, van, matrimonios, eventos" />
<meta name="keywords" content="arriendo, mecedes benz, matrimonios, eventos, aeropuerto" />
<meta name="google-site-verification" content="_eI1BU3vp-SY1b1f2rkSB9jp0xgoYXUiPLZKYNv5sUg" />

<script type='text/javascript'>var STATIC_BASE = 'http://static-cdn.weebly.com/';</script><script type='text/javascript' src='http://static-cdn.weebly.com/weebly/images/common/prototype-1.6.0.3.js' ></script>
<script type='text/javascript' src='http://static-cdn.weebly.com/weebly/images/common/effects-1.8.2.js' ></script>
<script type='text/javascript' src='http://static-cdn.weebly.com/weebly/images/common/weebly.js' ></script>
<script type='text/javascript' src='http://static-cdn.weebly.com/weebly/images/common/lightbox202.js?6' ></script>
<script type='text/javascript' src='http://static-cdn.weebly.com/weebly/libraries/flyout_menus.js?3'></script>
<script type='text/javascript'>function initFlyouts(){initPublishedFlyoutMenus([{"id":"648509862474851","title":"Home","url":"index.html"},{"id":"342011717776920","title":"Quienes somos","url":"quienes-somos.html"},{"id":"693932835108968","title":"Servicios","url":"servicios.html"},{"id":"315818857299883","title":"Vehiculos","url":"vehiculos.html"},{"id":"610906121286145","title":"Tarifas","url":"tarifas.html"},{"id":"487471161758545","title":"Contacto","url":"contacto.html"}],'648509862474851','<li class=\'weebly-nav-more\'><a href=\"#\">more...</a>','active')}if (Prototype.Browser.IE) window.onload=initFlyouts; else document.observe('dom:loaded', initFlyouts);</script>
<link rel='stylesheet' href='http://static-cdn.weebly.com/weebly/images/common/common.css?4' type='text/css' />
<link rel='stylesheet' type='text/css' href='files/main_style.css' title='weebly-theme-css' />
</head>
<body class="weeblypage-index" >
<div id="wrapper">
<div id="sitename">Transvipsantiago</div>
<div id="content-wrapper">
<div id="header-image">
<div id="image" class="weebly_header"></div>
</div>
<div id="contents-body">
<div id="navigation">
<div id="navigation-links">

<ul>

<li id="active">Home<li id='pg342011717776920'>Quienes somos<li id='pg693932835108968'>Servicios<li id='pg315818857299883'>Vehiculos<li id='pg610906121286145'>Tarifas<li id='pg487471161758545'>Contacto

</div>
</div>
<div id="contents">
<h2 style=" text-align: left; ">Title.</h2>
<div class="paragraph" style=" text-align: center; display: block; "><FONT color=#1751e6 size=6>Bienvenidos a Transvipsantiago</FONT></div>


</div>
</div>
<div id="contents-bottom"></div>
<div id="footer">
<div id="footer-contents">Create a free web site with Weebly</div>
</div>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-13166083-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>

</html>


De antemano muchas gracias.
aca esta:

*|* { margin:0pt; padding:0pt; }
body { background: transparent url(theme/pattern.gif?801664) repeat-x center top; background-color:#451d00; font-family:palatino,"times new roman",serif; font-size:14px; color:#a68665; margin:0; padding:0; }
div.paragraph { line-height:1.5; padding-bottom:12px; }
p { line-height:1.5; padding-bottom:12px; }
h1 { font-size:20px; font-weight:bold; color:#fff; line-height:1.5; }
h2 { font-size:14px; font-weight:bold; color:#fff; line-height:1.5; }
#wrapper { width:960px; margin:0pt auto; }
#sitename { height:55px; width:960px; font-size:30px; color:#cccccc; font-weight:normal; padding-top:62px; text-align:right; font-style:italic; }
#content-wrapper { float:left; width:960px; }
#header-image { float:left; width:952px; height:221px; border:4px solid #66330f; }
#image { background:transparent url(../uploads/3/8/4/3/3843505/6591663.JPG?801664) no-repeat center top; width:952px; height:221px; }
#contents-body { float:left; width:960px; padding:0 20px 10px 15px; }
#navigation { background:transparent url(theme/nav_background.jpg?801664) repeat-x center top; float:left; background-color:#321500; width:221px; margin-bottom:9px; font-size:12px; color:#e3e3e3; }
#navigation-links ul { margin:8px; padding:14px 0 25px 0; border:1px solid #441c00; }
#navigation-links li { font-size:13px; list-style-type:none; padding:8px 0 8px 14px; }
#active { color:#af5211; }
#navigation-links a:link { display:block; color:#fff; text-decoration:none; }
#navigation-links a:hover { color:#fff; text-decoration:none; }
#navigation-links a:visited { color:#fff; text-decoration:none; }
#active a:link { color:#af5211; text-decoration:none; }
#active a:hover { color:#af5211; text-decoration:none; }
#active a:visited { color:#af5211; text-decoration:none; }
a:link, a:hover, a:visited { color:#af5211; font-weight:normal; text-decoration:none; }
#contents { float:left; width:704px; padding:20px 0 0 20px; }
#footer { float:left; background-color:#3e1a00; width:960px; height:39px; margin-bottom:30px; }
#footer-contents { float:left; color:#a68665; font-family:palatino,"times new roman",serif; padding:12px 10px 0 12px; }
input { background-color:#fff; border:1px solid #999; font-size:12px; }
textarea { background-color:#fff; border:1px solid #999; font-size:12px; }
div#commentArea div.blogCommentOwner { background: #323232; border: 1px solid #505050; }
#weebly-menus .weebly-menu-wrap { z-index: 5000; }
#weebly-menus .weebly-menu { padding: 0; margin: 0; list-style: none; }
#weebly-menus .weebly-menu li { float: left; clear: left; width: 170px; text-align: left; }
#weebly-menus .weebly-menu li a { background: #af5211; position: relative; display: block; width: 100%; border-right: 1px solid #66330f; border-left: 1px solid #441c00; border-bottom: 1px solid #66330f; text-decoration: none; font-size: 13px; font-weight: normal; line-height:1; padding:5px 0 4px 0; color: #fff; }
#weebly-menus .weebly-menu li a:hover { background: #af5211; }
#weebly-menus span.weebly-menu-title { display: block; padding: 5px 10px; }
#weebly-menus span.weebly-menu-more { display: block; position: absolute; right: 5px; top: 0; font-family: Courier; height: 28px; line-height: 28px; padding:4px 0 4px 0; }

div.paragraph ul, div.paragraph ol { padding-left: 25px !important; margin: 5px 0 !important; }
div.paragraph li { padding-left: 5px !important; margin: 3px 0 0 !important; }
div.paragraph ul, div.paragraph ul li { list-style: disc outside !important; }
div.paragraph ol, div.paragraph ol li { list-style: decimal outside !important; }


Gracias por el tiempo.
Que nombre lleva la hoja de estilos esa que me diste?

Por que en el HTML hay dos, por ahi no estan relacionadas con la plantilla

<link rel='stylesheet' href='http://static-cdn.weebly.com/weebly/images/common/common.css?4' type='text/css' />

<link rel='stylesheet' type='text/css' href='files/main_style.css' title='weebly-theme-css' />

No me di cuenta que estaba hecha en un servicio para "prediseñadas"

Otra cosa que no vi es la ruta de la imagen en la plantilla , no en el CSS

A mi parecer, la ruta de la imagen deberia estar ahi

Por ejemplo, para ver la imagen de la cabecera

De todas maneras, en la hoja de estilos tampoco hay asignada una imagen a la cabecera

Veamos

#header-image { float:left; width:952px; height:221px; border:4px solid }

Tiene las propiedades para flotar a la izquierda, le diste un ancho, alto, y bordes ; pero no hay a que asignarle eso. O sea, no hay imagen para la cabecera

Ese tambien es un error

Lo demás no sabria decirte si es error tuyo o "Weebly" te da un codigo asi por que veo divs que tienen una ID seguida de otra ID

por ejemplo

<div id="image" class="weebly_header"></div>

OMG Weebly, r u shitting on me (?)

Y en la hoja de estilos no hay "clases" , solo "id" , por lo que esa etiqueta que deje arriba, no esta funcionando al no haber una clase

Una pregunta

¿esta web la estas haciendo vos "desde cero" o es una plantilla prediseñada de Weebly que estas modificando vos?

Por que me perdí entre tus codigos y los que puso "Weebly" ahi :lol:
el nombre de la CSS es "main_style" y efectivamente es una plantilla prediseñada de http://www.weebly.com, como dije no tengo mucha experiencia en la creacion de paginas web y si te pudiste dar cuenta es una pagina para una pequeña empresa de transporte...
La tengo alojada en www.000webhost.com y el dominio www.transvipsantiago.cl lo compré, logre subir mi pagina pero no se ve el diseño ni nada, pero se puede navegar.
Muchas gracias por la paciencia y el tiempo, culquier dato que necesites me avisas ok.
Gracias.
La verdad te recomiendo que trabajes con una plantilla prediseñada que no sean esas de "Weebly" por que estan llenas de codigos que son "de ellos" y complican un poco la cosa

O hacer una vos mismo, siguiendo el curso para crear una Web que hizo Jorgens

Te paso el link cualquier cosa

Disculpá que te la corte asi, pero todos esos codigos de Weebly me volaron la cabeza

De todas maneras insistí, por ahi alguien con mas experiencia que yo sepa ayudarte

Un saludo
Por nada.

En un ratito si me hago un poco de tiempo, ando diseñando algo, vuelvo a mirar tu codigo y si puedo hacer algo con el mismo, te aviso asi veo como te ayudo :wink:

Cualquier cosa te aviso por MP