Ayuda necesito insertar dos etiquetas div en este diseño

[JahierFP]

... bueno amigos muchas gracias guiendome con la ayuda que me dieron pude logar mas o menos la estructura que queria.

Me surgen problemas, como les dije era una plantilla para joomla. Tuve que hacer modificacions a los codigos que me pasaron para que queden bien.

Aqui les paso el sitio de prueba, fijense que donde esta el video hay un margen blanco en la parte superior que no queda alineado con lo que seria el contenido de sidebar4 donde esta el reproductor mp3

http://dillon.byethost5.com/

Y en mainContent , el contenido se pone desprolijo, alli donde dice Bienvenidos a la portada, eso tendria que ir abajo encabezando lo que seria justamente el contenido de mainContent


Por si quieren el codigo Css es este:

Código:

@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
	background-color: #666666;
	background-image: url(../img/fondo.png);
	background-repeat: repeat;
    }
    .thrColLiqHdr #container { 
    	width: 80%; 
    	background: #FFFFFF;
    	margin: 0 auto;
    	border: 1px solid #000000;
    	text-align: left; 
    } 
    .thrColLiqHdr #header {
	padding: 0 0px;  
	background-color: #000000;
	background-image: url(../img/cabe_fondo.jpg);
    } 
    .thrColLiqHdr #header h1 {
    	margin: 0; 
    	padding: 0px 0; 
    }
    
    .thrColLiqHdr #sidebar1 {
	float: left; 
	width: 22%; 
	padding: 15px 0; 
	background-color: #F8F7F6;
    }
    .thrColLiqHdr #sidebar2 {
	float: right; 
	width: 23%; 
	padding: 15px 0; 
	background-color: #F8F7F6;

    }
    .thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
    	margin-left: 10px; 
    	margin-right: 10px;
    }
    
    .thrColLiqHdr #mainContent {
	margin: 0 24% 0 23.5%;
    }
    
    .thrColLiqHdr #footer { 
    	padding: 0 10px; 
    	background:#DDDDDD;
    } 
    .thrColLiqHdr #footer p {
    	margin: 0; 
    }
    
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { 
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
    #sidebar3 {
    float:left;
    width: 43%
    padding: 0px 0;
    }

    #sidebar4 {
    float:right;
    width: 35%
    padding: 0px 0;
   }