Creando un diseño 3 columna ( no entiendo del todo la explicaión)

[pao01]

el doctype es el que nos dieron, te paso todo el css

Código:

/* alineación general */ 

* {margin: 00px; padding: 0px; }
body {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
background-color:#6db0b0;

}



h1 {display:none;

}



#contenedor {margin: 0 auto;
min-width: 1000px;
width: 1000px;
overflow:hidden;

} 
p { color: #634344; font-family: Verdana; }



/* estilo de la cabecera */ 
#cabecera {width: 1000px; height: 128px; 
background-color: #6db0b0;
text-align: left; 
margin: 0 0 0 0; 

}


#contmenu {width: 1000px;
margin: 0px auto;


}



.menua, .menub {
font-size:0em;
height:auto;
}



/* estilo del menú */ 

.menua a {
  display:block;
  border:none;
  background-position:left top;
  background-repeat:no-repeat;
  width:193px;
  height:33px;
  margin: 0 0 0 56px;
}
.menua li {float:left; list-style:none; }
.menua a:hover { background-position: 0 -33px; text-decoration: none;  }
.menua .alt { display:none; }
.menua a#home { background-image: url(images/home.jpg); }
.menua a#serviciosweb { background-image: url(images/sw.jpg) }
.menua a#diseñografico { background-image: url(images/dg.jpg) }
.menua a#portfolio { background-image: url(images/ptf.jpg) }


.menub a {
  display:block;
  border:none;
  background-position:left top;
  background-repeat:no-repeat;
  width:193px;
  height:33px;
  margin: 0 0 0 123px;
}
.menub li {float:left; list-style:none;}
.menub a:hover { background-position: 0 -33px; text-decoration: none;  }
.menub .alt { display:none; }
.menub a#diseñoweb { background-image: url(images/dw.jpg) }
.menub a#nuestraempresa { background-image: url(images/ne.jpg) }
.menub a#contactar { background-image: url(images/cnt.jpg) }

.corte1 {clear: both;}

/* estilo del cuerpo */

#col_der, #col_izq, #col_cen {margin:auto; height: 100%;overflow:hidden; width: 300px; }div#CentradaLL {position:relative; top:10%; left:10%; width:80%; height:80%; }
div#CentradaLL {position:relative; top:10%; left:10%; width:60%; height:80%; }


#cont {width: 1000px; height: 515px;margin:20px auto; background-color: #e6fcfc; }
#col_der, #col_izq, #col_cen {height: 100%;}
#col_der {float: right; width: 250px;background-color: #e6fcfc;} 
#col_izq {float: left; width: 300px;background-color: #e6fcfc; font-size: 14px;}
.col_izq {padding:20px; text-align:justify;}
#col_cen {background-color: #e6fcfc; margin: 0 0 0 0; padding: 0 0 0 0;} 
.corte {clear: both;}


/* estilo del color de texto */
.otro-color { color:#cd810c; }

/* estilo de sector estilo  */ 
.estilos a {
  display:block;
  border:none;
  background-position:left top;
  background-repeat:no-repeat;
  width:170px;
  height:38.5px;
  margin: 0 0 0 0;

 }

.estilos a:hover { background-position: 0 -38.5px; text-decoration: none;  }
.estilos .alt { display:none; }
.estilos a#alvlin { background-image: url(images/alvlin.jpg) }
.estilos a#aresillo { background-image: url(images/aresillo.jpg) }
.estilos a#buzu { background-image: url(images/buzu.jpg) }
.estilos a#daes12 { background-image: url(images/daes.jpg) }
.estilos a#dopey { background-image: url(images/dopey.jpg) }
.estilos a#javi { background-image: url(images/javi.jpg) }
.estilos a#juaniquillo { background-image: url(images/juaniquillo.jpg) }
.estilos a#kseso { background-image: url(images/kseso.jpg) }
.estilos a#pitufoweb { background-image: url(images/pitufoweb.jpg) }
.estilos a#Raulmmmm { background-image: url(images/raul.jpg) }
.estilos a#sanchy { background-image: url(images/sanchy.jpg) }
.estilos a#Triby { background-image: url(images/triby.jpg) }
.estilos a#Willyfc { background-image: url(images/willy.jpg) }


/* estilo de caja */
#caja{ width:192px; height:424px; border:1px solid #e6fcfc; overflow:auto; margin: 50px 0 0 0; }

/* estilo del pie */
#pie {  
background: url(images/robi.jpg);
width: 1000px;
margin: auto;
font-size: 0.8em;
height: 80px;
clear:both;
line-height:75px;
}
#pie ul { 
list-style-type: none;
margin-left: 220px;
}
#pie ul li {  
display: inline;
color: #ffb505;
}
#pie ul li a { 
padding: 0px 17px;
text-decoration: none;
color: #6db0b0;
}
#pie ul li a:hover, #pie ul li a:active { 
color:#6db0b0;
font-weight:bold;
}