/* Basic tags */
navigation, footer {
	display: block;
}

body > content,
navigation > content,
footer > content, .page-block {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

column > content,
content > content {
	display: block;
	padding: 12px;
	margin-bottom: 12px;
}

footer > content {
	margin-bottom: 0;
}

p {
	margin: 0 0 18px 0;
}

p:last-child {
	margin-bottom: 0;
}

heading {
	display: block;
	margin: 0 0 12px 0;
	overflow: hidden;
	color: #181818;
}

img {
	max-width: 100%;
	display: block;
	margin: auto;
}

/* Max width layout for screens wider than 999px+ */
@media only screen {
	body > content, footer > content, navigation > content, .page-block { width: 960px; }
	column { display: block; float: left; margin: 0 0 0 12px; vertical-align: top; overflow: hidden; }
	column.first, column.single { margin-left: 0; }
	column.single { width: 100%; }
	column.double { width: 474px; }
	column.triple { width: 312px; }
	column.quad { width: 231px; }
}

/* Portrait design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	body > content, footer > content, navigation > content, .page-block { width: 768px; }
	column { }
	column.first, column.single { margin-left: 0; }
	column.single { width: 100%; }
	column.double { width: 378px; }
	column.triple { width: 248px; }
	column.quad { width: 183px; }
}

/* Portrait design for a width of 320px */
@media only screen and (max-width: 767px) {
	body > content, footer > content, navigation > content, .page-block { width: 95%; }
	column,
	column.single,
	column.double,
	column.triple,
	column.quad { width: 100%; margin: 0; }
}

/* Portrait design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body > content, footer > content, navigation > content, .page-block { width: 97%; }
	column,
	column.single,
	column.double,
	column.triple,
	column.quad { width: 100%; margin: 0; }
}

/* Clearing */
content:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after, content { clear: both; }

.clearfix { zoom: 1; }