@font-face {
  font-family: 'Akzidenz';
  src: url("../fonts/akzidgrolig-webfont.eot");
  src: url("../fonts/akzidgrolig-webfont.eot?iefix") format("eot"), url("../fonts/akzidgrolig-webfont.woff") format("woff"), url("../fonts/akzidgrolig-webfont.ttf") format("truetype"), url("../fonts/akzidgrolig-webfont.svg#webfontCnNUGMBS") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Arvo';
  src: url("../fonts/arvo-regular-webfont.eot");
  src: url("../fonts/arvo-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/arvo-regular-webfont.woff") format("woff"), url("../fonts/arvo-regular-webfont.ttf") format("truetype"), url("../fonts/arvo-regular-webfont.svg#ArvoRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ArvoBold';
  src: url("../fonts/arvo-bold-webfont.eot");
  src: url("../fonts/arvo-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/arvo-bold-webfont.woff") format("woff"), url("../fonts/arvo-bold-webfont.ttf") format("truetype"), url("../fonts/arvo-bold-webfont.svg#ArvoRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
html, body {
  min-width: 1100px; }

a {
  color: #555;
  text-decoration: none; }

a:link, a:visited {
  color: #555;
  text-decoration: none; }

a:hover, a:active {
  color: #ed1c24; }

/* GLOBAL STYLES */
#container {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
  height: 100%; }
  #container nav {
    height: 135px;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 168px;
    z-index: 600; }
    #container nav #top {
      cursor: pointer;
      margin-top: 48px;
      width: 168px;
      background: #252525;
      color: #fff;
      font-weight: bold;
      padding: 14px 15px 9px 16px; }
      #container nav #top img {
        width: 117px;
        margin-left: 20px; }
    #container nav #expandable {
      background: #f5f5ea;
      background: rgba(235, 235, 224, 0.5);
      position: relative;
      height: 0;
      overflow: hidden;
      width: 199px; }
      #container nav #expandable.people {
        background-color: #ebebe0;
        background-color: rgba(235, 235, 224, 0.9); }
      #container nav #expandable #mainmenu {
        width: 151px;
        margin-left: 25px;
        margin-top: 1px;
        margin-bottom: 1px; }
        #container nav #expandable #mainmenu li {
          font-family: Arial, Helvetica, Sans-serif;
          font-weight: bold;
          color: #555;
          font-size: 15px;
          text-align: right;
          padding-right: 0;
          padding-top: 11px;
          line-height: 21px; }
          #container nav #expandable #mainmenu li a {
            display: block;
            border-bottom: 1px dotted #acacac;
            padding-right: 5px; }
            #container nav #expandable #mainmenu li a:hover {
              border-bottom: 1px dotted #ed1c24; }
        #container nav #expandable #mainmenu li.last {
          border-bottom: none; }
      #container nav #expandable .inner {
        width: 165px;
        height: 100%;
        min-height: 600px;
        position: relative; }
        #container nav #expandable .inner .facebook, #container nav #expandable .inner .twitter, #container nav #expandable .inner .instagram {
          margin-left: 10px;
          margin-top: 15px;
          width: 19px;
          height: 19px;
          float: right;
          background-size: 19px;
          background-repeat: no-repeat;
          opacity: 0.6; }
          #container nav #expandable .inner .facebook:hover, #container nav #expandable .inner .twitter:hover, #container nav #expandable .inner .instagram:hover {
            opacity: 1; }
        #container nav #expandable .inner .facebook {
          background-image: url("/images/facebook.png"); }
        #container nav #expandable .inner .twitter {
          background-image: url("/images/twitter.png"); }
        #container nav #expandable .inner .instagram {
          background-image: url("/images/instagram.png"); }
        #container nav #expandable .inner .contact {
          width: 117px;
          margin-left: 25px;
          padding-top: 50px;
          padding-right: 5px;
          background: url("../images/nav-chatbubble.png") no-repeat top right;
          position: absolute;
          bottom: 0;
          left: 0;
          text-align: right;
          font-family: Arvo, Georgia, Times, 'Times New Roman', Serif;
          color: #959595;
          font-size: 12px;
          line-height: 17px; }
          #container nav #expandable .inner .contact ul li {
            text-align: right;
            padding-right: 5px;
            padding-top: 5px;
            line-height: 23px;
            border-bottom: 1px dotted #acacac; }
            #container nav #expandable .inner .contact ul li h3 {
              font-family: Arial, Helvetica, Sans-serif;
              font-weight: bold;
              font-size: 14px;
              margin-bottom: 0px;
              color: #959595;
              cursor: pointer; }
            #container nav #expandable .inner .contact ul li p {
              display: none;
              line-height: 19px;
              margin-bottom: 10px; }
            #container nav #expandable .inner .contact ul li small {
              font-size: 11px; }
            #container nav #expandable .inner .contact ul li:hover {
              border-bottom: 1px dotted #ed1c24; }
              #container nav #expandable .inner .contact ul li:hover h3 {
                color: #ed1c24; }
          #container nav #expandable .inner .contact ul li.active h3 {
            color: #555;
            cursor: default; }
          #container nav #expandable .inner .contact ul li.active p {
            color: #555;
            display: block; }
          #container nav #expandable .inner .contact ul li.active:hover {
            border-bottom: 1px dotted #acacac; }
          #container nav #expandable .inner .contact ul #social_contact {
            padding: 15px 0 5px 0;
            width: 100%;
            float: right;
            border-bottom: 1px dotted #acacac; }
          #container nav #expandable .inner .contact ul .facebook {
            display: block;
            float: right;
            width: 19px;
            height: 19px;
            background: url("../images/facebook.png") no-repeat;
            margin-right: 7px; }
          #container nav #expandable .inner .contact ul .twitter {
            display: block;
            float: right;
            width: 19px;
            height: 19px;
            margin-right: 7px;
            background: url("../images/twitter.png") no-repeat; }
          #container nav #expandable .inner .contact .criticals {
            padding-top: 15px;
            padding-bottom: 15px;
            clear: both;
            font-size: 10px; }
            #container nav #expandable .inner .contact .criticals span {
              font-size: 14px; }

