.clearfix:after {
	clear: both;
	display: table;
	content: '';
}

*{margin:0}
body{width:960px;}

#pdiv234{float:left; }
#pdiv567{float:left; }


#div1{box-shadow: 1px 1px 1px black, -1px 1px 1px black,
				  1px -1px 1px black, -1px -1px 1px black; height:150px; margin:5px;}
#div2{box-shadow: 1px 1px 1px black, -1px 1px 1px black,
				  1px -1px 1px black, -1px -1px 1px black; height:300px; margin:5px; width:230px;}
#div3{box-shadow: 1px 1px 1px black, -1px 1px 1px black,
				  1px -1px 1px black, -1px -1px 1px black; height:300px; margin:5px; width:230px;}
#div4{box-shadow: 1px 1px 1px black, -1px 1px 1px black,
				  1px -1px 1px black, -1px -1px 1px black; height:200px; margin:5px; width:230px;}
#div5{box-shadow: 1px 1px 1px black, -1px 1px 1px black,
				  1px -1px 1px black, -1px -1px 1px black; height:450px; margin:5px; width:710px;}
#div6{box-shadow: 1px 1px 1px black, -1px 1px 1px black,
				  1px -1px 1px black, -1px -1px 1px black; height:400px; margin:5px; width:710px;}
#div7{box-shadow: 1px 1px 1px black, -1px 1px 1px black,
				  1px -1px 1px black, -1px -1px 1px black; height:200px; margin:5px; width:710px;}