Ayuda CSS en template modificado

Hola a todos,

con mis humildes conocimientos de html/css me decidí a crear una plantilla a mi gusto, ya que no encontraba ninguna parecida a lo que yo quería, y mediante foros y tutoriales conseguí armar también el php y los demás archivos necesarios para subirla a joomla.

Tras un intento fallido de crear mi plantilla en DW (de diseño estaba perfecta pero como no tenía los estilos propios de Joomla no funcionaba el menú) decidí empezar de nuevo de 0, esta vez incluyendo todos los estilos que se utilizan en Joomla e intentando conseguir el diseño que había logrado con DW acoplando los estilos css de esta primera plantilla a la nueva.

Pero al terminar y subirla… todo descolocado…

Algún alma caritativa que me eche un vistazo al código para decirme qué falla?

La plantilla de Joomla que hice a través de DW (y como me gustaria que quedase mi página) podeis verla aqui
y para ver como queda ahora tras haber ‘corregido’ el css y el php podeis verla aqui (la imagen de la derecha, aparece debajo del texto a la dcha tambien).

Adjunto el codigo css:
@charset "UTF-8";
* {
padding: 0;
margin: 0;
}
body {
font-size: 90%;
font-family: Tahoma, Arial, 'Lucida Grande', Verdana, Sans-Serif;
color: #000;
background-color: #FFFFFF;
}
#contenedor {
margin: 1% auto;
width: 99%;
border: 0px;
text-align: left;
}
#header {
width: 608px;
float: left;
padding: 2% 1% 0 2%;
}
#navegacion {
float: left;
width: 0px;
padding: 0;
margin: 0;
} /* navegacion es el menu superior colocado en user3 */
#izquierda {
margin: 0px 5px 5px 0px;
padding: 3% 1% auto 2%;
margin: 3% 2% 0 2%;
width: 15%;
float: left;
overflow:hidden;
background:#FFFFFF;
}
#contenido {
margin: 2% 2% 0 2%;
overflow:hidden;
}
#derecha {
color: #fff;
padding: 2% 0 0 1%;
width: 45%;
float: right;
overflow:hidden;
}
#footer {
clear: both;
background: #FFFFFF;
padding: 0 10px;
font-size:0.8em;
line-height: 0.2;
color:#FFCC00;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-style: bold;
}
/* Color
--------------------------------------------------------- */
a{
text-decoration:none;
color:#666;
}
/* Elementos
--------------------------------------------------------- */
a:link {
font-weight: bold;
font-family: " Arial Black" , Helvetica, sans-serif;
text-decoration: none;
color: #000;
background-color: #FFCC00;
}
a:visited {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000;
background-color: #FFCC00;
}
a:hover {
text-decoration: none;
color: #000;
background-color: #66CCFF;
}
a:active {
text-decoration: none;
color: #ccc;
}
a img{
border:0px;
}
p, .contentpaneopen{
font-family: tahoma, Arial, "Lucida Grande", Verdana, sans-serif; font-size: 77%; color: #333333; letter-spacing: 1.2pt;
}
h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif; font-weight: bold; letter-spacing: -1px;
}
h1, .componentheading, .contentheading {
font-family: helvetica;
color: #000000;
font-size: 2.8em;
line-height: 0.2;
letter-spacing: -4px;
font-weight: bold;
}
h2 {
font-size:1.5em;
line-height: 0.2;
color: #FFCC00;
}
h3 {
line-height: 0.2;
color:#666666;
font-size:1.2em;
}
h4 {
font-size:1em;
line-height: 0.2;
color:#000;
}
h5 {
line-height: 0.2;
color:#666666;
font-size:0.8em;
}
h6, small , .createdate, .modifydate, .readon {
font-size:0.8em;
line-height: 0.2;
color:#FFCC00;
}
/* Modulos
--------------------------------------------------------- */
#izquierda .moduletable_menu {
width: 150px;
font: 80% "Arial Black" , Helvetica, Impact, sans-serif;
text-transform: uppercase;
margin: 2px 0 2px 0;
white-space: nowrap;
}
#derecha .moduletable_menu, #derecha .moduletable {
text-align:left;
margin-bottom:1px;
}
#izquierda .moduletable_menu li {
border-bottom: 0px solid;
}
#izquierda .moduletable_menu li:before {
content: "0BB 020";
}
#izquierda .moduletable_menu a {
text-decoration: none;
color: #CCCCCC;
background: #000000;
display: block;
padding: 3px 6px;
width: 161px;
margin: 4px 0 4px 0;
}
#izquierda .moduletable_menu a:hover {
background: #FFCC00 ;
color: #000;
}
.moduletable_menu h3, .moduletable h3, .moduletable_text h3 {
margin:5px 0 0;
padding:0;
text-transform:small-caps;
}
/* Contenido
--------------------------------------------------------- */
.contentpaneopen img{
padding: 5px 10px;
}
.contenttoc, .pagenavcounter{
margin-bottom:10px;
}
.article_separator{
display: block;
background:#fff;
height:1px;
margin:10px 60px 10px 10px;
}
.banneritem_text, .bannerfooter_text{
padding:5px;
}


Y el php:

Berlin/Madrid 2010 ©




Sé que es mucho que leer, pero llevo con esto ya un par de semanas y me sale humo xq ya no sé ni verlo, toco y lo empeoro y una cosa tan sencilla y q me corria prisa se me esta complicando y alargando demasiado..

Ojala tenga suerte y alguien pueda ayudarme & gracias de antemano!