/* HOME STYLE */
#home {
  min-width: 1200px;
  max-width: 1200px;
  background: url("/images/diagonal_pattern.png") fixed;
  background-size: 18px;
  position: relative; }
  #home #container nav #expandable {
    height: 215px; }
  #home #lobby {
    width: 100%;
    height: 720px;
    background: url("/images/work_pattern.png"); }
    #home #lobby #shot {
      width: 100%;
      height: 100%;
      background-position: left bottom;
      background-repeat: no-repeat;
      background-size: 100%; }
      #home #lobby #shot.one {
        background-image: url("/images/lobby/1.jpg"); }
      #home #lobby #shot.three {
        background-image: url("/images/lobby/3.jpg"); }
      #home #lobby #shot.four {
        background-image: url("/images/lobby/4.jpg"); }
      #home #lobby #shot.five {
        background-image: url("/images/lobby/5.jpg"); }
      #home #lobby #shot.six {
        background-image: url("/images/lobby/6.jpg"); }
      #home #lobby #shot.seven {
        background-image: url("/images/lobby/7.jpg"); }
      #home #lobby #shot.eight {
        background-image: url("/images/lobby/8.jpg"); }
      #home #lobby #shot.nine {
        background-image: url("/images/lobby/9.jpg"); }
      #home #lobby #shot.ten {
        background-image: url("/images/lobby/10.jpg"); }
      #home #lobby #shot.eleven {
        background-image: url("/images/lobby/11.jpg"); }
      #home #lobby #shot.twelve {
        background-image: url("/images/lobby/12.jpg"); }
      #home #lobby #shot.thirteen {
        background-image: url("/images/lobby/13.jpg"); }
      #home #lobby #shot.fourteen {
        background-image: url("/images/lobby/14.jpg"); }
      #home #lobby #shot.fifteen {
        background-image: url("/images/lobby/15.jpg"); }
      #home #lobby #shot.sixteen {
        background-image: url("/images/lobby/16.jpg"); }
      #home #lobby #shot.seventeen {
        background-image: url("/images/lobby/17.jpg"); }
      #home #lobby #shot.eighteen {
        background-image: url("/images/lobby/18.jpg"); }
      #home #lobby #shot.nineteen {
        background-image: url("/images/lobby/19.jpg"); }
      #home #lobby #shot.twenty {
        background-image: url("/images/lobby/20.jpg"); }
      #home #lobby #shot.twentyone {
        background-image: url("/images/lobby/21.jpg"); }
      #home #lobby #shot.twentytwo {
        background-image: url("/images/lobby/22.jpg"); }
      #home #lobby #shot.twentythree {
        background-image: url("/images/lobby/23.jpg"); }
      #home #lobby #shot.twentyfour {
        background-image: url("/images/lobby/24.jpg"); }
      #home #lobby #shot.twentyfive {
        background-image: url("/images/lobby/25.jpg"); }
      #home #lobby #shot.twentysix {
        background-image: url("/images/lobby/26.jpg"); }
      #home #lobby #shot.twentyseven {
        background-image: url("/images/lobby/27.jpg"); }
        #home #lobby #shot.twentyseven .tv-video {
          left: 259px;
          position: absolute;
          top: 423px;
          width: 130px; }
  #home #main {
    position: relative;
    overflow: visible;
    min-height: 1200px;
    margin-top: -129px; }
    #home #main .level_test {
      position: fixed;
      top: 40px;
      left: 300px;
      width: 1px;
      height: 1px;
      background: transparent;
      z-index: 700; }
    #home #main #lobby_anchor {
      width: 100%;
      padding: 48px 0 0 0; }
      #home #main #lobby_anchor h2 {
        background: #000;
        background: rgba(0, 0, 0, 0.7);
        height: 81px;
        padding-left: 200px;
        font-weight: normal; }
        #home #main #lobby_anchor h2 p {
          font-family: Arvo, Georgia, Times, 'Times New Roman', Serif;
          font-size: 15px;
          color: #fff;
          padding: 30px 0 0 18px;
          font-weight: normal; }
          #home #main #lobby_anchor h2 p span {
            color: #ed1c24; }
          #home #main #lobby_anchor h2 p a {
            color: #fff;
            display: inline-block;
            margin: 3px 0;
            padding: 3px; }
            #home #main #lobby_anchor h2 p a:link, #home #main #lobby_anchor h2 p a:visited {
              text-decoration: underline; }
            #home #main #lobby_anchor h2 p a:hover, #home #main #lobby_anchor h2 p a:active {
              background: #c81118; }
      #home #main #lobby_anchor #lobby_button {
        background: transparent url("/images/arrow-up.png") no-repeat;
        width: 57px;
        height: 47px;
        position: absolute;
        top: 67px;
        right: 20px; }
        #home #main #lobby_anchor #lobby_button.down {
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          transform: rotate(180deg); }
    #home #main #content {
      background: #fff;
      min-height: 1200px;
      padding: 0px 280px 50px 210px; }
      #home #main #content article {
        padding-top: 20px; }
      #home #main #content .scrollup {
        border-bottom: 3px solid #a7a7a7;
        background: url("/images/dotted-arrow-up.png") 7px 0 no-repeat;
        height: 17px;
        margin: 0 0px 70px 35px;
        cursor: pointer; }
    #home #main #story_nav {
      position: absolute;
      top: 145px;
      left: 996px;
      width: 199px;
      overflow: hidden;
      height: 800px; }
      #home #main #story_nav .inside {
        position: absolute;
        right: 0;
        background: rgba(255, 255, 255, 0.9);
        width: 200px; }
        #home #main #story_nav .inside h3 {
          color: #a1a1a1;
          font-size: 19px;
          border-top: 4px solid #a1a1a1;
          padding: 2px 0 12px 2px; }
        #home #main #story_nav .inside .older, #home #main #story_nav .inside .back {
          display: inline-block;
          font-size: 14px;
          font-weight: bold;
          margin: 5px;
          padding-top: 0px; }
        #home #main #story_nav .inside .back {
          display: none; }
        #home #main #story_nav .inside ul {
          clear: both;
          list-style-type: none;
          overflow: hidden;
          width: 100%;
          padding: 0;
          margin: 0;
          border-bottom: 2px solid #6d6d6d; }
          #home #main #story_nav .inside ul.feature_list {
            display: none; }
          #home #main #story_nav .inside ul.active {
            display: block; }
          #home #main #story_nav .inside ul li {
            font: bold 14px Arial, Helvetica, Sans-serif;
            line-height: 15px;
            color: #a1a1a1;
            border-top: 1px dotted #acacac;
            margin-bottom: 15px;
            padding: 4px 2px 0 2px; }
            #home #main #story_nav .inside ul li p {
              cursor: pointer; }
            #home #main #story_nav .inside ul li.current {
              padding-top: 3px;
              border-top: 2px solid #636363;
              color: #636363; }
    #home #main #steves_link {
      display: block;
      width: 157px;
      height: 231px;
      background: url("/images/steves.png");
      position: absolute;
      bottom: -231px;
      left: 1000px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #home #lobby #shot.ten {
    background-image: url("/images/lobby/10@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.twelve {
    background-image: url("/images/lobby/12@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.thirteen {
    background-image: url("/images/lobby/13@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.fourteen {
    background-image: url("/images/lobby/14@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.fifteen {
    background-image: url("/images/lobby/15@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.sixteen {
    background-image: url("/images/lobby/16@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.seventeen {
    background-image: url("/images/lobby/17@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.eighteen {
    background-image: url("/images/lobby/18@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.twenty {
    background-image: url("/images/lobby/20@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.twentyone {
    background-image: url("/images/lobby/21@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.twentytwo {
    background-image: url("/images/lobby/22@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.twentythree {
    background-image: url("/images/lobby/23@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.twentyfour {
    background-image: url("/images/lobby/24@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.twentyfive {
    background-image: url("/images/lobby/25@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.twentysix {
    background-image: url("/images/lobby/26@2x.jpg");
    background-size: 1200px; }

  #home #lobby #shot.twentyseven {
    background-image: url("/images/lobby/27@2x.jpg");
    background-size: 1200px; } }
/* CONTACT STYLE */
#contact {
  min-width: 1000px;
  max-width: 1000px;
  background: #fff;
  position: relative; }
  #contact #main {
    position: relative;
    overflow: visible;
    background: #fff; }
    #contact #main header {
      margin-top: 48px;
      height: 60px;
      background: url("/images/diagonal_pattern.png") fixed;
      width: 100%;
      padding-top: 21px;
      position: relative;
      background-size: 18px; }
      #contact #main header h2 {
        width: 228px;
        height: 42px;
        margin-left: 280px;
        text-indent: -9999px;
        background: url("/images/contact.png"); }
      #contact #main header a {
        display: block;
        position: absolute;
        width: 64px;
        height: 50px;
        right: 12px;
        top: 18px;
        text-indent: -9999px;
        background: url("/images/hi.png"); }
    #contact #main #content {
      background: #fff;
      padding: 5px 0px 50px 200px; }
      #contact #main #content #generals {
        width: 100%; }
        #contact #main #content #generals p {
          font-family: Arvo, Georgia, Times, "Times New Roman", Serif;
          font-size: 11px;
          padding-top: 7px;
          line-height: 1.4; }
          #contact #main #content #generals p span {
            display: inline-block;
            color: #888;
            letter-spacing: .09em; }
        #contact #main #content #generals .address-methods {
          border-top: 2px solid #ed1f27;
          border-bottom: 4px solid #636363;
          padding: 1em 0 1em 4em; }
        #contact #main #content #generals h1 {
          font-family: 'Arvo';
          font-size: 1.75em;
          font-weight: normal; }
        #contact #main #content #generals .address {
          display: inline-block;
          text-align: left;
          vertical-align: top;
          width: 49%; }
          #contact #main #content #generals .address p {
            color: #959595;
            font-size: 1em;
            font-family: 'Arvo'; }
        #contact #main #content #generals .methods {
          margin: 2em 0 0;
          text-align: left; }
          #contact #main #content #generals .methods p {
            font-size: 1em; }
            #contact #main #content #generals .methods p a {
              display: inline-block;
              color: #888;
              letter-spacing: .09em; }
              #contact #main #content #generals .methods p a:link, #contact #main #content #generals .methods p a:visited {
                text-decoration: none; }
              #contact #main #content #generals .methods p a:hover, #contact #main #content #generals .methods p a:active {
                text-decoration: underline; }
      #contact #main #content ul#contacts {
        clear: both;
        margin: 0;
        padding: 20px 0 0 0;
        list-style-type: none; }
        #contact #main #content ul#contacts li {
          background: url("/images/contact-arrow.png") 15px 9px no-repeat; }
          #contact #main #content ul#contacts li h2 {
            height: 27px;
            padding-top: 3px;
            padding-left: 80px;
            border-top: 1px dotted #636363;
            border-bottom: 1px dotted #636363;
            color: #ed1f27;
            font-family: Arial, Helvetica, Sans-serif;
            font-weight: bold;
            font-size: 21px;
            width: 719px;
            /* background: url('/images/tiny-bubble.png') 765px 6px no-repeat; */ }
          #contact #main #content ul#contacts li p {
            font-family: Arvo, Georgia, Times, 'Times New Roman', Serif;
            font-size: 15px;
            line-height: 25px;
            padding-top: 5px;
            padding-bottom: 40px;
            padding-left: 80px;
            color: #959595; }
            #contact #main #content ul#contacts li p span {
              font-size: 13px;
              line-height: 23px; }
              #contact #main #content ul#contacts li p span.break {
                font-size: 15px;
                line-height: 25px;
                display: block;
                margin-top: 10px; }
          #contact #main #content ul#contacts li dl {
            margin-top: -20px;
            margin-bottom: 20px; }
            #contact #main #content ul#contacts li dl li {
              background: url("/images/arrow-right-small.gif") 35px 23px no-repeat; }
              #contact #main #content ul#contacts li dl li p {
                padding: 15px 3px;
                border-top: 1px dotted #636363;
                color: #959595;
                font-size: 14px;
                line-height: 25px;
                margin-left: 80px;
                font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
                font-weight: 300;
                font-stretch: normal; }
                #contact #main #content ul#contacts li dl li p span {
                  font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
                  font-weight: 300;
                  font-stretch: normal;
                  font-size: 16px;
                  color: #666; }
                #contact #main #content ul#contacts li dl li p a:link, #contact #main #content ul#contacts li dl li p a:visited {
                  color: #ee1a26; }
                #contact #main #content ul#contacts li dl li p a:hover, #contact #main #content ul#contacts li dl li p a:active {
                  color: #666; }

