html, body, a, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0 none;
  outline: none;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-variant: none;
  text-decoration: none;
  text-align: inherit;
  vertical-align: baseline;
  background: transparent; }

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block;
  width: auto; }

blockquote, q {
  quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 20px;
  color: #cccccc;
  background-color: #202020;
  background-image: url(/assets/images/glyphs/noise.jpg);
  background-repeat: repeat; }

::selection {
  background-color: #595f09;
  color: #cccccc; }

::-moz-selection {
  background-color: #595f09;
  color: #cccccc; }

a {
  text-shadow: 1px 1px 0 black;
  color: #9da34d; }
  a:link {
    color: #9da34d; }
  a:visited {
    color: #9da34d; }
  a:hover {
    text-decoration: underline; }
  a:active {
    color: brighten(#9da34d, 20%); }
  a.button {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: black;
    background-color: #4d4d4d;
    background-image: url(/assets/images/glyphs/button.jpg);
    background-repeat: repeat-x;
    border: 1px solid #a6a6a6;
    padding: 3px 6px;
    text-shadow: none;
    cursor: pointer; }
    a.button:hover, a.button:focus, a.button:active {
      box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
      background-color: #a6a6a6;
      background-image: url(/assets/images/glyphs/button-hover.jpg);
      text-decoration: none; }

p {
  margin-bottom: 20px; }

dl dt {
  color: gray;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  letter-spacing: 0; }
dl dd {
  margin-bottom: 10px; }

hr {
  display: none; }

.content h1, .content h2, .content h3 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-bottom: 20px; }
.content h4, .content h5, .content h6 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold; }
.content img {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); }
  .content img.transparent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none; }
.content ul {
  margin-bottom: 20px; }
  .content ul li {
    list-style: none;
    padding-left: 0;
    background: none; }
  .content ul li {
    padding-left: 18px;
    background: url(/assets/images/glyphs/bullet.jpg) 0 6px no-repeat; }
.content ol {
  margin-bottom: 20px; }
  .content ol li {
    margin-left: 18px; }
    .content ol li.wrapped {
      color: gray; }
      .content ol li.wrapped .wrap {
        color: #cccccc; }
.content blockquote {
  font-style: italic;
  color: gray;
  margin-left: 20px; }
  .content blockquote em {
    font-style: normal; }
  .content blockquote .credit {
    color: #cccccc;
    margin-top: -20px;
    text-align: right; }
.content .left {
  float: left;
  margin-right: 20px; }
.content .right {
  float: right;
  margin-left: 20px; }

#clients .content, #camera .content {
  width: 580px; }

em, .em {
  font-style: italic; }

strong, .strong {
  font-weight: bold; }

.no-gutter {
  margin-right: 0 !important; }

.note {
  color: gray; }

.clear {
  clear: both; }

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

.back {
  padding-left: 18px;
  background: url(/assets/images/glyphs/back-arrow.png) 0 6px no-repeat; }

button, input[type=submit] {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: black;
  background-color: #4d4d4d;
  background-image: url(/assets/images/glyphs/button.jpg);
  background-repeat: repeat-x;
  border: 1px solid #a6a6a6;
  padding: 3px 6px;
  text-shadow: none;
  cursor: pointer; }
  button:hover, button:focus, button:active, input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active {
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
    background-color: #a6a6a6;
    background-image: url(/assets/images/glyphs/button-hover.jpg);
    text-decoration: none; }

label {
  color: gray; }

textarea, select, input[type=text], input[type=password] {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 4px 7px;
  color: #cccccc;
  background: url(/assets/images/glyphs/dark-noise.jpg) repeat;
  border: 1px solid #454545; }
  textarea:hover, textarea:focus, select:hover, select:focus, input[type=text]:hover, input[type=text]:focus, input[type=password]:hover, input[type=password]:focus {
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
    border-color: #5a5e2c; }
  textarea:focus, select:focus, input[type=text]:focus, input[type=password]:focus {
    background-image: url(/assets/images/glyphs/light-noise.jpg); }

input.search {
  margin-right: 10px; }

textarea {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 20px; }

.field {
  margin-bottom: 10px; }
  .field .input {
    position: relative; }
    .field .input .help, .field .input .error {
      position: absolute;
      top: -1px;
      left: 240px;
      padding: 3px 10px 4px 13px !important;
      background: url(/assets/images/glyphs/message.gif) no-repeat 0 50%; }
    .field .input .help {
      font-family: Verdana, sans-serif;
      font-size: 10px;
      letter-spacing: 0;
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
      color: gray;
      background-color: black;
      display: none; }
    .field .input .error {
      font-family: Verdana, sans-serif;
      font-size: 10px;
      letter-spacing: 0;
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
      font-weight: bold;
      background-color: #4c0000; }
  .field:hover .help {
    display: block; }
  .field.text_field input, .field.password_field input {
    width: 220px;
    margin-right: 20px; }
  .field.textarea_field textarea {
    width: 340px;
    margin-right: 20px; }
  .field.textarea_field .help, .field.textarea_field .error {
    left: 360px; }
  .field.with_error input[type=text], .field.with_error input[type=password], .field.with_error textarea {
    border-color: #4c0000; }
    .field.with_error input[type=text]:hover, .field.with_error input[type=text]:focus, .field.with_error input[type=password]:hover, .field.with_error input[type=password]:focus, .field.with_error textarea:hover, .field.with_error textarea:focus {
      border-color: #903725; }
  .field.with_error:hover .help {
    display: none; }

html, body, #container {
  height: 100%; }

.centered {
  width: 940px;
  margin: 0 auto;
  position: relative;
  z-index: 1; }

#container {
  height: auto;
  min-height: 100%; }
  #container #header .centered {
    z-index: 10; }
  #container #content {
    padding-bottom: 490px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 10; }

#footer {
  position: relative;
  margin-top: -450px;
  padding-top: 40px;
  height: 410px;
  z-index: 10; }
  #footer .centered {
    z-index: 11; }

body.with-tabs #header {
  height: 217px; }
body.with-tabs #content {
  background-position: 0 66px; }
  body.with-tabs #content .centered {
    margin-top: -66px; }
