.frame{
}
.frame .primary{
	width: 100%;
	float: left;
	margin:0 -300px 0 0;
}
.frame .primary .container{
	margin:0 300px 0 0;
}
.frame .secondary{
	width: 300px;
	float: right;
}

/*******************************************************/
/* If applying 2 column layout to a 3 column structure */
/*******************************************************/

.layout3 .frame .primary{
	width: auto;
	float: none;
	margin:0 0 0 0;
	clear:both;
}
.layout3 .frame .primary .container{
	margin:0 0 0 0;
}
.layout3 .frame .secondary{
	width: auto;
	float: none;
}

.layout3 .frame .frame .primary{
	width: 100%;
	float: left;
	margin:0 -300px 0 0;
}
.layout3 .frame .frame .primary .container{
	margin:0 300px 0 0;
}
.layout3 .frame .frame .secondary{
	width: 300px;
	float: right;
}
.layout3 .frame .frame,
.frame{
	background:transparent url(../images/vertical_rule.png) repeat-y 650px 0px;	
}