/* -----------------------------------------------
RESETS
----------------------------------------------- */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;
font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; line-height: 1em; }
:focus { outline: 0; }
body { color: black; background: white; font: 62.5%/1.3 Arial, Helvetica, Sans-Serif; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; } 
blockquote, q { quotes: '' ''; }
/* -----------------------------------------------
CLASSES
----------------------------------------------- */
.clear { clear: both; font-size: 0.1px; height: 0; line-height: 0; width: 0; }
.clearfix:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */
.nowrap { white-space: nowrap; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.cursor { cursor: pointer; }
.upper { text-transform: uppercase; }
.bold { font-weight: bold; }