/* columnar content container, always wrap with clearfix container */
.col {
	display: block;
	float:left;
}

/* Column Structure 
------------------------------------------------------------ */

/* 
 * these column spans fill entire space. 
 * if padding is needed, include a div.content-padding within 
*/

/* 2 col */

.span_1_of_2 {
	width: 50%;
}

/* 3 col */

.span_2_of_3 {
	width: 66.66%;
}

.span_1_of_3 {
	width: 33.33%;
}

/* 4 col */

.span_3_of_4 {
	width: 75%;
}

.span_2_of_4 {
	width: 50%;
}

.span_1_of_4 {
	width: 25%;
}

/* 5 col */

.span_4_of_5 {
	width: 80%;
}

.span_3_of_5 {
	width: 60%;
}

.span_2_of_5 {
	width: 40%;
}

.span_1_of_5 {
	width: 20%;
}

/* Grid Structure 
------------------------------------------------------------ */

/* 
 * these grid items maintain equal widths while integrating padding 
 * include .grid in the wrapper and .grid-left on each leftmost item
 */

/* include .grid class in grid wrapper */
.grid {}

/* this is why */
.grid .col {
	margin: 0 0 1.6% 1.6%;
}

ul.grid li.col {
	
}

/* 2 col */

.grid_1_of_2 {
	width: 48%;
}

.grid .grid_1_of_2 {
	margin: 0 0 3.2% 4%;
}


/* 3 col */

/*
.grid_2_of_3 {
	width: 66.13%; 
}

.grid_1_of_3 {
	width: 32.26%; 
}
*/

.grid_2_of_3 {
	width: 65.6%; 
}

.grid_1_of_3 {
	width: 30.6666%; 
}

.grid .grid_1_of_3, .grid .grid_2_of_3 {
	margin: 0 0 4% 4%;
}


/* 4 col */

/*
.grid_3_of_4 {
	width: 74.6%; 
}

.grid_2_of_4 {
	width: 49.2%; 
}

.grid_1_of_4 {
	width: 23.8%; 
}
*/

.grid_3_of_4 {
	width: 74.2%; 
}

.grid_2_of_4 {
	width: 48.4%; 
}

.grid_1_of_4 {
	width: 22.6%; 
}

.grid .grid_1_of_4, .grid .grid_2_of_4, .grid .grid_3_of_4 {
	margin: 0 0 3.2% 3.2%;
}



/* 5 col */

.grid_4_of_5 {
 	width: 79.68%; 
}

.grid_3_of_5 {
	width: 59.36%;
}

.grid_2_of_5 {
	width: 39.04%;
}

.grid_1_of_5 {
	width: 18.72%;
}

/* include on all left items to clear the padding left */
.grid .grid-left {
	margin-left: 0;
	clear: left;
}

.grid .right {
	float: right;
}

/* OVERRIDE
------------------------------------------------------------ */

.force-single-row .col {
	width: 100%;
	margin-left: 0;
	margin-bottom: 20px;
	clear: both;
	float: none;
}