/* -------------- CLEARFIXES -------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}





.clearfix-left:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix-left {
	display: inline-block;
}
 
html[xmlns] .clearfix-left {
	display: block;
}
 
* html .clearfix-left {
	height: 1%;
}


/* -------------- COMMON HTML STYLES -------------- */

.left {
	float: left;
}

img.left {
	float: left;
	margin: 0 2em 2em 0;
}

.right {
	float: right;
}

img.right {
	float: right;
	margin: 0 0 2em 2em;
}

.clear {
	clear: both;
}