HTML Region using CSS

region.html

<style type="text/css">
	.page {
		width: 960px;
		margin: 5 auto;
	}
	.header {
		background-color: #F00;
	}
	.main-wrapper {
		background-color: #fff;
	}
	.sidebar {
		background-color: #00f;
		width: 180px;
		float: left;
	}
	.content {
		background-color: #f0f;
		width: 780px;
		float: left;
	}
	.footer {
		background-color: #0f0;
	}
	.clearfix {
		clear: both;
	}
</style>

<div class="page">
    <div class="header"> 
        &nbsp;
    </div>
    <div class="content-wrapper">
        <div class="sidebar">&nbsp;</div>
        <div class="content">&nbsp;</div>
        <div class="clearfix"></div>
    </div>
    <div class="footer">
        &nbsp;
    </div>
</div>