CSS snippet

main.css

#wrapper{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
 	background:#fff;
	z-index:1;
	position:relative;
}
#outer{
	position:relative;
	width:100%;
	clear:both;
	z-index:4;
}
#left,#right{
	width:210px;
 	z-index:1;
 	position:relative;
 	float:left;
 	margin:0 0 0 -209px;
 	display:inline;
 	left:-26px
}
#right{
	float:right;	
	margin:0 -149px 0 0;
	width:150px;
	position:relative;
 	left:26px
}
#content{
	margin:0 200px 0 260px;
	position:relative;
	z-index:1;
	background:green;
	border:1px solid #000;
	min-height:0;/*ie7 haslayout fix*/
}
#inner{
	float:left;
	width:100%;
	margin:0 -2px 0 0;
	position:relative;
}
.col{
	width:210px;
	position:absolute;
	z-index:0;
	left:25px;
	bottom:0;
	border:1px solid #000;
}
.one{background:red;}
.three{background:blue;width:150px;right:25px;left:auto}
#footer {clear:both;}

html>body .col{top:0}/* hide from ie6 and under*/
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}