/* WORK PAGE STYLE */
#work {
  height: 100%;
  background-attachment: fixed; }
  #work nav {
    position: fixed; }
  #work #main {
    float: left; }
    #work #main .panel_nav {
      display: none;
      width: 70px;
      height: 70px;
      position: fixed;
      top: 300px;
      z-index: 700;
      cursor: pointer;
      background-color: #d8d8d8;
      background-color: rgba(205, 205, 194, 0.5); }
    #work #main .panel_nav:link, #work #main .panel_nav:visited {
      background-color: #d8d8d8;
      background-color: rgba(205, 205, 194, 0.5); }
    #work #main .panel_nav:hover, #work #main .panel_nav:active {
      background-color: #c8c8c8;
      background-color: rgba(205, 205, 194, 0.75); }
    #work #main .panel_next {
      background-image: url("../images/arrow-right.png");
      right: 0; }
    #work #main .panel_prev {
      background-image: url("../images/arrow-left.png"); }
    #work #main .level_test {
      position: fixed;
      top: 335px;
      left: 300px;
      width: 1px;
      height: 1px;
      background: transparent;
      z-index: 700; }
    #work #main #level_1 {
      background: #fff;
      min-height: 732px;
      position: relative; }
    #work #main #level_1, #work #main #level_2 {
      float: left;
      clear: both; }
    #work #main #level_2 {
      background: transparent;
      position: relative;
      padding-top: 0px;
      display: none;
      min-height: 732px; }
      #work #main #level_2 .wedge {
        background: url("../images/wedge.png") center center;
        height: 30px;
        cursor: pointer; }
      #work #main #level_2 .fader {
        padding-top: 74px;
        width: 100%;
        height: 100%; }
        #work #main #level_2 .fader .stretch {
          margin: 0 auto;
          padding-bottom: 50px; }
          #work #main #level_2 .fader .stretch a {
            color: #fff;
            font-weight: bold;
            font-size: 13px;
            float: right;
            background: url("/images/dotted-arrow-up.png") 0 11px no-repeat;
            padding-left: 23px;
            padding-top: 7px;
            padding-right: 3px; }
            #work #main #level_2 .fader .stretch a:hover, #work #main #level_2 .fader .stretch a:active {
              text-decoration: underline; }
          #work #main #level_2 .fader .stretch .content img {
            display: block;
            margin: 0 auto;
            margin-bottom: 5px; }
          #work #main #level_2 .fader .stretch .content iframe {
            display: block;
            margin: 0 auto;
            margin-bottom: 5px; }
  #work .panel2 {
    display: none; }
  #work .panel_scroll, #work .secondary {
    margin-left: 210px;
    float: left;
    width: 93%;
    min-width: 1100px; }
    #work .panel_scroll header, #work .secondary header {
      min-width: 900px; }
      #work .panel_scroll header h1, #work .secondary header h1 {
        color: #ed1c24;
        margin-bottom: 12px; }
      #work .panel_scroll header .work_title, #work .secondary header .work_title {
        background: url("../images/title_work.png");
        width: 166px;
        height: 46px;
        display: block;
        margin-top: 15px;
        margin-left: 5px; }
      #work .panel_scroll header .work_title:hover, #work .panel_scroll header .work_title:active, #work .secondary header .work_title:hover, #work .secondary header .work_title:active {
        background-position: 0 46px; }
      #work .panel_scroll header .title, #work .secondary header .title {
        float: left;
        width: 70%;
        min-width: 550px;
        border-top: 4px solid #ed1c24;
        border-bottom: 2px solid #ed1c24;
        height: 50px;
        margin-right: 8px; }
        #work .panel_scroll header .title h2, #work .secondary header .title h2 {
          padding-top: 10px;
          float: left;
          font-size: 22px;
          color: #ed1c24;
          padding-right: 15px;
          margin-bottom: 20px;
          /* border-right: 8px solid #fff; */
          height: 55px; }
          #work .panel_scroll header .title h2 a, #work .secondary header .title h2 a {
            color: #ed1c24; }
      #work .panel_scroll header .workmenu, #work .secondary header .workmenu {
        float: left;
        width: 270px;
        border-top: 4px solid #636363;
        border-bottom: 2px solid #ed1c24;
        height: 50px;
        position: relative;
        background: #fff;
        z-index: 800px; }
        #work .panel_scroll header .workmenu h2, #work .secondary header .workmenu h2 {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 900;
          padding-top: 10px;
          font-size: 17px;
          cursor: pointer; }
        #work .panel_scroll header .workmenu .arrow-down, #work .secondary header .workmenu .arrow-down {
          background: url("../images/dotted-arrow-down.png") no-repeat;
          width: 14px;
          height: 11px;
          display: inline-block;
          margin-left: 6px; }
        #work .panel_scroll header .workmenu .expandable, #work .secondary header .workmenu .expandable {
          display: none;
          width: 670px;
          background: #e1e1da;
          background: rgba(225, 225, 218, 0.95);
          position: absolute;
          right: 0px;
          top: 0px;
          z-index: 800;
          padding-bottom: 25px; }
          #work .panel_scroll header .workmenu .expandable .column, #work .secondary header .workmenu .expandable .column {
            width: 200px;
            margin: 30px 5px 0px 15px;
            float: left;
            color: #2f3333; }
            #work .panel_scroll header .workmenu .expandable .column h3, #work .secondary header .workmenu .expandable .column h3 {
              font-size: 16px;
              margin-top: 25px; }
              #work .panel_scroll header .workmenu .expandable .column h3.hits a, #work .secondary header .workmenu .expandable .column h3.hits a {
                color: #ed1c24; }
                #work .panel_scroll header .workmenu .expandable .column h3.hits a:link, #work .panel_scroll header .workmenu .expandable .column h3.hits a:visited, #work .secondary header .workmenu .expandable .column h3.hits a:link, #work .secondary header .workmenu .expandable .column h3.hits a:visited {
                  text-decoration: none; }
                #work .panel_scroll header .workmenu .expandable .column h3.hits a:hover, #work .panel_scroll header .workmenu .expandable .column h3.hits a:active, #work .secondary header .workmenu .expandable .column h3.hits a:hover, #work .secondary header .workmenu .expandable .column h3.hits a:active {
                  text-decoration: underline; }
            #work .panel_scroll header .workmenu .expandable .column ul, #work .secondary header .workmenu .expandable .column ul {
              margin: 0; }
              #work .panel_scroll header .workmenu .expandable .column ul li, #work .secondary header .workmenu .expandable .column ul li {
                list-style-type: none;
                color: #4a4a4a;
                margin: 4px 0; }
    #work .panel_scroll .panel_container, #work .secondary .panel_container {
      position: absolute;
      left: 0;
      top: 153px;
      width: 100%;
      height: 400px;
      overflow: visible;
      background: url("/images/loading.gif") 485px 190px no-repeat; }
      #work .panel_scroll .panel_container .pattern, #work .secondary .panel_container .pattern {
        width: 0;
        max-width: 300px;
        height: 112%;
        margin-top: -6%;
        position: absolute;
        right: 0;
        background-image: url("../images/diagonal_pattern.gif");
        z-index: 600; }
      #work .panel_scroll .panel_container .panels, #work .secondary .panel_container .panels {
        padding-left: 210px; }
        #work .panel_scroll .panel_container .panels .panel, #work .secondary .panel_container .panels .panel {
          display: none;
          width: 600px;
          height: 400px;
          padding-right: 0;
          margin-right: 0;
          float: left;
          opacity: 0.3;
          cursor: pointer; }
          #work .panel_scroll .panel_container .panels .panel:last-child, #work .secondary .panel_container .panels .panel:last-child {
            padding-right: 0px;
            margin-right: 0;
            background: transparent; }
          #work .panel_scroll .panel_container .panels .panel video, #work .secondary .panel_container .panels .panel video {
            display: none; }
          #work .panel_scroll .panel_container .panels .panel.active video, #work .secondary .panel_container .panels .panel.active video {
            display: block; }
          #work .panel_scroll .panel_container .panels .panel.active.video img, #work .secondary .panel_container .panels .panel.active.video img {
            display: none; }
          #work .panel_scroll .panel_container .panels .panel.active img, #work .secondary .panel_container .panels .panel.active img {
            cursor: pointer; }
          #work .panel_scroll .panel_container .panels .panel.active.noshow, #work .secondary .panel_container .panels .panel.active.noshow {
            cursor: default; }
            #work .panel_scroll .panel_container .panels .panel.active.noshow img, #work .secondary .panel_container .panels .panel.active.noshow img {
              cursor: default; }
    #work .panel_scroll .info, #work .secondary .info {
      margin-top: 448px;
      width: 70%;
      min-width: 550px;
      float: left;
      border-top: 4px solid #636363;
      margin-right: 0px; }
      #work .panel_scroll .info h3, #work .secondary .info h3 {
        width: 600px;
        padding-top: 4px;
        font-size: 24px;
        color: #636363; }
      #work .panel_scroll .info p, #work .secondary .info p {
        width: 600px;
        font-family: Georgia, Times, "Times New Roman", Serif;
        color: #636363;
        font-size: 14px;
        line-height: 25px; }
      #work .panel_scroll .info .links, #work .secondary .info .links {
        clear: both; }
        #work .panel_scroll .info .links a, #work .secondary .info .links a {
          float: left;
          margin-top: 15px;
          margin-right: 15px;
          border-top: 1px solid #ed1c24;
          font-weight: bold;
          font-size: 15px;
          background: url("../images/link.gif") 0 3px no-repeat;
          padding-left: 18px;
          padding-top: 2px;
          padding-right: 2px;
          color: #ed1c24; }
        #work .panel_scroll .info .links a:link, #work .panel_scroll .info .links a:visited, #work .secondary .info .links a:link, #work .secondary .info .links a:visited {
          text-decoration: none; }
        #work .panel_scroll .info .links a:hover, #work .panel_scroll .info .links a:active, #work .secondary .info .links a:hover, #work .secondary .info .links a:active {
          text-decoration: underline; }
    #work .panel_scroll .linked, #work .secondary .linked {
      margin-top: 448px;
      width: 278px;
      float: left;
      border-top: 4px solid #636363; }
      #work .panel_scroll .linked .types, #work .secondary .linked .types {
        padding-top: 5px;
        font-weight: bold;
        height: 60px; }
        #work .panel_scroll .linked .types .type1, #work .secondary .linked .types .type1 {
          color: #ed1c24; }
      #work .panel_scroll .linked .tags, #work .secondary .linked .tags {
        border-top: 2px solid #636363;
        padding-top: 5px; }
        #work .panel_scroll .linked .tags h4, #work .secondary .linked .tags h4 {
          float: left;
          margin-right: 10px; }
        #work .panel_scroll .linked .tags ul, #work .secondary .linked .tags ul {
          float: left;
          margin-left: 0;
          padding-left: 0; }
          #work .panel_scroll .linked .tags ul li, #work .secondary .linked .tags ul li {
            list-style-type: none;
            float: left;
            padding-right: 5px; }
  #work .secondary {
    min-width: 900px; }

