﻿/*Reset*/
html, body, div, h1, h2, h3, h4, h5, h6, img, p, ul, ol, li, a, fieldset, form, input, textarea, label, table, th, tr, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: arial, verdana, sans-serif; vertical-align: baseline; }

/*Style*/
body {text-align: center; margin: 0 auto; color: #878d90; background-color: #000; background-image: url(../img/interface/bg.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; font-size: 11px; line-height: 160%; }
h1 {line-height: 0; width: 246px; height: 69px; float: left; background-image: url(../img/interface/head.gif); background-repeat: no-repeat; text-indent: -2000em; overflow: hidden; }
h1 a {display: block; width: 100%; height: 100%; text-decoration: none; }
h2, h3, h4, p, a, ul, ol {text-align: left; }
h2, h3 {color: #fff; font-weight: bold; }
h2 {font-size: 22px; }
h2.video {margin-top: 40px; }
h3 {margin-top: 20px; font-size: 13px; }
h4, span {font-weight: bold; }
h5 {font-size: 10px; color: #fff; margin-top: 5px; margin-bottom: 20px; }
h6 {margin-bottom: 10px; font-size: 10px; }
h6#left {float: left; text-align: left; }
h6#right {float: right; text-align: right; clear: right; }
p {text-align: justify;  }
p, ol {margin-top: 10px; }
ol {margin-left: 1.5em; }
ul {list-style-type: square; }
a {color: #aaa; }
a:hover, span {color: #fff; }
.single {margin-top: 20px; }
ul.normal {margin-left: 1em; margin-top: 20px; }
ul.under {margin-top: 10px; }

/*Navigation*/
ul.nav {margin-left: 30px; float: left; width: 246px; }
ul.nav li {width: 100%; font-size: 10px; line-height: 14px; text-transform: uppercase; letter-spacing: 1px; list-style-type: none; }
ul.nav li:hover {list-style-image: url(../img/interface/arrow.gif); background-image: url(../img/interface/nav.png); background-repeat: repeat; }
ul.nav li a {display: block; text-decoration: none; width: 100%; height: 100%; overflow: hidden;}
ul.nav li a.selected {color: #fff; }
ul.nav li a:active {color: #2f363c; }

/*Images*/
img, ul.thumb, ul.thumb li, ul.thumb li a {line-height: 0; font-size: 0; }
ul.thumb {margin-top: 10px; }
ul.thumb li {list-style-type: none; display: inline; }
ul.thumb li a {text-decoration: none; }
img.promo, img.disc, img.thumb {border: 4px solid #2f363c; }
img.thumb {width: 50px; height: 50px; margin: 6px 6px 0 0; }
img.thumb:hover, img.disc:hover {border-color: #373d42; }
img.promo {width: 530px; height: 379px; margin-top: 20px; }
img.disc {width: 238px; height: 238px; margin: 10px 10px 0 0; }

/*Divs*/
div#content {text-align: center; margin: 0 auto; width: 820px; background-image: url(../img/interface/blood.gif); background-position: top right; background-repeat: no-repeat; }
div#head {width: 820px; height: 69px; padding: 50px 0 60px 0; }
div.left {width: 534px; }
div.right, h6 {width: 246px; }
div.left, div.right {float: left; }
div.right {margin-left: 40px; }
div.group {padding-left: 12px; border-left: 2px solid #fff; }
div#footer {padding: 0.5em 0; margin-top: 40px; border-top: 1px solid #2f363c; }
div#footer a {text-decoration: none; color: #2f363c; }
div#footer a:hover {color: #fff; }
div.clearfix {width: 0; height: 0; clear: left; }

/*Form*/
form {margin-top: 20px; }
li.formlist {list-style: none; }
input {margin-bottom: 10px; text-align: left; border: none; }
input, textarea {color: #fff; }
.box, input.button {padding: 5px; background-color: #2f363c; }
input.box {width: 224px; }
textarea.box {width: 512px; }
input.button:hover {background-color: #373d42; }
p.error {color: #f00; }
input.error, textarea.error {background-color: #f00; }
li.blank {display: none; }

/*Table*/
table, th, td {text-align: left; }
th {font-weight: bold; color: #fff; height: 21px; }
th, td {width: 105px; }
td {height: 20px; }
tr.gray {background-image: url(../img/interface/nav.png); background-repeat: repeat; }
div.group2 {padding-left: 12px; border-left: 2px solid #fff; margin-top: 20px; }

