body {
	color: #000;
	background-color: #fff;
}

/* --- reset of default margins & padding --- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, em, img, strong, sub, sup, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
}

/* --- tags --- */
img {
	border: 0;
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

/* --- width ---*/
.w25p {
	width: 25%;
}

.w50p {
	width: 50%;
}

.w75p {
	width: 75%;
}

.w100p {
	width: 100%;
}

.w100 { width:100px; }
.w110 { width:110px; }
.w50 { width:50px; }


/* --- margins & paddings --- */
.mb1 {
	margin-bottom: 1em;
}

.mb2 {
	margin-bottom: 2em;
}

.pb1 {
	padding-bottom: 1em;
}

.pb2 {
	padding-bottom: 2em;
}

.pt1 {
	padding-bottom: 1em;
}

/* --- align --- */
.align-left,
.left {
	text-align: left;
}

.align-right,
.right {
	text-align: right;
}

.align-center,
.center {
	text-align: center;
}


/* --- floating --- */
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.reset {
	display: block;
	font-size: 0px;
	line-height: 0px;
	height: 0.1px;
	overflow: hidden;
	clear: both;
}

.noScreen {
	display: none;
}

h1 img, h2 img { 
	display: block; 
}

.debug {
	border: solid 1px red;
}