/* ABOUT PAGE STYLE */
#about {
  min-width: 1000px;
  max-width: 1600px;
  background: url("/images/diagonal_pattern.png"); }
  #about nav {
    position: fixed; }
  #about #main {
    background: #fff;
    height: 3600px;
    position: relative; }
    #about #main h1 {
      text-indent: -9999px;
      background: url("/images/title_about.png") no-repeat;
      width: 270px;
      height: 244px;
      position: absolute;
      left: 217px;
      top: 1690px; }
    #about #main ul {
      border-top: 1px dotted #ed1c24;
      bottom: 1633px;
      position: absolute;
      width: 353px;
      left: 569px;
      list-style-type: none;
      margin-left: 0;
      padding-left: 0; }
      #about #main ul li {
        border-bottom: 1px dotted #ed1c24;
        color: #555555;
        padding: 6px 0 6px 0;
        height: 27px;
        overflow: hidden; }
        #about #main ul li h2 {
          font-family: Arvo, Georgia, Times, 'Times New Roman', Serif;
          font-size: 25px;
          color: #ed1c24;
          font-weight: normal;
          cursor: pointer; }
        #about #main ul li p {
          font-family: Arvo, Georgia, Times, 'Times New Roman', Serif;
          font-size: 12px;
          margin-bottom: 14px;
          line-height: 19px; }
    #about #main .photo {
      position: absolute;
      overflow: hidden; }
      #about #main .photo .expandable-handle {
        width: 25px;
        height: 25px;
        background: url("/images/arrow-about.png") no-repeat;
        position: absolute;
        left: 0;
        top: 7%;
        cursor: pointer;
        z-index: 300; }
        #about #main .photo .expandable-handle.open, #about #main .photo .expandable-handle.animating {
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          transform: rotate(-90deg); }
      #about #main .photo .pattern {
        background: url("/images/about-pattern.png");
        width: 0;
        height: 100%;
        z-index: 100; }
      #about #main .photo .expandable {
        z-index: 200;
        background: #a10f12;
        background: rgba(110, 2, 4, 0.7);
        position: absolute;
        top: 7%;
        left: 0;
        height: 25px;
        width: 0;
        overflow: hidden; }
        #about #main .photo .expandable h3 {
          font-family: Arvo, Georgia, Times, 'Times New Roman', Serif;
          font-size: 24px;
          line-height: 24px;
          color: #fff;
          margin-top: 40px;
          margin-left: 12px;
          margin-bottom: 3px;
          width: 80%;
          font-weight: normal; }
        #about #main .photo .expandable p {
          font-family: Georgia, Times, 'Times New Roman', Serif;
          font-size: 14px;
          line-height: 24px;
          color: #fff;
          margin-left: 12px;
          width: 85%;
          font-weight: normal; }
      #about #main .photo.video {
        cursor: pointer; }
      #about #main .photo#ceowwboiat {
        background: url("/images/about/philly/ceowwboiat.jpg");
        height: 99px;
        left: 325px;
        top: 187px;
        width: 99px; }
      #about #main .photo#photo_timelapse1 {
        background: url("/images/about/philly/timelapse-1.jpg");
        height: 287px;
        left: 434px;
        top: 172px;
        width: 443px; }
      #about #main .photo#toilet-1 {
        background: url("/images/about/philly/toilet-1.jpg");
        height: 378px;
        left: 887px;
        top: 77px;
        width: 133px; }
      #about #main .photo#horsee {
        background: url("/images/about/philly/horsee.jpg");
        height: 106px;
        left: 1029px;
        top: 142px;
        width: 106px; }
      #about #main .photo#twentyfifthfloor {
        background: url("/images/about/philly/25thfloor.jpg");
        height: 69px;
        left: 1029px;
        top: 258px;
        width: 267px; }
      #about #main .photo#bluelight {
        background: url("/images/about/philly/bluelight.jpg");
        height: 190px;
        left: 235px;
        top: 296px;
        width: 189px; }
      #about #main .photo#nolibs {
        background: url("/images/about/philly/nolibs.jpg");
        height: 82px;
        left: 84px;
        top: 1430px;
        width: 115px; }
      #about #main .photo#stairs {
        background: url("/images/about/philly/stairs.jpg");
        height: 322px;
        left: 231px;
        top: 501px;
        width: 193px; }
      #about #main .photo#lobbytv {
        background: url("/images/about/philly/lobbytv.jpg");
        height: 74px;
        left: 434px;
        top: 469px;
        width: 443px; }
      #about #main .photo#red {
        background: url("/images/about/philly/red.jpg");
        height: 269px;
        left: 434px;
        top: 553px;
        width: 303px; }
      #about #main .photo#cafe {
        background: url("/images/about/philly/cafe.jpg");
        height: 269px;
        left: 746px;
        top: 553px;
        width: 131px; }
      #about #main .photo#dispenser {
        background: url("/images/about/philly/dispenser.jpg");
        height: 109px;
        left: 887px;
        top: 465px;
        width: 128px; }
      #about #main .photo#photo_balcony {
        background: url("/images/about/philly/balcony.jpg");
        height: 236.88px;
        left: 1029.5px;
        top: 336.56px;
        width: 393px; }
      #about #main .photo#parlour {
        background: url("/images/about/philly/parlour.jpg");
        height: 241px;
        left: 888px;
        top: 583px;
        width: 424px; }
      #about #main .photo#moose {
        background: url("/images/about/philly/moose.jpg");
        height: 67px;
        left: 58px;
        top: 583px;
        width: 157px; }
      #about #main .photo#statue {
        background: url("/images/about/philly/statue.jpg");
        height: 128px;
        left: 25px;
        top: 1023px;
        width: 190px; }
      #about #main .photo#alexander {
        background: url("/images/about/philly/alexander.jpg");
        height: 351px;
        left: 32px;
        top: 663px;
        width: 183px; }
      #about #main .photo#photo_franktow {
        background: url("/images/about/philly/franktow.jpg");
        height: 422px;
        left: 225px;
        top: 832.5px;
        width: 199px; }
      #about #main .photo#elvis {
        background: url("/images/about/philly/elvis.jpg");
        height: 379.34px;
        left: 434px;
        top: 832px;
        width: 532px; }
      #about #main .photo#photo_timelapse2 {
        background: url("/images/about/philly/timelapse-2.jpg");
        height: 293px;
        left: 977px;
        top: 832px;
        width: 293px; }
      #about #main .photo#toilet-2 {
        background: url("/images/about/philly/toilet-2.jpg");
        height: 262px;
        left: 1281px;
        top: 832px;
        width: 96px; }
      #about #main .photo#cityhall {
        background: url("/images/about/philly/cityhall.jpg");
        height: 94px;
        left: 28px;
        top: 1161px;
        width: 187px; }
      #about #main .photo#stairsdoor {
        background: url("/images/about/philly/stairsdoor.jpg");
        height: 77px;
        left: 977px;
        top: 1135px;
        width: 372px; }
      #about #main .photo#hall {
        background: url("/images/about/philly/hall.jpg");
        height: 157px;
        left: 61px;
        top: 1264px;
        width: 363px; }
      #about #main .photo#blazers {
        background: url("/images/about/philly/blazers.jpg");
        height: 380.41px;
        left: 434px;
        top: 1222px;
        width: 393px; }
      #about #main .photo#twentyfourthhall {
        background: url("/images/about/philly/24thhall.jpg");
        height: 205px;
        left: 837px;
        top: 1222px;
        width: 370px; }
      #about #main .photo#mask {
        background: url("/images/about/philly/mask.jpg");
        height: 200px;
        left: 1217px;
        top: 1222px;
        width: 119px; }
      #about #main .photo#taxidermz {
        background: url("/images/about/philly/taxidermz.jpg");
        height: 172px;
        left: 212px;
        top: 1430px;
        width: 212px; }
      #about #main .photo#deercock {
        background: url("/images/about/philly/deercock.jpg");
        height: 167px;
        left: 837px;
        top: 1435px;
        width: 256px; }
      #about #main .photo#frame {
        background: url("/images/about/philly/frame.jpg");
        height: 169px;
        left: 1103px;
        top: 1435px;
        width: 237px; }
      #about #main .photo#santamonica-1 {
        background: url("/images/about/santamonica/1.jpg");
        height: 128px;
        left: 179px;
        top: 2081px;
        width: 197px; }
      #about #main .photo#santamonica-3 {
        background: url("/images/about/santamonica/3.jpg");
        height: 335px;
        left: 386px;
        top: 2081px;
        width: 503px; }
      #about #main .photo#santamonica-4 {
        background: url("/images/about/santamonica/4.jpg");
        height: 79px;
        left: 899px;
        top: 2081px;
        width: 167px; }
      #about #main .photo#santamonica-6 {
        background: url("/images/about/santamonica/6.jpg");
        height: 145px;
        left: 1076px;
        top: 2081px;
        width: 218px; }
      #about #main .photo#santamonica-2 {
        background: url("/images/about/santamonica/2.jpg");
        height: 143px;
        left: 115px;
        top: 2219px;
        width: 261px; }
      #about #main .photo#santamonica-5 {
        background: url("/images/about/santamonica/5.jpg");
        height: 245px;
        left: 899px;
        top: 2170px;
        width: 166px; }
      #about #main .photo#santamonica-7 {
        background: url("/images/about/santamonica/7.jpg");
        height: 161px;
        left: 1076px;
        top: 2236px;
        width: 242px; }
      #about #main .photo#santamonica-8 {
        background: url("/images/about/santamonica/8.jpg");
        height: 243px;
        left: 163px;
        top: 2372px;
        width: 213px; }
      #about #main .photo#santamonica-9 {
        background: url("/images/about/santamonica/9.jpg");
        height: 115px;
        left: 386px;
        top: 2426px;
        width: 162px; }
      #about #main .photo#santamonica-12 {
        background: url("/images/about/santamonica/12.jpg");
        height: 239px;
        left: 702px;
        top: 2426px;
        width: 360px; }
      #about #main .photo#santamonica-13 {
        background: url("/images/about/santamonica/13.jpg");
        height: 143px;
        left: 1076px;
        top: 2407px;
        width: 284px; }
      #about #main .photo#santamonica-11 {
        background: url("/images/about/santamonica/11.jpg");
        height: 114px;
        left: 386px;
        top: 2551px;
        width: 306px; }
      #about #main .photo#santamonica-10 {
        background: url("/images/about/santamonica/10.jpg");
        height: 115px;
        left: 555px;
        top: 2426px;
        width: 136px; }
      #about #main .photo#santamonica-14 {
        background: url("/images/about/santamonica/14.jpg");
        height: 105px;
        left: 1076px;
        top: 2560px;
        width: 158px; }
      #about #main .photo#santamonica-21 {
        background: url("/images/about/santamonica/21.jpg");
        height: 273px;
        left: 611px;
        top: 2675px;
        width: 114px; }
      #about #main .photo#santamonica-19 {
        background: url("/images/about/santamonica/19.jpg");
        height: 141px;
        left: 386px;
        top: 2675px;
        width: 215px; }
      #about #main .photo#santamonica-16 {
        background: url("/images/about/santamonica/16.jpg");
        height: 191px;
        left: 56px;
        top: 2625px;
        width: 320px; }
      #about #main .photo#santamonica-22 {
        background: url("/images/about/santamonica/22.jpg");
        height: 388px;
        left: 735px;
        top: 2675px;
        width: 582px; }
      #about #main .photo#santamonica-23 {
        background: url("/images/about/santamonica/23.jpg");
        height: 279px;
        left: 45px;
        top: 2958px;
        width: 419px; }
      #about #main .photo#santamonica-20 {
        background: url("/images/about/santamonica/20.jpg");
        height: 122px;
        left: 508px;
        top: 2826px;
        width: 94px; }
      #about #main .photo#santamonica-18 {
        background: url("/images/about/santamonica/18.jpg");
        height: 122px;
        left: 358px;
        top: 2826px;
        width: 142px; }
      #about #main .photo#santamonica-17 {
        background: url("/images/about/santamonica/17.jpg");
        height: 123px;
        left: 161px;
        top: 2826px;
        width: 185px; }
      #about #main .photo#santamonica-15 {
        background: url("/images/about/santamonica/15.jpg");
        height: 106px;
        left: 1244px;
        top: 2560px;
        width: 158px; }
      #about #main .photo#santamonica-24 {
        background: url("/images/about/santamonica/24.jpg");
        height: 191px;
        left: 474px;
        top: 2958px;
        width: 98px; }
      #about #main .photo#santamonica-26 {
        background: url("/images/about/santamonica/26.jpg");
        height: 83px;
        left: 582px;
        top: 3066px;
        width: 143px; }
      #about #main .photo#santamonica-27 {
        background: url("/images/about/santamonica/27.jpg");
        height: 192px;
        left: 474px;
        top: 3159px;
        width: 128px; }
      #about #main .photo#santamonica-28 {
        background: url("/images/about/santamonica/28.jpg");
        height: 91px;
        left: 612px;
        top: 3159px;
        width: 114px; }
      #about #main .photo#santamonica-30 {
        background: url("/images/about/santamonica/30.jpg");
        height: 149px;
        left: 735px;
        top: 3073px;
        width: 224px; }
      #about #main .photo#santamonica-25 {
        background: url("/images/about/santamonica/25.jpg");
        height: 98px;
        left: 582px;
        top: 2958px;
        width: 143px; }
      #about #main .photo#santamonica-32 {
        background: url("/images/about/santamonica/32.jpg");
        height: 278px;
        left: 969px;
        top: 3073px;
        width: 122px; }
      #about #main .photo#santamonica-35 {
        background: url("/images/about/santamonica/35.jpg");
        height: 135px;
        left: 474px;
        top: 3361px;
        width: 203px; }
      #about #main .photo#santamonica-34 {
        background: url("/images/about/santamonica/34.jpg");
        height: 183px;
        left: 189px;
        top: 3247px;
        width: 275px; }
      #about #main .photo#santamonica-31 {
        background: url("/images/about/santamonica/31.jpg");
        height: 119px;
        left: 734px;
        top: 3232px;
        width: 226px; }
      #about #main .photo#santamonica-33 {
        background: url("/images/about/santamonica/33.jpg");
        height: 203px;
        left: 1101px;
        top: 3073px;
        width: 304px; }
      #about #main .photo#santamonica-36 {
        background: url("/images/about/santamonica/36.jpg");
        height: 97px;
        left: 687px;
        top: 3361px;
        width: 146px; }
      #about #main .photo#santamonica-37 {
        background: url("/images/about/santamonica/37.jpg");
        height: 168px;
        left: 839px;
        top: 3361px;
        width: 252px; }
      #about #main .photo#santamonica-38 {
        background: url("/images/about/santamonica/38.jpg");
        height: 147px;
        left: 1101px;
        top: 3286px;
        width: 147px; }
      #about #main .photo#santamonica-29 {
        background: url("/images/about/santamonica/29.jpg");
        height: 91px;
        left: 612px;
        top: 3260px;
        width: 114px; }
    #about #main .office {
      font-family: 'Arvo';
      font-size: 1.5em;
      position: absolute; }
      #about #main .office.philly {
        left: 360px;
        top: 1623px; }
      #about #main .office.santa-monica {
        left: 910px;
        top: 2030px; }

