body{font-family:arial;font-size:13px;color:black}
.clear{clear:both;}
.wrapper{width:70%;height:800px;}
.header{width:100%;height:50px;background:black}
.content{width:100%;height:700px;}
.left{width:50%;height:700px;background:brown;float:left;}
.part{width:20%;height:200px;background:purple;float:right}
.part1{width:80%;height:200px;background:yellow;}
.up{width:50%;height:100px;background:orange;float:left}
.down{width:50%;height:100px;background:cyan;float:right}
.side{width:50%;height:100px;background:silver;float:left}
.side2{width:50%;height:100px;background:blue;float:right}  

.part2{width:100%;height:500px;}
.box1{width:50%;height:100px;background:orange;float:left}
.box2{width:50%;height:100px;background:gray;float:left}
.box3{width:50%;height:100px;background:cyan;float:left}
.box4{width:50%;height:100px;background:brown;float:right}
.box5{width:100%;height:150px;background:pink;float:right}
.box6{width:100%;height:150px;background:maroon;float:right}
#right{width:50%;height:700px;background:purple;float:right}
.cube{width:100%;height:200px;background:green;float:right}
.cube2{width:100%;height:300px;background:yellow;float:left}
.cube3{width:100%;height:200px;background:orange;float:left}
.footer{width:100%;height:50px;background:cyan}