body.without-tabs #header {
  height: 160px; }
body.without-tabs #content .centered {
  padding-top: 40px; }

#header {
  background-color: black; }
  #header h1 {
    position: absolute;
    top: 43px;
    left: 0; }
    #header h1 a {
      text-indent: -9999em;
      background-image: url(/assets/images/glyphs/dfx.png);
      display: block;
      width: 274px;
      height: 75px;
      background-repeat: no-repeat; }
      #header h1 a:hover {
        background-position: 0 -75px; }
  #header #meta-bar {
    color: gray;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    letter-spacing: 0;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    position: absolute;
    top: 0;
    right: 20px;
    background: url(/assets/images/glyphs/noise.jpg) repeat;
    padding: 7px 13px 7px 10px;
    z-index: 10; }
    #header #meta-bar li {
      list-style: none;
      padding-left: 0;
      background: none; }
    #header #meta-bar li {
      float: left;
      border-right: 1px dotted gray;
      padding-right: 8px;
      margin-right: 8px; }
      #header #meta-bar li.last {
        border: none;
        padding: 0;
        margin: 0; }
  #header #menu {
    position: absolute;
    top: 60px;
    right: 0; }
    #header #menu li {
      list-style: none;
      padding-left: 0;
      background: none; }
    #header #menu li {
      float: left; }
      #header #menu li a {
        text-indent: -9999em;
        background-image: url(/assets/images/glyphs/menu.png);
        display: block;
        height: 39px;
        margin-right: 1px;
        background-repeat: no-repeat; }
        #header #menu li a#menu-home {
          width: 58px;
          background-position: 0 0; }
          #header #menu li a#menu-home:hover {
            background-position: 0 -39px; }
          #header #menu li a#menu-home.active, #header #menu li a#menu-home.active:hover {
            background-position: 0 -78px; }
        #header #menu li a#menu-reels {
          width: 56px;
          background-position: -59px 0; }
          #header #menu li a#menu-reels:hover {
            background-position: -59px -39px; }
          #header #menu li a#menu-reels.active, #header #menu li a#menu-reels.active:hover {
            background-position: -59px -78px; }
        #header #menu li a#menu-services {
          width: 74px;
          background-position: -116px 0; }
          #header #menu li a#menu-services:hover {
            background-position: -116px -39px; }
          #header #menu li a#menu-services.active, #header #menu li a#menu-services.active:hover {
            background-position: -116px -78px; }
        #header #menu li a#menu-red {
          width: 45px;
          background-position: -191px 0; }
          #header #menu li a#menu-red:hover {
            background-position: -191px -39px; }
          #header #menu li a#menu-red.active, #header #menu li a#menu-red.active:hover {
            background-position: -191px -78px; }
        #header #menu li a#menu-about {
          width: 61px;
          background-position: -237px 0; }
          #header #menu li a#menu-about:hover {
            background-position: -237px -39px; }
          #header #menu li a#menu-about.active, #header #menu li a#menu-about.active:hover {
            background-position: -237px -78px; }
        #header #menu li a#menu-blog {
          width: 49px;
          background-position: -299px 0; }
          #header #menu li a#menu-blog:hover {
            background-position: -299px -39px; }
          #header #menu li a#menu-blog.active, #header #menu li a#menu-blog.active:hover {
            background-position: -299px -78px; }
        #header #menu li a#menu-contact {
          width: 72px;
          background-position: -349px 0; }
          #header #menu li a#menu-contact:hover {
            background-position: -349px -39px; }
          #header #menu li a#menu-contact.active, #header #menu li a#menu-contact.active:hover {
            background-position: -349px -78px; }

#content {
  background: url(/assets/images/glyphs/content-top.jpg) repeat-x; }
  #content .notice {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    letter-spacing: 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    color: gray;
    background-color: black; }
  #content .error, #content .alert {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    letter-spacing: 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    background-color: #4c0000; }
  #content .notice, #content .error, #content .alert {
    margin-bottom: 20px;
    padding: 10px 15px; }
  #content .main-col, #content .side-col {
    float: left; }
  #content .main-col {
    width: 700px;
    margin-right: 20px; }
  #content .side-col {
    width: 220px; }

.side-col h3 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-top: 40px;
  margin-bottom: 20px; }
  .side-col h3.first {
    margin-top: 0; }
  .side-col h3 span {
    padding-bottom: 6px;
    border-bottom: 1px dotted gray; }
  .side-col h3 a.to-top {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    letter-spacing: 0;
    font-weight: normal;
    display: none; }
  .side-col h3:hover a.to-top {
    display: inline;
    line-height: 0; }
.side-col h4 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 6px; }
  .side-col h4.first {
    margin-top: 0; }
.side-col ul li {
  list-style: none;
  padding-left: 0;
  background: none; }
.side-col ul li a {
  margin-right: 3px; }
.side-col ul li span {
  color: gray;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  letter-spacing: 0;
  margin-left: 3px; }
.side-col ul.with-bullets li {
  padding-left: 18px;
  background: url(/assets/images/glyphs/bullet.jpg) 0 6px no-repeat; }
.side-col ul.buttons li {
  margin-bottom: 10px; }
.side-col h3.search span {
  height: 21px;
  padding-left: 18px;
  background-image: url(/assets/images/glyphs/icons/search.gif);
  background-repeat: no-repeat;
  background-position: 0 38%; }
.side-col h3.contact span {
  height: 21px;
  padding-left: 18px;
  background-image: url(/assets/images/glyphs/icons/contact.gif);
  background-repeat: no-repeat;
  background-position: 0 38%; }
.side-col h3.archive span {
  height: 21px;
  padding-left: 18px;
  background-image: url(/assets/images/glyphs/icons/archive.gif);
  background-repeat: no-repeat;
  background-position: 0 38%; }
.side-col h3.tags span {
  height: 21px;
  padding-left: 18px;
  background-image: url(/assets/images/glyphs/icons/tags.gif);
  background-repeat: no-repeat;
  background-position: 0 38%; }
