/**
<div class="columns-wrap">
	<div class="columns">
		<div id="col-main-left" class="clmnl-wrap">
			<div class="clmnl">
			[Left content]
			</div>
			<div class="clear"></div>
		</div>
		<div id="col-main-right" class="clmnr-wrap">
			<div class="clmnr">
			[Right content]
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="clear"></div>
</div>
Use Id selectors "col-main-left" and col-main-right to controll column width
**/

.columns-wrap {
height:100%;
}
.columns {
height:100%;
}
.clmnr-wrap {
float:left;
width:50%;
eight:100%;
}
.clmnr {
margin-left:0.5em;
eight:100%;
}
.clmnl-wrap {
float:left;
width:50%;
eight:100%;
}
.clmnl {
margin-right:0.5em;
eight:100%;
}
.clmnm-wrap {
float:left;
width:33%;
height:100%;
}
.clmnm {
margin:0 0.5em;
height:100%;
}

.clear {
clear:both;
}