Unnamed

<html>
	<head>
		<title>4 box example</title>
		<style type="text/css">
			body {
			 text-align: center;
			 font-family: "Century gothic", arial, sans-serif;
			}
			
			div.container {
			 text-align: left;
			 background-color: pink;
			 margin-top: 15%;			/* for some reason margin percentages act funny, but it looks ok in most resolutions *7
			 margin-left: auto; 		/* Centers the div */
			 margin-right: auto;
			 width: 820px;
			}
			
			div.box { 
			 background-color: cyan;
			 width: 200px; 				/* width and height specs are unnecessary
			 height: 200px;				   if you put images in the divs */
			 float: left;
			 margin-left: 2px;
			}
			
			div.footer {
			 text-align: center;
			}
		</style>
	</head>
	
	<body>
		<div class="container">
			<div class="box"> </div>
			<div class="box"> </div>
			<div class="box"> </div>
			<div class="box"> </div>
			<div class="footer">Hello world!</div>
		</div>
	</body>
</html>