/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* Defaults */
img { border: 0; }
a { text-decoration: none; }
p { line-height: 18px; }
h1, h2, h3, h4 { font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: normal; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 1px; }
a.designs { color: #6d9dc7 !important; }
a.digital { color: #729941 !important; }
a.pr { color: #db7c00 !important; }
a.reporting { color: #cb0048 !important; }

/* Body */
body { background-color: #13171c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #e8e9e9; }

/* Container */
#container { width: 960px; margin: 0 auto; }

/* Header */
#header { background-color: #262b32; height: 120px; border-bottom: 1px solid #505459; }
#header .logo { float: left; width: 200px; height: 50px; background: url(../img/logo.png) no-repeat; margin: 50px 0 0 20px;  }
#header .logo span { display: none; }

/* Navigation */
#header ul { float: right; list-style: none; margin-top: 75px; border-bottom: 1px solid #1d232a; overflow: hidden; }
#header ul li { float: left; padding-bottom: 3px; margin-right: 35px; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 14px; height: 18px; }
#header ul li a { color: #e8e9e9; }
#header ul li a:hover { color: #7a1e82; }
#header ul li.back { border-bottom: 2px solid #7a1e82; width: 9px; height: 2px; z-index: 400; top: 94px; padding: 0; margin: 0; position: absolute; }

#header ul li ul { list-style: none; width: 120px; position: absolute; margin: 0 0 0 -15px; padding: 0; z-index: 500; display: none; }
#header ul li ul li { float: none; width: 120px; background-color: #262b32; margin: 0; padding: 0; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; border-top: 1px solid #505459;  height: auto; }
#header ul li ul li a { color: #e8e9e9; display: block; padding: 5px 5px 5px 15px; }
#header ul li ul li a:hover { background-color: #222; }
#header ul li ul li.first { border-top: 0; margin-top: 6px; }

/* Footer */
#footer { background: #251E30 url(../img/footer-bg.jpg) top center repeat-y; height: 210px; padding-left: 20px; }
#footer .box { float: left; width: 200px; border-top: 3px solid #383a43; padding-top: 30px; }
#footer .box .designs { display: block; width: 107px; height: 30px; background: url(../img/footer-designs.png) no-repeat; }
#footer .box .designs span { display: none; }
#footer .box .digital { display: block; width: 96px; height: 30px; background: url(../img/footer-digital.png) no-repeat; }
#footer .box .digital span { display: none; }
#footer .box .pr { display: block; width: 70px; height: 30px; background: url(../img/footer-pr.png) no-repeat; }
#footer .box .pr span { display: none; }
#footer .box .reporting { display: block; width: 118px; height: 30px; background: url(../img/footer-reporting.png) no-repeat; }
#footer .box .reporting span { display: none; }
#footer .box p { font-size: 12px; color: #e8e9e9; }
#footer .divider { float: left; width: 40px; height: 201px; background: url(../img/footer-divider.png) top center no-repeat; }

/* Bottom */
#bottom { clear: both; padding: 10px 0 30px 10px; }
#bottom .left { float: left; width: 300px; }
#bottom .left p { color: #e8e9e9; font-size: 11px; }
#bottom .left a { color: #7a1e82; }
#bottom .left a:hover { color: #e8e9e9; }
#bottom .right { float: right; }
#bottom .right a { margin-left: 10px; }