/* Columns */

.column {
	float: left;
	margin: 0 0 1% 1%;
	padding: 1%;
	border: 0px solid #eaeaea;
}
.column:first-child {
	margin-left: 0;
}
.half-half {
	width: 49.5%;
}
.one-third {
	width: 32.66%;
}
.two-third {
	width: 66.34%;
}
.one-fourth {
	width: 24.25%;
}
.two-fourth {
	width: 49.5%;
}
.three-fourth {
	width: 74.75%;
}

@media only screen and (max-width: 650px) {
	
	.one-third,
	.two-third,
	.one-fourth {
		width: 49.5%;
	}
	.one-third.column-3,
	.one-fourth.column-3	{
		margin-left: 0;
	}
	.three-fourth,
	.two-fourth {
		width: 100%;
		margin-left: 0;
	}
}
@media only screen and (max-width: 500px) {
	.one-fourth	{
		width: 49.5%;
	}
	.one-fourth.column-3	{
		margin-left: 0;
	}
	.half-half,
	.one-third,
	.two-third,
	.two-fourth,
	.three-fourth {
		width: 100%;
		margin-left: 0;
	}
}
@media only screen and (max-width: 400px) {
	.half-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth {
		width: 100%;
		margin-left: 0;
	}
}

/* Much used Classes */
.clearfix:after,
.content:after,
.columns:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .clearfix,
html[xmlns] .content,
html[xmlns] .columns {
	display: block;
}

* html .clearfix,
* html .content,
* html .columns {
	height: 1%;
	zoom: 1;
}
.hidden,[hidden] {
    display: none;
}
.clickable {
	cursor: pointer;
}