.side-col h3.twitter span {
  height: 21px;
  padding-left: 18px;
  background-image: url(/assets/images/glyphs/icons/comment.gif);
  background-repeat: no-repeat;
  background-position: 0 38%; }
.side-col h3.channels span {
  height: 21px;
  padding-left: 18px;
  background-image: url(/assets/images/glyphs/icons/tv.gif);
  background-repeat: no-repeat;
  background-position: 0 38%; }
.side-col h3.awards span {
  height: 21px;
  padding-left: 18px;
  background-image: url(/assets/images/glyphs/icons/awards.gif);
  background-repeat: no-repeat;
  background-position: 0 38%; }
.side-col input.search {
  width: 120px; }

#footer {
  background-color: black;
  background-image: url(/assets/images/glyphs/noise-line.jpg);
  background-repeat: repeat-x;
  background-position: 0 4px; }
  #footer h3 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-top: 40px;
    margin-bottom: 20px; }
    #footer h3.first {
      margin-top: 0; }
    #footer h3 span {
      padding-bottom: 6px;
      border-bottom: 1px dotted gray; }
    #footer h3 a.to-top {
      font-family: Verdana, sans-serif;
      font-size: 10px;
      letter-spacing: 0;
      font-weight: normal;
      display: none; }
    #footer h3:hover a.to-top {
      display: inline;
      line-height: 0; }
  #footer ul li {
    list-style: none;
    padding-left: 0;
    background: none; }
  #footer h3.search span {
    height: 21px;
    padding-left: 18px;
    background-image: url(/assets/images/glyphs/icons/search.gif);
    background-repeat: no-repeat;
    background-position: 0 38%; }
  #footer h3.sitemap span {
    height: 21px;
    padding-left: 18px;
    background-image: url(/assets/images/glyphs/icons/sitemap.gif);
    background-repeat: no-repeat;
    background-position: 0 38%; }
  #footer h3.contact span {
    height: 21px;
    padding-left: 18px;
    background-image: url(/assets/images/glyphs/icons/contact.gif);
    background-repeat: no-repeat;
    background-position: 0 38%; }
  #footer h3.feeds span {
    height: 21px;
    padding-left: 18px;
    background-image: url(/assets/images/glyphs/icons/feeds.gif);
    background-repeat: no-repeat;
    background-position: 0 38%; }
  #footer h3.elsewhere span {
    height: 21px;
    padding-left: 18px;
    background-image: url(/assets/images/glyphs/icons/elsewhere.gif);
    background-repeat: no-repeat;
    background-position: 0 38%; }
  #footer #search-and-sitemap, #footer #contact {
    width: 340px;
    margin-right: 20px;
    float: left; }
  #footer #search-and-sitemap li a {
    margin-right: 3px; }
  #footer #search-and-sitemap li span {
    color: gray;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    letter-spacing: 0;
    margin-left: 3px; }
  #footer #search-and-sitemap input.search {
    width: 220px; }
  #footer #contact .info {
    position: relative; }
    #footer #contact .info .address {
      position: absolute;
      top: 0;
      left: 120px; }
  #footer #feeds-and-elsewhere {
    width: 220px;
    float: left; }
  #footer #copyright {
    background-image: url(/assets/images/glyphs/copyright.gif);
    background-repeat: no-repeat;
    background-position: 50% 8px;
    text-align: center;
    margin-top: 40px; }
    #footer #copyright p {
      color: gray;
      font-family: Verdana, sans-serif;
      font-size: 10px;
      letter-spacing: 0;
      text-align: center; }

.swirls {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0; }
  .swirls .centered {
    z-index: 1 !important; }
  .swirls .swirl {
    display: block;
    background-repeat: no-repeat;
    position: absolute; }
  .swirls #swirl-1 {
    width: 746px;
    height: 761px;
    background-image: url(/assets/images/glyphs/swirl-1.png);
    top: -490px;
    left: -320px; }
  .swirls #swirl-2 {
    width: 740px;
    height: 755px;
    background-image: url(/assets/images/glyphs/swirl-2.png);
    top: -520px;
    right: -380px; }
  .swirls #swirl-3 {
    width: 755px;
    height: 720px;
    background-image: url(/assets/images/glyphs/swirl-3.png);
    top: -30px;
    left: -420px; }

#comments h3 {
  margin-left: 120px; }

#new-comment {
  margin-left: 120px; }
  #new-comment h3 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 0; }
    #new-comment h3.first {
      margin-top: 0; }
    #new-comment h3 span {
      padding-bottom: 6px;
      border-bottom: 1px dotted gray; }
    #new-comment h3 a.to-top {
      font-family: Verdana, sans-serif;
      font-size: 10px;
      letter-spacing: 0;
      font-weight: normal;
      display: none; }
    #new-comment h3:hover a.to-top {
      display: inline;
      line-height: 0; }
  #new-comment .note {
    margin-bottom: 20px; }

