/*
 * Reset browser styles
 */
* {margin: 0; padding: 0}
html {min-height: 100%}
body {min-width: 1175px; padding: 0 50px; background: #111 url('images/body-bg.png') repeat 0 0; color: #fff; font: .875em/1.2 "Calibri", "Arial", "Helvetica", sans-serif}
p, ul, ol, dl {padding-bottom: 1em}
ul, ol {margin-left: 0; padding-left: 2em}
li ul, li ol {padding-bottom: 0}
img {border: none; vertical-align: middle}
a {color: #4989ad; text-decoration: none; cursor: pointer}
a:hover {color: #fff}

/* Chrome focus border fix */
*:focus {outline: none}

/**
 * Header
 */
#header {overflow: hidden}
#header h1.logo {float: right; width: 451px; height: 184px; background: transparent url('images/logo.png') no-repeat 0 0; font-size: 0; line-height: 0}
#header div.author {float: left; padding-top: 35px}
#header div.author h2 {padding-bottom: .278em; font-size: 1.286em}
#header div.author p {color: #4989ad; line-height: 1}
#header div.author p strong {display: block; font-weight: 900}

/**
 * Main menu
 */
ul.menu {float: left; overflow: hidden; list-style: none; margin-bottom: 7px; padding: 0; border-bottom: 2px solid #4989ad}
ul.menu li {float: left; padding-left: 2em}
ul.menu li:first-child {padding-left: 0}
ul.menu li.active a {color: #fff}

/**
 * Content
 */
#main {clear: both; margin: 0 auto; padding: 32px 25px; background: transparent url('images/content-bg.png') repeat 0 0}
#main ul.content {list-style: none}
body.js #main {height: 480px}
body.js #main ul.content {overflow: hidden; height: 480px; padding: 0}

/* CGI */
#main #cgi>dl dt {margin: 2em 0 .556em; font-size: 1.857em; text-align: center}
#main #cgi>dl dt:first-child {margin-top: 0}
#main #cgi>dl dd {padding-bottom: 1em; text-align: center}

body.js #main #cgi>dl {display: none}
body.js #main #cgi dl dt,
body.js #main #cgi dl dd {text-align: left}

body.js #main .two-columns {overflow: hidden; padding-right: 270px}
body.js #main .two-columns .primary {overflow: hidden}
body.js #main .two-columns .primary ul {float: left; position: relative; padding: 0; white-space: nowrap}
body.js #main .two-columns .primary ul li {display: inline-block; padding: 0 10px; border-left: 2px solid #16181a}
body.js #main .two-columns .primary ul li img {display:none}
body.js #main .two-columns .primary ul li img:first-child {display: block}
body.js #main .two-columns .primary ul li:first-child {border-left: none; padding-left: 0}


body.js #main .two-columns .secondary {overflow: hidden; position: relative; float: right; width: 250px; height: 480px; margin-right: -270px}
body.js #main .two-columns .secondary dl {position: absolute; width: 100%; color: #5a5a5a; font-size: .857em; line-height: 1.7}
body.js #main .two-columns .secondary dl dt {padding-top: 20px}
body.js #main .two-columns .secondary dl dt:first-child {padding-top: 0}
body.js #main .two-columns .secondary dl dd {cursor: pointer}
body.js #main .two-columns .secondary dl dd.even {background: #16181a}
body.js #main .two-columns .secondary dl dd:hover,
body.js #main .two-columns .secondary dl dd.active {color: #fff}


/* About */
#main #about div.primary>p {text-indent: 2.357em}
#main #about div.primary>p:first-child {font-size: 1.286em; text-indent: 1.833em}
body.js #main #about {display: none}

body.js #main #about {overflow: hidden}
body.js #main #about .primary {padding-right: 62px}
body.js #main #about .about,
body.js #main #about .contact {width: 50%; height: 480px}
body.js #main #about .about {float: left; margin-right: -2px; padding-right: 30px; border-right: 2px solid #16181a; text-align: justify; text-indent:37px;}
body.js #main #about .about p {tte}
body.js #main #about .about p:first-child {font-size: 1.286em}
body.js #main #about .about strong {color: #4989ad}

body.js #main #about .contact {float: left; margin-right: -62px; padding-left: 30px; border-left: 2px solid #16181a; text-align: right}
body.js #main #about .contact ul {float: none}
body.js #main #about .contact li {display: block; padding: 0; border: none; font-size: 1.286em; font-weight: 700; text-align: right}
body.js #main #about .contact li strong {font-size: 0.778em; font-weight: normal}

/**
 * Footer
 */
#footer {margin-top: 1em; font-size: 0.714em; text-align: right; text-transform: uppercase}
#footer span {display: inline-block; padding-top: 1em; border-top: 2px solid #4989ad}