*{margin:0px;padding:0px;}
#wrapper{margin:50px auto;width:800px;height:800px;border:2px solid green}
.content{width:800px;height:800px;}



/** Layout 1  **/
#layout1 #content-1{width:50%;height:400px;background:cyan;float:left;}
#layout1 #content-2{width:50%;height:400px;background:pink;float:right;}
#layout1 #content-3{width:50%;height:400px;background:blue;float:left;}
#layout1 #content-4{width:50%;height:400px;background:brown;float:left;}