.comment {
  margin-bottom: 20px; }
  .comment .avatar {
    width: 100px;
    margin-right: 20px;
    float: left; }
    .comment .avatar a {
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      padding: 3px;
      border: 1px solid #5a5e2c;
      display: block; }
      .comment .avatar a:hover {
        border-color: #9da34d; }
    .comment .avatar a {
      box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
      width: 50px;
      height: 50px;
      margin-left: 42px; }
      .comment .avatar a:hover {
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.75); }
  .comment .info-and-content {
    width: 460px;
    margin-bottom: 0;
    padding-bottom: 20px;
    background-image: url(/assets/images/glyphs/comment-divider.gif);
    background-repeat: no-repeat;
    background-position: 0 100%;
    float: left; }
    .comment .info-and-content .info {
      color: gray; }
  .comment.without-avatar .info-and-content {
    margin-left: 120px; }

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left; }
  #facebox table {
    border: collapse;
    margin: 0; }
  #facebox .popup {
    position: relative; }
    #facebox .popup .close {
      text-indent: -9999em;
      background-image: url(/assets/images/glyphs/close.png);
      position: absolute;
      top: -15px;
      right: -15px;
      display: block;
      width: 30px;
      height: 30px; }
      #facebox .popup .close:hover {
        background-position: 0 -30px; }
    #facebox .popup .previous, #facebox .popup .next {
      display: block; }
    #facebox .popup .body {
      box-shadow: 4px 4px 8px black;
      -moz-box-shadow: 4px 4px 8px black;
      -webkit-box-shadow: 4px 4px 8px black;
      position: relative;
      padding: 20px;
      background-color: #202020;
      background-image: url(/assets/images/glyphs/noise.jpg);
      background-repeat: repeat; }
      #facebox .popup .body .image {
        text-align: center;
        margin: -20px; }
        #facebox .popup .body .image img {
          display: block;
          margin: 0;
          padding: 0; }
      #facebox .popup .body .loading {
        text-align: center;
        width: 150px;
        height: 60px;
        line-height: 60px; }
        #facebox .popup .body .loading img {
          vertical-align: middle;
          margin-right: 5px; }
      #facebox .popup .body .title {
        font-family: Helvetica, Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.05em;
        margin-top: 40px;
        margin-bottom: 20px;
        margin: 0 0 30px 0; }
        #facebox .popup .body .title.first {
          margin-top: 0; }
        #facebox .popup .body .title span {
          padding-bottom: 6px;
          border-bottom: 1px dotted gray; }
        #facebox .popup .body .title a.to-top {
          font-family: Verdana, sans-serif;
          font-size: 10px;
          letter-spacing: 0;
          font-weight: normal;
          display: none; }
        #facebox .popup .body .title:hover a.to-top {
          display: inline;
          line-height: 0; }
      #facebox .popup .body .read-more {
        display: block;
        margin: 10px 0 0 0;
        padding-left: 16px;
        background-image: url(/assets/images/glyphs/icons/more.gif);
        background-repeat: no-repeat;
        background-position: 0 50%; }

#facebox_overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.facebox_hide {
  z-index: -100; }

.facebox_overlayBG {
  background-color: black;
  z-index: 99; }

.featured {
  width: 940px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  height: 396px;
  background: black;
  position: relative;
  overflow: hidden; }
  .featured li {
    list-style: none;
    padding-left: 0;
    background: none; }
  .featured .content {
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible; }
    .featured .content li {
      width: 940px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
      .featured .content li.first, .featured .content li .active {
        z-index: 10; }
      .featured .content li img {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none; }
      .featured .content li .info {
        width: 205px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 15px 15px 0 15px;
        height: 255px;
        background: black;
        background: rgba(0, 0, 0, 0.8); }
        .featured .content li .info h3 {
          line-height: 24px; }
        .featured .content li .info li {
          width: auto;
          position: static; }
        .featured .content li .info .updates li, .featured .content li .info .posts li {
          margin-bottom: 10px;
          padding-bottom: 0; }
          .featured .content li .info .updates li .meta, .featured .content li .info .posts li .meta {
            color: gray;
            font-family: Verdana, sans-serif;
            font-size: 10px;
            letter-spacing: 0; }
  .featured .thumbs {
    position: absolute;
    top: 270px;
    left: 0;
    padding: 15px;
    z-index: 15;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.8); }
    .featured .thumbs li {
      width: 137px;
      margin-right: 8px;
      padding: 4px;
      float: left;
      overflow: hidden; }
      .featured .thumbs li:hover, .featured .thumbs li.active {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 3px;
        border: 1px solid #5a5e2c; }
      .featured .thumbs li:hover {
        background: black; }
      .featured .thumbs li .thumb {
        height: 60px;
        overflow: hidden; }
      .featured .thumbs li .title {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 4px 0; }

.gallery {
  width: 580px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  margin-bottom: 30px;
  height: 325px;
  overflow: hidden;
  position: relative;
  background: black; }
  .gallery li {
    list-style: none;
    padding-left: 0;
    background: none; }
  .gallery li {
    position: absolute; }
  .gallery .controller {
    width: 540px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    display: none;
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 20;
    height: 56px;
    padding: 15px 10px;
    background-color: rgba(0, 0, 0, 0.8); }
    .gallery .controller li {
      list-style: none;
      padding-left: 0;
      background: none; }
    .gallery .controller .previous, .gallery .controller .next {
      display: block;
      width: 20px;
      height: 20px;
      overflow: hidden;
      background-repeat: no-repeat;
      margin-top: 15px; }
      .gallery .controller .previous:hover, .gallery .controller .next:hover {
        background-position: 0 -20px;
        cursor: pointer; }
    .gallery .controller .previous {
      text-indent: -9999em;
      background-image: url(/assets/images/glyphs/big-arrow-w.png);
      float: left;
      margin-right: 7px; }
    .gallery .controller .next {
      text-indent: -9999em;
      background-image: url(/assets/images/glyphs/big-arrow-e.png);
      float: right;
      margin-left: 7px; }
    .gallery .controller .wrapper {
      width: 486px;
      float: left;
      height: 56px; }
      .gallery .controller .wrapper li {
        position: static;
        float: left;
        margin-right: 2px; }
        .gallery .controller .wrapper li img {
          box-shadow: none;
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
          padding: 3px; }
        .gallery .controller .wrapper li.active img, .gallery .controller .wrapper li:hover img {
          border-radius: 5px;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          padding: 3px;
          border: 1px solid #5a5e2c;
          padding: 2px !important; }
        .gallery .controller .wrapper li:hover {
          cursor: pointer; }
    .gallery .controller.scrolling, .gallery .controller .scroll-pane {
      height: 80px; }
  .gallery:hover .controller {
    display: block; }

.link {
  width: 580px; }
  .link .avatar {
    width: 100px;
    margin-right: 20px;
    float: left; }
    .link .avatar a {
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      padding: 3px;
      border: 1px solid #5a5e2c;
      display: block; }
      .link .avatar a:hover {
        border-color: #9da34d; }
    .link .avatar a {
      box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
      width: 50px;
      height: 50px;
      margin-left: 42px; }
      .link .avatar a:hover {
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.75); }
  .link .title-and-content {
    width: 460px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    background-image: url(/assets/images/glyphs/comment-divider.gif);
    background-repeat: no-repeat;
    background-position: 0 100%;
    float: left; }
    .link .title-and-content .title {
      font-size: 12px;
      font-weight: normal;
      line-height: 20px; }
    .link .title-and-content .meta {
      color: gray;
      font-family: Verdana, sans-serif;
      font-size: 10px;
      letter-spacing: 0; }

.package {
  width: 460px;
  margin-bottom: 20px; }
  .package .thumb {
    width: 100px;
    margin-right: 20px;
    float: left; }
    .package .thumb img {
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); }
  .package .title-and-content {
    width: 340px;
    float: left; }
    .package .title-and-content .title {
      font-family: Helvetica, Arial, Verdana, sans-serif;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.05em;
      margin-bottom: 20px; }

