*{margin:0px;padding:0px;}
#wrapper{width:600px;height:600px;border:2px solid orange;}
header{width:100%;height:100px;background:#eee;}
.content{width:100%;height:400px;}
footer{width:100%;height:100px;background:yellow;}
#clear{clear:both;}

/**  layout 1  **/
#layouts1 #left{width:50%;height:400px;background:pink;float:left;}
#layouts1 #right{width:50%;height:400px;background:blue;float:left;}


/**  layout 2  **/


/**  layout 3  **/