/* ----- Variables ----- */
/* ----- Main Layout ----- */
.row {
	padding: 0 10px;
}

.container {
	width: 1140px;
	margin: 0 auto;
}

.onehalf {
	width: 50%;
	float: left;
}

.onethird {
	width: 33.33%;
	float: left;
}

.twothird {
	width: 66.66%;
	float: left;
}

.onefourth {
	width: 25%;
	float: left;
}

.onefourth.right {
	float: right;
}

.twofourth {
	width: 50%;
	float: left;
}

.twofourth.right {
	float: right;
}

.threefourth {
	width: 75%;
	float: left;
}

.threefourth.right {
	float: right;
}

.onefifth {
	width: 20%;
	float: left;
}

.fourfifth {
	width: 80%;
	float: left;
}

.fullwidth {
	width: 100%;
	float: left;
}
/* ----- 960px Layout ----- */
@media handheld, only screen and (max-width: 1170px) {
	.container {
		width: 960px;
	}
}
/* ----- 720px Layout ----- */
@media handheld, only screen and (max-width: 990px) {
	.container {
		width: 720px;
	}

	.onethird,
  .twothird,
  .onefourth,
  .twofourth,
  .threefourth {
		width: 100%;
	}

	.clear720 {
		clear: both;
	}
}
/* ----- 480px & 320px Layout ----- */
@media handheld, only screen and (max-width: 750px) {
	.container {
		max-width: 480px;
		min-width: 280px;
		width: 100%;
	}

	.onehalf {
		width: 100%;
	}

	.clear480 {
		clear: both;
	}
}