.pagination {
  text-align: left;
  line-height: 20px;
  clear: both;
  padding-bottom: 5px; }
  .pagination .indicator {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    letter-spacing: 0;
    font-weight: bold;
    display: inline;
    padding: 3px 0 4px 24px;
    background: url(/assets/images/glyphs/loading.gif) no-repeat 0 50%; }
  .pagination a {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: black;
    background-color: #4d4d4d;
    background-image: url(/assets/images/glyphs/button.jpg);
    background-repeat: repeat-x;
    border: 1px solid #a6a6a6;
    padding: 3px 6px;
    text-shadow: none;
    cursor: pointer; }
    .pagination a:hover, .pagination a:focus, .pagination a:active {
      box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
      background-color: #a6a6a6;
      background-image: url(/assets/images/glyphs/button-hover.jpg);
      text-decoration: none; }

.post {
  margin-bottom: 40px; }
  .post .title-and-content {
    width: 460px;
    float: left; }
    .post .title-and-content .title {
      font-family: Helvetica, Arial, Verdana, sans-serif;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.05em; }
    .post .title-and-content .info {
      color: gray;
      font-family: Verdana, sans-serif;
      font-size: 10px;
      letter-spacing: 0;
      margin-bottom: 20px; }
    .post .title-and-content .content .read-more {
      display: block;
      margin: 20px 0 20px 0;
      padding-left: 16px;
      text-align: center;
      background-image: url(/assets/images/glyphs/read-more.gif);
      background-repeat: no-repeat;
      background-position: 50% 50%; }
    .post .title-and-content .content.full-body {
      margin-bottom: 20px;
      padding-bottom: 20px;
      background-image: url(/assets/images/glyphs/comment-divider.gif);
      background-repeat: no-repeat;
      background-position: 50% 100%; }
    .post .title-and-content .by {
      background-image: url(/assets/images/glyphs/copyright.gif);
      background-repeat: no-repeat;
      background-position: 50% 48px;
      text-align: center;
      padding-top: 40px; }
  .post .meta {
    width: 100px;
    margin-right: 20px;
    float: left;
    text-align: right; }
    .post .meta .avatar {
      margin-bottom: 20px; }
      .post .meta .avatar a {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 3px;
        border: 1px solid #5a5e2c;
        display: block; }
        .post .meta .avatar a:hover {
          border-color: #9da34d; }
      .post .meta .avatar a {
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        width: 100px;
        height: 100px; }
        .post .meta .avatar a:hover {
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75);
          -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75); }
    .post .meta .comments img {
      vertical-align: -3px;
      margin-right: 3px; }
    .post .meta .tagged h4 {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-family: Verdana, sans-serif;
      font-size: 10px;
      font-weight: bold;
      margin-top: 30px;
      margin-bottom: 6px; }
      .post .meta .tagged h4.first {
        margin-top: 0; }
    .post .meta .tagged ul li {
      list-style: none;
      padding-left: 0;
      background: none; }

.press_article {
  margin-bottom: 20px; }

.reel, #featured-reel {
  width: 200px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 3px;
  border: 1px solid #5a5e2c;
  margin-right: 20px;
  margin-bottom: 20px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  padding: 9px;
  height: 163px;
  float: left;
  overflow: hidden; }
  .reel:hover, #featured-reel:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75);
    border-color: #9da34d; }
  .reel .title, #featured-reel .title {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-top: 5px; }
  .reel .info, #featured-reel .info {
    color: gray;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    letter-spacing: 0; }

#featured-reel {
  width: 680px;
  height: 197px;
  float: none;
  margin-right: 0; }

