/*---- GRIDS ----*/

/*---- COLUMNS ----*/

.col2 {
	float: left;
	position: relative;
	width: 48%;
	margin-right: 2%;
	}
	
.twenty {
	width: 20%;
	}

.forty {
	width: 32%;
	}

.sixty {
	width: 64%;
	}
	
.eighty {
	width: 76%;
	}	

.right {
	float: right;
	margin-right: 0;
	}
	
.wrapperColThree {
	position: relative;
	overflow: hidden;
	height: 1%;
	margin-top: .8em;
	}	
	
.colThreeLeft {
	position: relative;
	float:left;
	width: 31.2%;
	border-right: 2px solid #fff;
	padding-right: .6em;
	margin-bottom: -796px;
	padding-bottom: 800px;
	}

.colThreeCenter {
	position: relative;
	float:left;
	width: 31.2%;
	margin-left: -2px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	padding-right: .6em;
	padding-left: .6em;
	margin-bottom: -796px;
	padding-bottom: 800px;
	}
	
.colThreeRight {
	position: relative;
	float:left;
	width: 31.2%;
	margin-bottom: -796px;
	margin-left: -2px;
	border-left: 2px solid #fff;
	padding-left: .6em;
	padding-bottom: 800px;
	}