HTML, BODY { margin: 0; padding: 0; background: #fff; }

H1, H2, H3, H4, H5, H6 {
	margin: 1em 0 0 0;
	padding: 0;
	font-weight: bold;
	line-height: normal;
}

IMG { border: none; }

P { margin: 1em 0 0 0; padding: 0; }

UL,
OL { margin: 1em 0 0 1em; padding: 0; }

FORM { margin: 0; padding: 0; }

TABLE { margin: 1em 0 0 0; border-collapse: collapse; border-spacing: 0; }
TH, TD { text-align: left; vertical-align: top; }

BLOCKQUOTE { margin: 1em 0 0 0; padding: 0; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.middle { vertical-align: middle; }

.nowrap { white-space: nowrap; }
.hidden { display: none; visibility: hidden; }

.h100 { height: 100px; }
.h150 { height: 150px !important; }

.w1p { width: 1%; }
.w10p { width: 10% !important; }
.w20p { width: 20% !important; }
.w30p { width: 30% !important; }
.w40p { width: 40% !important; }
.w50p { width: 50% !important; }
.w60p { width: 60% !important; }
.w70p { width: 70% !important; }
.w80p { width: 80% !important; }
.w90p { width: 90% !important; }
.w100p { width: 100% !important; }

.w50 { width: 50px !important; }
.w100 { width: 100px !important; }

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