.scroll-pane {
  position: relative;
  overflow: hidden; }
  .scroll-pane .scrollbar {
    position: absolute;
    cursor: pointer;
    width: 10px;
    height: 10px; }
    .scroll-pane .scrollbar .handle {
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
      cursor: move;
      display: block;
      width: 10px;
      height: 10px;
      background: url(/assets/images/glyphs/light-noise.jpg);
      border: 1px solid #5a5e2c; }
      .scroll-pane .scrollbar .handle:hover {
        border-color: #9da34d; }
    .scroll-pane .scrollbar.x {
      bottom: 2px;
      left: 0; }
    .scroll-pane .scrollbar.y {
      top: 0;
      right: 2px; }

.service {
  width: 460px;
  margin-right: 20px;
  margin-bottom: 40px;
  float: left; }
  .service .thumb {
    width: 100px;
    margin-right: 20px;
    float: left; }
    .service .thumb img {
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); }
  .service .title-and-content {
    width: 340px;
    float: left; }
    .service .title-and-content .title {
      font-family: Helvetica, Arial, Verdana, sans-serif;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.05em;
      margin-bottom: 10px; }
    .service .title-and-content .content h4 {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-family: Verdana, sans-serif;
      font-size: 10px;
      font-weight: bold; }
    .service .title-and-content .read-more {
      display: block;
      margin: 20px 0 20px 0;
      padding-left: 16px;
      background-image: url(/assets/images/glyphs/icons/more.gif);
      background-repeat: no-repeat;
      background-position: 0 50%; }

.tabbed h3.section-header {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-top: 40px;
  margin-bottom: 20px; }
  .tabbed h3.section-header.first {
    margin-top: 0; }
  .tabbed h3.section-header span {
    padding-bottom: 6px;
    border-bottom: 1px dotted gray; }
  .tabbed h3.section-header a.to-top {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    letter-spacing: 0;
    font-weight: normal;
    display: none; }
  .tabbed h3.section-header:hover a.to-top {
    display: inline;
    line-height: 0; }
.tabbed .clear-tabs {
  display: block;
  height: 1px;
  clear: both;
  margin-bottom: 39px; }
.tabbed ul.tabs li {
  list-style: none;
  padding-left: 0;
  background: none; }
.tabbed ul.tabs li {
  float: left;
  margin-top: 12px;
  margin-right: 2px; }
  .tabbed ul.tabs li h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold; }
    .tabbed ul.tabs li h2 a {
      display: inline-block;
      padding: 15px 20px;
      height: 21px;
      color: white;
      background-color: rgba(30, 30, 30, 0.7); }
      .tabbed ul.tabs li h2 a:hover {
        text-decoration: none;
        background-color: rgba(38, 63, 2, 0.5); }
  .tabbed ul.tabs li h3 {
    display: none; }
  .tabbed ul.tabs li:first-child h2 > a {
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px; }
  .tabbed ul.tabs li:last-child h2 > a {
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px; }
  .tabbed ul.tabs li.active {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    margin-top: 0;
    padding: 12px 15px;
    height: 46px;
    background: url(/assets/images/glyphs/selected-tab.jpg) repeat-x 0 0;
    border-width: 1px;
    border-color: black;
    border-style: solid solid none solid; }
    .tabbed ul.tabs li.active h2 {
      font-size: 21px;
      line-height: 21px;
      margin-top: 5px;
      color: #9da34d;
      text-shadow: 2px 2px 1px black; }
      .tabbed ul.tabs li.active h2 a {
        display: inline;
        padding: 0;
        height: auto;
        color: #9da34d;
        background: none;
        text-shadow: 2px 2px 1px black; }
        .tabbed ul.tabs li.active h2 a:hover {
          color: #cccccc; }
    .tabbed ul.tabs li.active h3 {
      font-size: 12px;
      font-weight: normal;
      line-height: 20px;
      color: gray;
      display: block; }
    .tabbed ul.tabs li.active.without-subtitle {
      padding-top: 19px;
      height: 39px; }
      .tabbed ul.tabs li.active.without-subtitle h3 {
        display: none; }
.tabbed .tabbed {
  background: url(/assets/images/glyphs/side-tabs.png) repeat-y 220px 0;
  padding: 20px 0; }
  .tabbed .tabbed ul.tabs {
    width: 220px;
    margin-right: 20px;
    float: left; }
    .tabbed .tabbed ul.tabs li {
      float: none;
      margin: 0 0 2px 7px;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-weight: bold; }
      .tabbed .tabbed ul.tabs li a {
        width: 202px;
        display: block;
        padding: 6px 0 6px 9px;
        color: white;
        background-color: rgba(0, 0, 0, 0.8); }
        .tabbed .tabbed ul.tabs li a:hover {
          text-decoration: none;
          background-color: rgba(38, 63, 2, 0.5); }
      .tabbed .tabbed ul.tabs li.active {
        width: 221px;
        border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        margin-left: 0;
        padding: 0;
        height: auto;
        background: url(/assets/images/glyphs/selected-side-tab.png) repeat-y 0 0;
        border-style: solid none solid solid; }
        .tabbed .tabbed ul.tabs li.active a {
          background: none;
          font-size: 18px;
          padding-left: 16px;
          color: #9da34d; }
          .tabbed .tabbed ul.tabs li.active a:hover {
            background: none; }
  .tabbed .tabbed .sections {
    width: 700px;
    float: left; }
.tabbed .main-col .tabbed .sections {
  width: 460px; }

.testimonials {
  width: 460px;
  margin-right: 20px;
  float: left;
  margin-left: -20px; }
  .testimonials .testimonial {
    margin-bottom: 40px; }
    .testimonials .testimonial blockquote {
      background: url(/assets/images/glyphs/icons/quotes.gif) no-repeat 0 4px;
      padding: 0 20px; }
    .testimonials .testimonial .by {
      padding-left: 20px; }
      .testimonials .testimonial .by h3 {
        font-family: Helvetica, Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.05em; }
      .testimonials .testimonial .by .meta {
        color: gray; }

.tweet {
  margin-bottom: 20px; }
  .tweet .info {
    color: gray;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    letter-spacing: 0; }

#update .content {
  width: 580px; }

.update {
  width: 460px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  background-image: url(/assets/images/glyphs/comment-divider.gif);
  background-repeat: no-repeat;
  background-position: 0 100%; }
  .update .title {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin: 0; }
  .update .meta {
    color: gray;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    letter-spacing: 0;
    margin-bottom: 10px; }
  .update .content .read-more {
    display: block;
    margin: 10px 0 0 0;
    padding-left: 16px;
    background-image: url(/assets/images/glyphs/icons/more.gif);
    background-repeat: no-repeat;
    background-position: 0 50%; }

.side-col .update {
  margin-bottom: 20px; }

.user {
  margin-bottom: 30px;
  min-height: 220px; }
  .user.loading {
    text-align: center;
    line-height: 220px; }
    .user.loading .indicator {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-family: Verdana, sans-serif;
      font-size: 10px;
      letter-spacing: 0;
      font-weight: bold;
      display: inline;
      padding: 3px 0 4px 24px;
      background: url(/assets/images/glyphs/loading.gif) no-repeat 0 50%; }
  .user .avatar, .user .info, .user .posts {
    float: left; }
  .user .avatar {
    width: 220px;
    margin-right: 20px; }
    .user .avatar img {
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); }
  .user .info {
    width: 460px;
    margin-right: 20px; }
    .user .info .title {
      font-family: Helvetica, Arial, Verdana, sans-serif;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.05em; }
    .user .info .meta {
      color: gray;
      margin-bottom: 20px; }
  .user .posts {
    width: 220px;
    margin-top: 5px; }
    .user .posts h4 {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-family: Verdana, sans-serif;
      font-size: 10px;
      font-weight: bold;
      margin: 25px 0 10px 0; }
    .user .posts ul li {
      list-style: none;
      padding-left: 0;
      background: none; }
    .user .posts ul li .meta {
      color: gray;
      font-family: Verdana, sans-serif;
      font-size: 10px;
      letter-spacing: 0;
      line-height: 14px;
      margin-bottom: 6px; }
  .user.main-col .info {
    width: 460px;
    margin-right: 0 !important; }

