@charset "utf-8";

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  line-height:1.5em;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}

@font-face {font-family: Exo2; src: url(../fonts/Exo2.otf);}
@font-face {font-family: StardosStencil; src: url(../fonts/strados.woff2);}
@font-face {font-family: PathwayGothicOne; src: url(../fonts/pathway.ttf);}
@font-face {font-family: PTMono; src: url(../fonts/PTMono.ttf);}

html {height: 100%; width:100%}
body {font-size: 16px; line-height: 1.5; font-family: Exo2; height:100%; width:100%}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 

input { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
.hide{ display:none}

.clearfix:after {
    content		: ".";
	visibility	: hidden;
	display		: block;
	height		: 0;
	clear		: both;
}
 
/* IE6/7 support */
.clearfix {
	clear: both;
    *zoom: 1;
}

.ta_l{text-align:left !important}
.ta_c{text-align: center !important}
.ta_r{text-align:right !important}

.upCase{text-transform:uppercase}