/* PEOPLE PAGE STYLE */
#people {
  /*width: ($number_of_profile_panels * 476px) + 100px;*/
  background: #ecefee; }
  #people nav {
    position: fixed; }
  #people #main h1 {
    position: absolute;
    z-index: 9999;
    margin-left: 199px;
    width: 402px;
    height: 81px;
    top: 48px;
    background: url("/images/diagonal_pattern_2.png");
    background-size: 18px; }
    #people #main h1 a {
      display: block;
      text-indent: -9999px;
      width: 340px;
      height: 47px;
      margin-top: 17px;
      margin-left: 40px;
      background: url("/images/shitheads.png") no-repeat; }
  #people #main #profiles ul {
    width: 10912px;
    height: 595px;
    list-style-type: none;
    margin-left: 0; }
    #people #main #profiles ul li {
      float: left;
      width: 495px;
      height: 650px;
      position: relative;
      margin-right: 1px;
      overflow: hidden;
      background-position: 50% 28%; }
      #people #main #profiles ul li.stevered {
        background-image: url("/images/profiles/stevered.jpg"); }
      #people #main #profiles ul li.oconnell {
        background-image: url("/images/profiles/oconnell.jpg"); }
      #people #main #profiles ul li.carla {
        background-image: url("/images/profiles/carla.jpg"); }
      #people #main #profiles ul li.jared {
        background-image: url("/images/profiles/jared.jpg"); }
      #people #main #profiles ul li.susan {
        background-image: url("/images/profiles/susan.jpg"); }
      #people #main #profiles ul li.toddtaylor {
        background-image: url("/images/profiles/toddtaylor.jpg"); }
      #people #main #profiles ul li.ryan {
        background-image: url("/images/profiles/ryan.jpg"); }
      #people #main #profiles ul li.vann {
        background-image: url("/images/profiles/vann.jpg"); }
      #people #main #profiles ul li.annie {
        background-image: url("/images/profiles/annie.jpg"); }
      #people #main #profiles ul li.uri {
        background-image: url("/images/profiles/uri.jpg"); }
      #people #main #profiles ul li.kelly {
        background-image: url("/images/profiles/kelly.jpg"); }
      #people #main #profiles ul li.mosca {
        background-image: url("/images/profiles/mosca.jpg"); }
      #people #main #profiles ul li.grando {
        background-image: url("/images/profiles/grando.jpg"); }
      #people #main #profiles ul li.perry {
        background-image: url("/images/profiles/perry.jpg"); }
      #people #main #profiles ul li.hilary {
        background-image: url("/images/profiles/hilary.jpg"); }
      #people #main #profiles ul li.amanda {
        background-image: url("/images/profiles/amanda.jpg"); }
      #people #main #profiles ul li.adam {
        background-image: url("/images/profiles/adam.jpg"); }
      #people #main #profiles ul li.joe {
        background-image: url("/images/profiles/joe.jpg"); }
      #people #main #profiles ul li.starkey {
        background-image: url("/images/profiles/starkey.jpg"); }
      #people #main #profiles ul li.andy {
        background-image: url("/images/profiles/andy.jpg"); }
      #people #main #profiles ul li.woodbine {
        background-image: url("/images/profiles/woodbine.jpg"); }
      #people #main #profiles ul li.gnit {
        background-image: url("/images/profiles/gnit.jpg");
        background-position: 50% 80%; }
      #people #main #profiles ul li.cuteness div {
        float: left;
        width: 247px;
        height: 297px; }
        #people #main #profiles ul li.cuteness div#woodbine {
          background: url("/images/profiles/woodbine.jpg"); }
        #people #main #profiles ul li.cuteness div#gnit {
          margin-top: 1px;
          clear: both;
          background: url("/images/profiles/gnit.jpg"); }
        #people #main #profiles ul li.cuteness div .info {
          height: 0px;
          overflow: visible;
          position: relative; }
          #people #main #profiles ul li.cuteness div .info .bg {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: url("/images/people-transbg.png");
            background-size: 24px; }
          #people #main #profiles ul li.cuteness div .info .vitals {
            display: block;
            padding: 7px 0;
            overflow: visible; }
            #people #main #profiles ul li.cuteness div .info .vitals h2, #people #main #profiles ul li.cuteness div .info .vitals h3 {
              width: 417px;
              font-family: Akzidenz, Arial, Helvetica, Sans-serif;
              font-weight: normal;
              text-transform: uppercase;
              padding-left: 24px;
              padding-right: 30px;
              z-index: 300;
              position: relative;
              color: #fff; }
            #people #main #profiles ul li.cuteness div .info .vitals h2 {
              font-size: 24px;
              letter-spacing: 3px;
              padding-bottom: 1px; }
              #people #main #profiles ul li.cuteness div .info .vitals h2:hover {
                cursor: pointer;
                color: #ed1c24; }
      #people #main #profiles ul li.active .info .vitals .reveal {
        display: block; }
      #people #main #profiles ul li .pattern {
        z-index: 0;
        background: url("/images/people-pattern.png");
        height: 595px;
        width: 100%;
        float: left;
        position: relative; }
      #people #main #profiles ul li .arrow {
        position: absolute;
        z-index: 400;
        bottom: -57px;
        width: 46px;
        height: 57px;
        display: none; }
      #people #main #profiles ul li .left {
        left: 20px;
        background: url("/images/people-arrow-left.png"); }
      #people #main #profiles ul li .right {
        right: 20px;
        background: url("/images/people-arrow-right.png"); }
      #people #main #profiles ul li .info {
        margin-top: 135px;
        height: 0px;
        overflow: visible;
        position: relative; }
        #people #main #profiles ul li .info .bg {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          background: url("/images/people-transbg.png");
          background-size: 24px; }
        #people #main #profiles ul li .info .vitals {
          display: block;
          padding: 7px 0;
          overflow: visible; }
          #people #main #profiles ul li .info .vitals h2, #people #main #profiles ul li .info .vitals h3 {
            font-family: Akzidenz, Arial, Helvetica, Sans-serif;
            font-weight: normal;
            text-transform: uppercase;
            padding-left: 47px;
            padding-right: 30px;
            z-index: 300;
            position: relative;
            color: #fff;
            float: left;
            clear: both;
            transition: background-color .25s; }
          #people #main #profiles ul li .info .vitals h2 {
            font-family: Arvo, Georgia, Times, 'Times New Roman', Serif;
            font-size: 36px;
            letter-spacing: 3px;
            margin-top: 10px;
            color: #48494a; }
            #people #main #profiles ul li .info .vitals h2:hover {
              cursor: pointer;
              color: #d22509; }
          #people #main #profiles ul li .info .vitals h3 {
            font-size: 18px;
            letter-spacing: 1px;
            margin-top: 2px;
            padding-top: 5px;
            padding-bottom: 0;
            max-width: 67%; }
          #people #main #profiles ul li .info .vitals .reveal {
            display: none; }
          #people #main #profiles ul li .info .vitals.open {
            cursor: default; }
            #people #main #profiles ul li .info .vitals.open h2, #people #main #profiles ul li .info .vitals.open h3 {
              background-color: rgba(255, 0, 0, 0); }
            #people #main #profiles ul li .info .vitals.open h2 {
              color: #fff;
              cursor: default; }
              #people #main #profiles ul li .info .vitals.open h2:hover {
                color: #fff; }
            #people #main #profiles ul li .info .vitals.open .close {
              display: block;
              text-transform: uppercase;
              background: url("/images/x.png") 0 9px no-repeat;
              padding-left: 17px;
              padding-top: 5px;
              width: 100px;
              font-family: Akzidenz, Arial, Helvetica, Sans-serif;
              line-height: 24px;
              font-size: 13px;
              left: 47px;
              z-index: 300;
              position: relative;
              color: #fff;
              display: none;
              cursor: pointer; }
        #people #main #profiles ul li .info .close {
          display: none; }
        #people #main #profiles ul li .info p {
          width: 417px;
          font-family: Georgia;
          line-height: 24px;
          font-size: 14px;
          left: 47px;
          z-index: 300;
          position: relative;
          color: #fff;
          display: none;
          font-weight: normal;
          clear: both; }
    #people #main #profiles ul .active .reveal {
      display: block;
      text-transform: uppercase;
      background: url("/images/dotted-arrow-down.png") 0 8px no-repeat;
      padding-left: 21px;
      padding-top: 2px;
      width: 100px;
      font-family: Akzidenz, Arial, Helvetica, Sans-serif;
      line-height: 24px;
      font-size: 13px;
      left: 47px;
      z-index: 300;
      position: relative;
      color: #d22509;
      cursor: pointer;
      display: none;
      min-height: 30px;
      float: left;
      clear: both; }
    #people #main #profiles ul .active .arrow {
      display: block; }
    #people #main #profiles ul .start {
      width: 198px;
      position: relative; }

