/*-------- Start Reset --------*/
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-family: inherit;
}
/*-------- End Reset --------*/

/* Start Elements */
html {
    font-size: 100.01%;
}

html, body {
    background-color: #000;
    color: #fff;
    height: 100%;
    margin: 0 0 .1em;
}

img {
    border: none;
}

a {
    color: #fff;
    cursor: pointer;
    text-decoration: underline;
}

a:hover {
    color:#fc0;
    text-decoration: underline;
}

.bold {	
    font-weight: bold;
}

h1 {
    font-size: 2.2em;
    margin-bottom: .39em;
}

h2 {
    font-size: 1.75em;
    font-weight: 900;
}

h3 {
    font-size: 1.75em;
}

h4 {
    font-size: 1.35em;
    font-weight: 900;
}

h5 {
    font-size: 1.35em;
}

h6 {
    font-size: 1.1em;
    font-weight: 900;
}

.Clear {
    clear: both;
}

.ClearLeft {
    clear: left;
}

.ClearRight {
    clear: right;
}

.Left {
    float: left;
}

.Right {
    float: right;
}

.Center {
    text-align:center;
}

.no_wrap {
    white-space: nowrap;	
}

p {
    margin: 0 0 1.25em 0;
}

.absolute {
    position: absolute;
}

ol,
ul {
    line-height: 1.75;
    padding: .75em 0 .75em 1.5em;
}

ul > li,
ol > ul > li,
li > ul > li {
    list-style-image: none;
}

ol > li,
ul > ol > li {
    list-style-image: none;
}

li > ul,
li > ol,
ul > ul,
ul > ol,
ol > ul,
ol > ol {
    padding: .375em 0 .375em .75em;
}

ol {
    padding: 1em;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* End Elements */

/*-------- Start Masthead --------*/
header {
    border-bottom: .062em solid #999;
    height: 2.5em;
    margin: 1em auto 0;
    width: 61.25em;
}

header h1,
header .title {
    color: #999;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
}

.BrandLogo {
    float: left;
    margin: .65em 0 0 .1em;
}

header a {
    color: #999;
}

header a:hover {
    color: #fff;
}

header nav {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: .75em;
    font-weight: 900;
    text-transform: uppercase;
}

header ul {
    float: right;
    padding: .5em 0 0;
}

header li {
    border-left: .2em solid #999;
    display: inline;
    padding: 0 .5em 0 .75em;
}

header li:first-child {
    border-left: none;
}


header a{
    text-decoration: none;
}
/*-------- End Masthead --------*/

/*-------- Start Grid --------*/
#application {
    clear: both;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin: 1em auto 0;
    width: 61.25em;
}

#application:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#application .logo {
    margin: -1em auto 0;
    width: 50em;
}

#application article {
    font-size: .9em;
}

.TwoColumn {
    float: left;
    margin: 0 2.5em 0 0;
    width: 40em;
}

.FirstColumn {
    float: left;
    margin: 0 2.5em 1em 0;
    width: 18.75em;
}

.SecondColumn {
    float: left;
    margin: 0;
    width: 18.75em;
}

.ThirdColumn {
    background-color: #2e2e2e;
    border: .05em solid #4a4a4a;
    float: left;
    margin: .5em 0 1em;
    padding: 1em 1em 0;
    width: 16.6em;
}

.Spotlight {
    background-color: #ccc;
    clear: both;
    color: #2a2a2a;
    float: left;
    margin: 2em 0 0;
    padding: .062em;
}

.Spotlight section {
    border: .1em solid #000;
    padding: 1em;
}

.Spotlight section a {
    color:#f60;
}

.Spotlight section a:hover {
    color:#fff;
}
/*-------- End Grid --------*/

/*-------- Start Containers --------*/
article {
    margin-bottom: 1.25em;
}
/*-------- End Containers --------*/

/*-------- Start Footer --------*/
footer {
    border-top: .062em solid #999;
    clear: both;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin: 0 auto;
    width: 61.25em;
}

footer nav {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: .75em;
    font-weight: 900;
    text-transform: uppercase;
}

footer a {
    color: #999;
}

footer a:hover {
    color: #fff;
}

#copyright {
    color: #999;
    float: left;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: .75em;
    font-weight: 900;
    text-transform: uppercase;
    padding: 1.5em 0;
}

footer ul {
    float: right;
}

footer li {
    border-left: .062em solid #999;
    display: inline;
    padding: 0 .5em 0 .75em;
}

footer li:first-child {
    border-left: none;
}
/*-------- End Footer --------*/