@media all {
  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-size: 100%; font-family: inherit; vertical-align: baseline; }
  :focus { outline: 0; }
  a { text-decoration: none; }
  a:hover { text-decoration: underline; }
  a.button:hover { text-decoration: none; }
  ol, ul { list-style: none; }
  table { border-collapse: separate; border-spacing: 0; }
  caption, th, td { text-align: left; font-weight: normal; }
  blockquote:before, blockquote:after, q:before, q:after { content: ""; }
  blockquote, q { quotes: "" ""; }
  a img { border: 0; }
  input, select { font-family: inherit; font-size: inherit; }
  form { margin: 0; padding: 0; }
  th, td { vertical-align: middle; }

  p { margin: 1em 0; }
}
body { background: #000; color: #888; font-family: tahoma, arial, sans-serif; font-size: 62.5%; }
#content { width: 96em; margin: 0 auto; }
div.columns { width: 100%; overflow: hidden; }
.columns .column { float: left; }
.columns .half { width: 50%; }

#left { width: 19.8em; float: left; background: #282828; margin-bottom: -9999px; padding-bottom: 9999px; }
#main { margin-left: 19.8em; margin-bottom: -9999px; padding-bottom: 9999px; min-height: 40em; background: #1f1f1f; }

.ca { text-align: center; }
.ra { text-align: right; }
.la { text-align: left; }

h1, h2, h3 { color: #c9c7c8; }
h1 { margin-bottom: 1em; }
h2 { font-weight: bold; }

a { color: #ffea2d; text-decoration: none; }
a:hover { text-decoration: underline; }
#mainpadding { padding: 0 2em 0 3em; font-size: 1.2em; min-height: 34em; }
h1 { text-transform: uppercase; font-weight: bold; font-size: 1.3em; }
#header { position: relative; height: 10em; padding: 0 0 0.2em 0; margin: 0.2em 0 0 0; }
#opuslogo { position: absolute; top: 0.2em; left: 7.8em; }
#header .title { color: #807a7a; position: absolute; top: 2em; font-size: 2em; line-height: 1em; left: 9.9em; text-transform: uppercase; }
#header .subtitle { color: #807a7a; position: absolute; top: 63px; font-size: 11px; line-height: 1em; left: 199px; }

#main .mainmenu { background: #393534; margin-bottom: 1.8em; }
#main .mainmenu ul { list-style-type: none; margin-left: 1em; }
#main .mainmenu ul li { padding: 0.3em 0; margin-left: 2em; position: relative; }
#main .mainmenu ul li a { font-size: 1.2em; text-transform: uppercase; }
#secondarymenu { margin-top: 4em; text-align: right; padding: 0 1em; }
#secondarymenu h2 { font-size: 1.44em; font-weight: bold; text-transform: uppercase; }
#secondarymenu ul { margin-top: 1em; }
#secondarymenu li { font-size: 1.3em; color: #666261; margin: 0 0 0.5em 0; }
#secondarymenu li a { color: #666261; text-decoration: none; }
#secondarymenu li:hover, #secondarymenu li.active { color: #a5a3a4; }
#secondarymenu li:before { content: '\25cf  ' }
.mainmenu ul { list-style-type: none; padding: 0.3em 0; }
.mainmenu ul li { display: inline; position: relative; }
.mainmenu ul li a { text-transform: uppercase; }
#main .mainmenu ul ul { display: none; position: absolute; left: -1em; top: 100%; background: #393534; margin: 0; }
#main .mainmenu li:hover ul { display: block; }
#main .mainmenu ul ul li { float: none; margin: 0; display: block; white-space: nowrap; }
#main .mainmenu ul ul a { display: inline-block; margin: 0.1em 0; padding: 0 1em; }

.mainmenu .aboutus a { color: #79d160; }
.mainmenu .divisions a { color: #6dcaf3; }
.mainmenu .news a { color: #f14748; }
.mainmenu .faqs a { color: #eba835; }
.mainmenu .careers a { color: #e34bb0; }
.mainmenu .contact a { color: #969495; }
#footer .mainmenu { background: none; margin: 1.8em 0 1.8em 3em; height: 1em; }
#footer .mainmenu ul { float: left; }
#footer .mainmenu ul li a { text-transform: lowercase; }
#footer .mainmenu ul li { padding: 0 0.6em; border-right: 1px solid #514f50; margin: 0; }
#footer .mainmenu ul li:first-child { border-left: 1px solid #514f50; }
#footer .mainmenu ul ul { display: none; }
#footer .mainmenu div { float: right; padding: 0.3em; }
#footer .mainmenu div a { float: right; color: #807a7a; padding-right: 20px; font-size: 11px; }
#secondarymenu h2 { color: #79d264; }
#secondarymenu li.active a, #secondarymenu a:hover { color: #79d264; }

#divisions { width: 100%; overflow: hidden; margin-bottom: 2em; }
#divisions .box { width: 30%; float: left; background: #151515; margin-left: 16.6%; }
#divisions .opus img { background: #222; }
#divisions .box:last-child { margin-left: 7%; }

#lines { width: 100%; overflow: hidden; margin-bottom: 0.5em; }
#lines .spacer { width: 16.67%; float: left; }
#lines .box { width: 33.33%; border: solid #4c4c4c; border-width: 1px 1px 0 1px; background: none; }
#lines .box:first-child { border-width: 1px 0 0 1px; }
#divisions #lines .box { margin: 0; }

#divisions .middle { margin: 0 5%; }
#divisions dt, #divisions dd { padding: 1em; }
#divisions dt { background: #272727; text-align: center; height: 2em; font-weight: bold; }
#divisions dt.single { padding-top: 1.5em; height: 1.5em; }

#divisions dd { min-height: 18em; position: relative; color: #666; }
#divisions dd div { position: absolute; left: 0; bottom: 2em; width: 100%; }
#divisions dd img { vertical-align: middle; margin: 0 0.5em; }

.professional dt { color: #79d261; }
.government dt { color: #6ecaf0; }
.outofhome dt { color: #eda935; }

#chart .column { width: 20%; height: 20em; float: left; position: relative; }
#chart .col1 { background: #9332c5; }
#chart .col2 { background: #e83124; }
#chart .col3 { background: #ff7a18; }
#chart .col4 { background: #f4c320; }
#chart .col5 { background: #11af3c; }
#chart .bg { background:#1f1f1f; }
#bar1bg { height: 16.2em; }
#bar2bg { height: 13.02em; }
#bar3bg { height: 9.34em; }
#bar4bg { height: 5.34em; }
#bar5bg { height: 3.8em; }

#chart .date { font-size: 1.3em; color: #fff; font-weight: bold; margin: 0.25em 0 0 0.5em; }
#chart .v { color: #2B2B2B; text-align: center; position: absolute; bottom: 0.2em; left: 0; width: 100%; font-size: 1.3em; font-weight: bold; }

#chart .column p { margin-left: 0.5em; margin-right: 0.5em; }

.profile { width: 100%; overflow: auto; margin-top: 1em; }
.profile img { float: left; margin: 1.3em 2em 0 2em; }
.profile p { margin-left: 14em; }
.profile h2 { font-size: 1.3em; margin-left: 10.78em; }
.profile.cliff h2 span { color: #d94243; }
.profile.bob h2 span { color: #4f86db; }

#main h2 { margin: 0.5em 0; }
h2 + img { margin-top: 1.5em; }

#about ul { list-style-type: disc; margin: 1em 0; }
#about li { margin-left: 1em; padding-left: 1em; }

#about p { text-align: justify; }