.video-player, .embedded-player {
  margin-bottom: 20px; }
  .video-player > object, .embedded-player > object {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    display: block; }

.vimeo-player {
  margin-bottom: 20px;
  display: block;
  position: relative; }
  .vimeo-player > object {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    display: block; }
  .vimeo-player span {
    position: absolute;
    top: 20px;
    left: 20px;
    background: black;
    padding: 4px 8px;
    font-size: 16px;
    font-weight: bold; }
  .vimeo-player img {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    display: block; }

.before-after {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  margin-bottom: 20px;
  display: block; }

#virtual-red-wrapper {
  margin-bottom: 20px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  position: relative;
  overflow: hidden; }
  #virtual-red-wrapper #virtual-red {
    position: absolute;
    top: 0;
    left: 0; }

#amazing {
  text-align: center; }
  #amazing .vimeo-player {
    margin-left: 150px; }
  #amazing h3 {
    color: #9da34d;
    font-size: 24px;
    margin: 30px 0 5px 0; }
  #amazing .copy {
    padding: 0 300px; }
    #amazing .copy p {
      color: gray; }
    #amazing .copy ul li {
      list-style: none;
      padding-left: 0;
      background: none; }

#awards .info, #awards .awards-1, #awards .awards-2 {
  float: left; }
#awards .info {
  width: 460px;
  margin-right: 20px;
  overflow: hidden; }
#awards .awards-1 {
  width: 220px;
  margin-right: 20px; }
#awards .awards-2 {
  width: 220px; }
#awards .awards-1 h3, #awards .awards-2 h3 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-top: 40px;
  margin-bottom: 20px; }
  #awards .awards-1 h3.first, #awards .awards-2 h3.first {
    margin-top: 0; }
  #awards .awards-1 h3 span, #awards .awards-2 h3 span {
    padding-bottom: 6px;
    border-bottom: 1px dotted gray; }
  #awards .awards-1 h3 a.to-top, #awards .awards-2 h3 a.to-top {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    letter-spacing: 0;
    font-weight: normal;
    display: none; }
  #awards .awards-1 h3:hover a.to-top, #awards .awards-2 h3:hover a.to-top {
    display: inline;
    line-height: 0; }
  #awards .awards-1 h3 span, #awards .awards-2 h3 span {
    height: 21px;
    padding-left: 18px;
    background-image: url(/assets/images/glyphs/icons/awards.gif);
    background-repeat: no-repeat;
    background-position: 0 38%; }
#awards .awards-1 ul li, #awards .awards-2 ul li {
  list-style: none;
  padding-left: 0;
  background: none; }
#awards .awards-1 ul li span, #awards .awards-2 ul li span {
  color: gray;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  letter-spacing: 0;
  margin-left: 3px; }
#awards .awards-1 .note, #awards .awards-2 .note {
  margin-bottom: 0; }

#posts .pagination {
  text-align: center; }

#links .pagination {
  margin-left: 120px; }

#digital-intermediate {
  position: relative;
  height: 730px; }
  #digital-intermediate .content {
    width: 560px;
    position: relative;
    z-index: 10; }
  #digital-intermediate .workflow {
    position: absolute;
    top: 0;
    left: 0;
    background: url(/assets/content/services/post/digital-intermediate/workflow.png) no-repeat;
    width: 950px;
    height: 730px; }
    #digital-intermediate .workflow li {
      list-style: none;
      padding-left: 0;
      background: none; }
    #digital-intermediate .workflow li {
      text-indent: -9999em; }
    #digital-intermediate .workflow a {
      width: 130px;
      height: 80px;
      position: absolute;
      display: block; }
      #digital-intermediate .workflow a:hover {
        background-image: url(/assets/content/services/post/digital-intermediate/workflow-hover.png);
        background-repeat: no-repeat; }
    #digital-intermediate .workflow #san a {
      top: 427px;
      left: 410px;
      background-position: -410px -427px; }
    #digital-intermediate .workflow #dailies a {
      top: 539px;
      left: 15px;
      background-position: -15px -539px; }
    #digital-intermediate .workflow #offline a {
      top: 539px;
      left: 220px;
      background-position: -220px -539px; }
    #digital-intermediate .workflow #online a {
      top: 539px;
      left: 600px;
      background-position: -600px -539px; }
    #digital-intermediate .workflow #deliverables a {
      width: 160px;
      height: 150px;
      top: 524px;
      left: 790px;
      background-position: -790px -524px; }

#facilities .content {
  width: 340px;
  margin-right: 20px;
  float: left; }
#facilities .gallery {
  float: left; }

#find-us h3 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-top: 40px;
  margin-bottom: 20px; }
  #find-us h3.first {
    margin-top: 0; }
  #find-us h3 span {
    padding-bottom: 6px;
    border-bottom: 1px dotted gray; }
  #find-us h3 a.to-top {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    letter-spacing: 0;
    font-weight: normal;
    display: none; }
  #find-us h3:hover a.to-top {
    display: inline;
    line-height: 0; }
#find-us #map {
  width: 580px;
  height: 300px;
  margin-bottom: 10px; }
#find-us #download-map {
  margin-bottom: 20px; }

