/* The Perfect 3 Column Liquid Layout (Percentage widths) */
/* 20-60-20 */
/* http://matthewjamestaylor.com/blog/perfect-3-column.htm */
/* HTML:

<div class="PF-container3"><div class="PF-container2"><div class="PF-container1">
	<div class="PF-col1">
		<!-- Column 1 *CENTER* start -->

		<!-- Column 1 end -->
		</div> <!-- class="PF-col1" -->

	<div class="PF-col2">
		<!-- Column 2 *LEFT* start -->

		<!-- Column 2 end -->
		</div> <!-- class="PF-col2" -->

	<div class="PF-col3">
		<!-- Column 3 *RIGHT* start -->

		<!-- Column 3 end -->
		</div> <!-- class="PF-col3" -->
	</div></div></div> <!-- class="PF-container1", "PF-container2", "PF-container3" -->
*/
/* column containers */
.PF-container3 {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

.PF-container2 {
	float:left;
	width:100%;			/* width of page */
	right:20%;			/* width of the right column */
	position:relative;
}
.PF-container1 {
	float:left;
	width:100%;			/* width of page */
	right:60%;			/* width of the middle column */
	position:relative;
}

/* 3 Column settings */
.PF-col1 {
	float:left;
	position:relative;
	width:60%;			/* width of center column content (column width minus padding on either side) */
	left:100%;			/* 100% plus left padding of center column */
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
.PF-col2 {
	float:left;
	position:relative;
	width:20%;			/* Width of left column content (column width minus padding on either side) */
	left:20%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */

	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
.PF-col3 {
	float:left;
	position:relative;
	width:20%;			/* Width of right column content (column width minus padding on either side) */
	left:80%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}