html {
  position: relative;
  z-index: 0; }

body {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px; }

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, input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td, .x {
  margin: 0;
  padding: 0;
  color: inherit;
  background-color: transparent;
  background-repeat: no-repeat;
  font-family: inherit;
  font-size: 1em;
  font-weight: inherit;
  font-style: inherit;
  line-height: 1em;
  text-decoration: none;
  text-align: left;
  vertical-align: baseline;
  border: 0;
  outline: 0; }

a,
input,
textarea,
select,
button {
  outline: 0; }

ul,
ol,
dd {
  margin: 0 0 0 20px;
  list-style-position: outside; }
  ul ul,
  ol ul,
  dd ul {
    list-style-type: circle; }

ol {
  list-style-type: decimal;
  list-style-position: outside; }
  ol ol {
    list-style-type: lower-roman; }

hr {
  display: block;
  height: 1px;
  background: #000;
  border: none; }

blockquote cite {
  display: block; }

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0; }
  table th, table td {
    vertical-align: top; }
  table thead, table th, table caption {
    font-weight: bold; }

img {
  -ms-interpolation-mode: bicubic; }

h1 {
  font-size: 31px; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 16px; }

h4 {
  font-size: 14px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 12px; }

p {
  font-family: JasmineUPC;
  font-size: 8px; }

a {
  color: #02f; }
  a:hover {
    color: #000; }
  a:active {
    color: #c33; }

del {
  color: #888;
  text-decoration: line-through; }

abbr,
acronym {
  text-transform: uppercase;
  border-bottom: 1px dashed #ddd;
  cursor: help; }

code,
pre,
var {
  font-family: 'Palatino Linotype', 'Courier New', monospace;
  font-size: 12px;
  color: #080;
  background-color: #eee; }

strong {
  font-weight: bold; }

em,
cite {
  font-style: italic; }

u,
ins {
  text-decoration: underline; }

s,
strike {
  text-decoration: line-through; }

sub {
  font-size: 7px;
  vertical-align: sub; }

sup {
  font-size: 7px;
  vertical-align: super; }

body {
  text-align: center; }

.left {
  text-align: left; }
  .left #container {
    margin-left: 0; }

.right #container {
  margin-right: 0; }

#header,
#content-wrapper {
  position: relative;
  _display: inline-block;
  _zoom: 1;
  clear: both;
  margin: 0 auto; }
  #header:after,
  #content-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  *+html #header,
  *+html #content-wrapper {
    height: 1%;
    zoom: 1; }

#container,
#footer {
  clear: both;
  margin: 0 auto; }

body {
  background-color: #000; }

#header {
  padding: 10% 10% 5%;
  background-color: #000; }

#content-wrapper {
  padding: 0 10% 10%;
  background-color: #fff; }

#footer {
  padding: 5% 10%; 
  background-color: #FFF;}

h1 {
  padding: 0 0 5px;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 18px; }
  h1 a {
    color: #000; }

h2 {
  font-size: 14px;
  line-height: 18px; }
  h2 a, h2 a:hover {
    color: #888; }

p {
  color: #999;
  font-size: 14px;
  line-height: 18px; }
  p a {
    color: #666; }

	#footer p {
    color: #444;
    font-size: 11px;
    line-height: 16px; }
    #footer p.light {
      padding: 10px 0 0;
      color: #333; }
      #footer p.light a {
        color: #444; }
    #footer p a {
      color: #555; }

@media print {
  body {
    font-size: 12pt; } }