/*
    RESET STYLING
    inc : clearing and hiding content classes;
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent;
    }

ol, ul {list-style: none;}

blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/* BASIC CLASSES
--------------------------------------------------------------*/

/* CLEARING AND HIDING */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.rm {position: absolute; left: -999em;}
.cl {clear: both;}


/* FLOATING ELEMENTS */
.floatLeft {float: left; }
img.floatLeft {margin: 1em 20px 1em 0;}
.floatRight {float: right;}
img.floatRight {margin: 1em 0 1em 20px;}


/* COLUMNS */

.columnOne, .columnTwo {width: 50%;}
.columnOne {float: left;}
.columnTwo {float: right;}