html, body {
	background:#FFF;
	padding:20px;
	margin:0;
	}

body {
	font-family: helvetica;
	line-height: 30px;
	font-size:   20px;
}

div#container {
	width:100%;
	height:610px;
	overflow:hidden;
	}

div#header1, div#header2, div#header3 {
	float:left;
	width:33%;
	overflow:hidden;
	}

div#col1, div#col2, div#col3 {
	float:left;
	width:33%;
	overflow:hidden;
	}

div#col1 { background:#EEE; }
div#col2 { background:#09F; }
div#col3 { background:#FD0;
	width:34%;
	}

div#col1-inner, div#col2-inner, div#col3-inner {
	position:relative;
	padding:5px 10px;
	}







/* Self Clearing Rules
------------------------------------------------------------------------------------------------ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; _height: 1%; }
/* Hide from IE-mac \*/ .clearfix { display: block; } /* End hide from IE-mac */