*{margin:0px;padding:0px;}
#wrapper{width:800px;height:800px;border:2px solid black;}
header{width:100%;height:100px;background:pink;}
#content{width:100%;height:600px;}
footer{width:100%;height:100px;background:yellow;}





/** Layout 1  **/
#layout1 #header-left{width:50%;height:100px;background:cyan;float:left;}
#layout1 #header-right{width:50%;height:100px;background:olive;float:left;}
#layout1 #content-left{width:33.3%;height:600px;background:orange;float:left;}
#layout1 #content-center{width:33.3%;height:600px;background:#eee;float:left;}
#layout1 #content-right{width:33.3%;height:600px;background:grey;float:left;}
#layout1 #footer-left{width:50%;height:100px;background:red;float:left;}
#layout1 #footer-right{width:50%;height:100px;background:pink;float:left;}