@import url(reset.css);
h1 {
  display: none; }

body {
  background: #000;
  color: #FFF;
  line-height: 1.6;
  font-family: "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px; }
  body a {
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px solid #FFF; }
  body p {
    margin-bottom: 22px; }

#All {
  width: 670px;
  margin: 85px auto 0 auto; }
  #All #Panels {
    z-index: 2;
    position: relative; }
  #All .description {
    text-transform: uppercase;
    letter-spacing: 1px; }
    #All .description strong {
      font-weight: bold; }
  #All #OverlayPanels {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
    #All #OverlayPanels #OverlayR {
      float: left; }
    #All #OverlayPanels #OverlayTM {
      float: right; }

.panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  .panel .card {
    background: #FFF;
    width: 324px;
    height: 500px;
    position: relative;
    color: #000; }
    .panel .card .links {
      background-color: #e2007a;
      width: 265px;
      height: 60px;
      position: absolute;
      top: 25px;
      left: 25px;
      padding-top: 15px; }
      .panel .card .links li {
        margin-left: 25px;
        color: #FFF; }
        .panel .card .links li a {
          border-color: #f180bd; }
        .panel .card .links li em {
          font-size: 10px; }
    .panel .card .details {
      position: absolute;
      bottom: 48px;
      left: 50px; }
      .panel .card .details h2 {
        display: inline;
        width: auto;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 10px 20px 0 0;
        background-position: top right;
        background-repeat: no-repeat; }
      .panel .card .details h3 {
        color: #e2007a;
        margin-bottom: 22px; }
      .panel .card .details a {
        color: #000;
        border-color: #000; }
  .panel .vita {
    position: relative;
    width: 250px;
    height: 500px; }
    .panel .vita .details {
      position: absolute;
      bottom: 0;
      right: 0; }
      .panel .vita .details h4 {
        text-transform: uppercase;
        margin-bottom: 19px; }
      .panel .vita .details dl {
        font-size: 10px;
        margin-bottom: 22px;
        float: left;
        width: 100%; }
        .panel .vita .details dl dt, .panel .vita .details dl dd {
          line-height: 2.1; }
        .panel .vita .details dl dt {
          float: left;
          width: 75px; }
        .panel .vita .details dl dd {
          float: left;
          width: 175px;
          text-transform: uppercase; }
          .panel .vita .details dl dd em {
            text-transform: none; }
      .panel .vita .details .dob {
        font-size: 10px; }

#PanelR {
  display: none; }
  #PanelR .card {
    float: left; }
    #PanelR .card h2 {
      background-image: url(../images/badge-r.gif); }
  #PanelR .vita {
    float: right; }

#PanelTM {
  display: none; }
  #PanelTM .card {
    width: 323px;
    float: right; }
    #PanelTM .card .links {
      background-color: #009ee1;
      padding-top: 25px;
      height: 50px; }
      #PanelTM .card .links a {
        border-color: #80cff0; }
    #PanelTM .card h2 {
      background-image: url(../images/badge-tm.gif); }
    #PanelTM .card h3 {
      color: #009ee1; }
  #PanelTM .vita {
    float: left; }
    #PanelTM .vita .details {
      bottom: 21px; }

.legal h2, .legal h3 {
  font-size: 18px; }
.legal h2 {
  display: none; }
.legal h3 {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 22px;
  letter-spacing: 1px;
  text-transform: uppercase; }
.legal h4 {
  text-transform: uppercase; }
.legal p span {
  width: 20px;
  display: block;
  float: left; }
.legal #Back {
  position: fixed;
  bottom: 5px;
  right: 7px;
  font-size: 11px;
  border: 0;
  color: #FFF; }
  .legal #Back:hover {
    text-decoration: underline; }

#Legal {
  position: absolute;
  bottom: 5px;
  right: 7px;
  font-size: 11px;
  border: 0; }
  #Legal:hover {
    text-decoration: underline; }

#LegalPanels {
  margin: 22px 0; }
  #LegalPanels h3 {
    font-size: 14px; }
  #LegalPanels div {
    width: 325px; }
    #LegalPanels div a {
      color: #FFF;
      border-color: #FFF; }
  #LegalPanels #LegalR h3 {
    color: #e2007a; }
  #LegalPanels #LegalTM h3 {
    color: #009ee1; }