#mobile-studio:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
#mobile-studio .content {
  width: 220px;
  margin-right: 20px;
  float: left; }
#mobile-studio .feature-map {
  float: left;
  overflow: visible;
  position: relative; }
  #mobile-studio .feature-map ul {
    left: 0;
    position: absolute;
    top: 0; }
    #mobile-studio .feature-map ul li {
      box-shadow: 6px 6px 1px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 6px 6px 1px rgba(0, 0, 0, 0.4);
      -webkit-box-shadow: 6px 6px 1px rgba(0, 0, 0, 0.4);
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      list-style: none;
      padding-left: 0;
      background: none;
      background: #444444;
      display: none;
      overflow: visible;
      padding: 10px;
      position: absolute;
      width: 220px; }
      #mobile-studio .feature-map ul li h3 {
        font-family: Helvetica, Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.05em;
        margin-bottom: 10px; }
      #mobile-studio .feature-map ul li p {
        margin-bottom: 0; }
      #mobile-studio .feature-map ul li .close {
        text-indent: -9999em;
        background-image: url(/assets/images/glyphs/close.png);
        display: block;
        height: 30px;
        position: absolute;
        top: -15px;
        width: 30px;
        z-index: 15; }
        #mobile-studio .feature-map ul li .close:hover {
          background-position: 0 -30px; }
      #mobile-studio .feature-map ul li.active {
        z-index: 10; }
      #mobile-studio .feature-map ul li:after {
        border-style: solid;
        border-width: 10px 20px;
        content: "\00a0";
        display: block;
        height: 0;
        position: absolute;
        top: 20px; }
  #mobile-studio .feature-map .marker {
    background-image: url(/assets/images/glyphs/marker.png);
    background-repeat: no-repeat;
    display: block;
    height: 39px;
    position: absolute;
    width: 39px;
    z-index: 5; }
#mobile-studio #data .monitor {
  left: 240px;
  top: 85px; }
#mobile-studio #data .software {
  left: 240px;
  top: 100px; }
#mobile-studio #data .lto {
  left: 200px;
  top: 223px; }
#mobile-studio #data .raid {
  left: 220px;
  top: 267px; }
#mobile-studio #data .ups {
  left: 220px;
  top: 298px; }
#mobile-studio #data .computer {
  left: 220px;
  top: 352px; }
#mobile-studio #data li .close {
  right: -15px; }
#mobile-studio #data li:after {
  border-color: transparent #444444 transparent transparent;
  left: -40px; }
#mobile-studio #post .touch-monitor {
  left: 60px;
  top: 45px; }
#mobile-studio #post .monitor {
  left: 220px;
  top: 50px; }
#mobile-studio #post .ipad {
  left: 150px;
  top: 127px; }
#mobile-studio #post .software {
  left: 60px;
  top: 100px; }
#mobile-studio #post .console {
  left: 265px;
  top: 195px; }
#mobile-studio #post .audio {
  left: 408px;
  top: 198px; }
#mobile-studio #post .printer {
  left: 80px;
  top: 224px; }
#mobile-studio #post .ups {
  left: 80px;
  top: 270px; }
#mobile-studio #post .computer {
  left: 80px;
  top: 315px; }
#mobile-studio #post li .close {
  left: -15px; }
#mobile-studio #post li:after {
  border-color: transparent transparent transparent #444444;
  right: -40px; }

#packages #red {
  margin-right: 20px;
  float: left; }
#packages #other-packages {
  float: left; }

#gear h3 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-bottom: 1em; }

#lab .services {
  width: 460px;
  margin-right: 20px;
  float: left; }
  #lab .services .service {
    margin-right: 0; }
#lab .introduction {
  width: 460px;
  float: left; }

#red-workflow #general-workflow {
  position: relative;
  background: url(/assets/content/red/lab/workflow/general-workflow.png) no-repeat;
  width: 950px;
  height: 540px; }
  #red-workflow #general-workflow li {
    list-style: none;
    padding-left: 0;
    background: none; }
  #red-workflow #general-workflow li {
    text-indent: -9999em; }
  #red-workflow #general-workflow a {
    width: 130px;
    height: 80px;
    position: absolute;
    display: block; }
    #red-workflow #general-workflow a:hover {
      background-image: url(/assets/content/red/lab/workflow/general-workflow-hover.png);
      background-repeat: no-repeat; }
  #red-workflow #general-workflow #red a {
    width: 160px;
    height: 110px; }
  #red-workflow #general-workflow #qtake a {
    top: 126px;
    left: 15px;
    background-position: -15px -126px; }
  #red-workflow #general-workflow #dit a {
    top: 15px;
    left: 410px;
    background-position: -410px -15px; }
  #red-workflow #general-workflow #r3d a {
    top: 15px;
    left: 600px;
    background-position: -600px -15px; }
  #red-workflow #general-workflow #media a {
    top: 15px;
    left: 805px;
    background-position: -805px -15px; }
  #red-workflow #general-workflow #san a {
    top: 237px;
    left: 410px;
    background-position: -410px -237px; }
  #red-workflow #general-workflow #dailies a {
    top: 349px;
    left: 15px;
    background-position: -15px -349px; }
  #red-workflow #general-workflow #offline a {
    top: 349px;
    left: 220px;
    background-position: -220px -349px; }
  #red-workflow #general-workflow #online a {
    top: 349px;
    left: 600px;
    background-position: -600px -349px; }
  #red-workflow #general-workflow #deliverables a {
    width: 160px;
    height: 110px;
    top: 334px;
    left: 790px;
    background-position: -790px -334px; }

#reels {
  width: 700px; }

#team ul.team li {
  list-style: none;
  padding-left: 0;
  background: none; }
#team ul.team li {
  margin-right: 10px;
  margin-bottom: 10px;
  float: left; }
  #team ul.team li a {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px;
    border: 1px solid #5a5e2c;
    display: block; }
    #team ul.team li a:hover {
      border-color: #9da34d; }
  #team ul.team li a {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    width: 100px;
    height: 100px; }
    #team ul.team li a:hover {
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75);
      -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75); }