/* DEFAULT styles
    
	index -> 	
				CSS reset
				self clearing
				multiple classes
				
*/


/* =css reset
--------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
/*vertical-align: baseline;*/
}

body { line-height: 1.5; background: #fff; margin: 0; }
table { border-collapse: separate; border-spacing: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
ul { margin: 0; padding: 0; }
ul li { list-style: none; }
input, textarea { font: normal 1em arial, sans-serif; }


/* =self clearing
----------------- */
.clear:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clear { display: inline-block; }
 
/* Hides from IE-mac */
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/


/* =multiple classes
-------------------- */
.m-bor { border: none !important; }
.m-pad { padding: 0 !important; }
.m-mar { margin: 0 !important; }
.m-img { background-image: none !important; }