body
{
	margin: 		20px 20px 0px 20px;
}
.columns
{
	background-color:	white;
	border-right:		250px solid white;
}

.columns-inner
{
	width:100%;
}
.first-column
{
	background-color:	white;
	float:			left;
	position:		relative;
	width:			100%;
}

.first-column-inner
{
	position:		relative;
	border-left:		0px solid black;
	border-right:		0px solid black;
	padding-right:		10px;
}
.second-column
{
	float:			left;
	margin-right:		-250px;
	position:		relative;
	width:			250px;
}

.second-column-inner
{
	border-left:		0px solid black;
	background-color:	white;

	margin-left:		-1px; 
	/* Lose 1px on the right - cannot make first 		   column move to right seemingly as it is 
	   float left*/

	padding-left:		10px;
}
.end
{
	display:		block;
	height:			20px;
}