/* Job Styles */
#job {
  min-width: 1200px;
  max-width: 1200px;
  background: url("/images/diagonal_pattern.png") fixed;
  position: relative; }
  #job #main {
    position: relative;
    overflow: visible;
    min-height: 1100px;
    background: #fff; }
    #job #main header {
      width: 100%;
      padding: 48px 0 0 0; }
      #job #main header h2 {
        background: #000;
        background: rgba(0, 0, 0, 0.7);
        height: 81px;
        padding-left: 200px;
        font-weight: normal; }
        #job #main header h2 p {
          font-family: Arvo, Georgia, Times, 'Times New Roman', Serif;
          font-size: 15px;
          color: #fff;
          padding: 32px 0 0 18px;
          font-weight: normal; }
          #job #main header h2 p span {
            color: #ed1c24; }
    #job #main #content {
      background: #fff;
      min-height: 950px;
      padding: 0px 350px 50px 210px; }
      #job #main #content h1 {
        padding: 10px 0;
        font-size: 20px; }
      #job #main #content table {
        width: 75%; }
        #job #main #content table tr {
          height: 30px; }
          #job #main #content table tr th {
            text-align: left; }
      #job #main #content .field {
        margin-bottom: 10px; }
      #job #main #content #short-desc textarea {
        width: 100%;
        height: 175px; }
      #job #main #content #long-desc textarea {
        width: 100%;
        min-height: 510px; }
      #job #main #content .actions {
        margin-bottom: 10px; }
      #job #main #content p, #job #main #content ul, #job #main #content ol {
        font-family: Arvo, Georgia, Times, 'Times New Roman', Serif;
        font-size: 14px;
        color: #362F2D;
        padding: 25px 0 0 10px;
        font-weight: normal;
        line-height: 1.5; }
        #job #main #content p span, #job #main #content ul span, #job #main #content ol span {
          color: #ed1c24; }
        #job #main #content p a, #job #main #content ul a, #job #main #content ol a {
          color: #ed1c24;
          text-decoration: underline; }
      #job #main #content ul, #job #main #content ol {
        padding-top: 0;
        padding-left: 2px; }
      #job #main #content hr {
        margin: 30px 0 0 10px;
        width: 97%; }