*{margin:0;padding:0}
#box{margin:50px auto;width:800px;background:olive}
header{width:100%;height:100px;background:blue;}
#content{width:100%;height:600px;}
.clear{clear:both;}

/**   layout 1   **/
#layout #content-left{width:50%;height:600px;background:red;float:left}
#layout #content-left1{width:100%;height:120px;background:green;}
#layout #content-left2{width:100%;height:120px;background:cyan;}
#layout #content-left3{width:100%;height:120px;background:#eee;}
#layout #content-left4{width:100%;height:120px;background:green;}
#layout #content-left5{width:100%;height:120px;background:grey;}

#layout #content-right{width:50%;height:600px;background:red;float:left;}
#layout #content-right1{width:100%;height:300px;background:black;}
#layout #content-right2{width:100%;height:300px;background:brown;}


footer{width:100%;height:100px;background:green;}