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

.columns-wrap {
}
.columns {
}
.clmnr-wrap {
float:left;
width:50%;
}
.clmnr {
margin-left:1em;
adding:0.5em;
}
.clmnl-wrap {
float:left;
width:50%;
}
.clmnl {
margin-right:1em;
adding:0.5em;
}