body {
	margin: 0;
	padding: 0;
}
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0;
	margin: 0;
}

/*  COLUMN SETUP  */
.column, .columns {
	display: block;
	float:left;
	margin: 0 0 0 1.7142857143%;
}
/* 0.85714285715%
2/3 1.1428571429%
1/3 0.5714285714% */
.column:first-child, .columns:first-child { margin-left: 0;}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.column, .columns {

}
.one, .two, .three, .four, .five, .six, .seven, .eight {

}

/*  GRID OF EIGHT  */
.eight {
	width: 100%;
}
.seven {
  	width: 87.28571429%;
}
.six {
  	width: 74.57142857%;
}
.five {
  	width: 61.85714286%;
}
.four {
  	width: 49.14285714%;
}
.three {
  	width: 36.42857143%;
}
.two {
  	width: 23.71428571%;
}
.one {
  	width: 11%;
}

.one-third.column,.one-third.columns{width: 33.333333333%; margin:0;}
.two-third.column, .two-third.columns{width: 66.666666666%; margin:0;}
.three-third.column, .three-third.columns{width: 100%; margin:0;}

@media only screen and (min-width: 769px) {
	.offset-by-seven.column, .offset-by-seven.columns {
		margin-left: 89%;
	}
	.offset-by-six.column, .offset-by-six.columns {
		margin-left: 76.28571429%;
	}
	.offset-by-five.column, .offset-by-five.columns {
		margin-left: 63.57142857%;
	}
	.offset-by-four.column, .offset-by-four.columns {
		margin-left: 50.85714286%;
	}
	.offset-by-three.column, .offset-by-three.columns {
		margin-left: 38.14285714%;
	}
	.offset-by-two.column, .offset-by-two.columns {
		margin-left: 25.42857143%;
	}
	.offset-by-one.column, .offset-by-one.columns {
		margin-left: 12.71428571%;
	}
}

@media only screen and (min-width:769px) and (max-width:1024px){
.one-third.column,.one-third.columns{width: 50%; margin:0;}
.two-third.column, .two-third.columns{width: 50%; margin:0;}
.three-third.column, .three-third.columns{width: 50%; margin:0;}
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 768px) {
	.column, .columns {margin: 0; }
	.one, .two, .three, .four, .five, .six, .seven, .eight {width: 100%; }

	.one-third.column,.one-third.columns{width: 50%; margin:0;}
	.two-third.column, .two-third.columns{width: 50%; margin:0;}
	.three-third.column, .three-third.columns{width: 50%; margin:0;}

	.one-third.full{width:100%;}
}


@media only screen and (min-width: 769px) {
	.offset-by-seven.column, .offset-by-seven.columns {
		margin-left: 89%;
	}
	.offset-by-six.column, .offset-by-six.columns {
		margin-left: 76.28571429%;
	}
	.offset-by-five.column, .offset-by-five.columns {
		margin-left: 63.57142857%;
	}
	.offset-by-four.column, .offset-by-four.columns {
		margin-left: 50.85714286%;
	}
	.offset-by-three.column, .offset-by-three.columns {
		margin-left: 38.14285714%;
	}
	.offset-by-two.column, .offset-by-two.columns {
		margin-left: 25.42857143%;
	}
	.offset-by-one.column, .offset-by-one.columns {
		margin-left: 12.71428571%;
	}

	.padding-by-one.column, .padding-by-one.columns {
		padding-left: 12.71428571%;
	}
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 768px) {
	.column, .columns {margin: 0; }
	.one, .two, .three, .four, .five, .six, .seven, .eight {width: 100%; }
}