body #container #home-splash {
  height: 316px; }
  body #container #home-splash #features {
    position: relative;
    height: 316px;
    width: 781px;
    float: left;
    background: url("/images/clarifacts.com/home/home-features-bg.png") no-repeat; }
    body #container #home-splash #features .chooser {
      position: absolute;
      bottom: 25px;
      left: 0;
      height: 14px;
      z-index: 999; }
      body #container #home-splash #features .chooser ul li {
        width: 14px;
        height: 14px;
        display: block;
        float: left;
        padding-right: 5px; }
        body #container #home-splash #features .chooser ul li:hover a, body #container #home-splash #features .chooser ul li.active a {
          background: url("/images/clarifacts.com/home/home-chooser-bullet-on.png"); }
        body #container #home-splash #features .chooser ul li a {
          display: block;
          float: left;
          width: 14px;
          height: 14px;
          background: url("/images/clarifacts.com/home/home-chooser-bullet-off.png") no-repeat;
          text-decoration: none; }
    body #container #home-splash #features .feature {
      position: absolute;
      top: 0;
      left: 0;
      width: 725px;
      height: 260px;
      padding: 28px;
      color: white;
      font-size: 9pt;
      z-index: 100; }
      body #container #home-splash #features .feature .content {
        width: 402px;
        height: 240px;
        float: left;
        padding-top: 10px; }
        body #container #home-splash #features .feature .content h1 {
          margin-bottom: 0;
          font-size: 24pt;
          line-height: 100%;
          margin-bottom: 10px;
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-weight: 100;
          color: #ffdc79; }
        body #container #home-splash #features .feature .content a {
          color: white; }
      body #container #home-splash #features .feature .video {
        width: 312px;
        height: 240px;
        float: right; }
        body #container #home-splash #features .feature .video .quote {
          font-style: italic;
          margin-bottom: 5px;
          text-align: right; }
        body #container #home-splash #features .feature .video .name {
          text-align: right;
          font-size: 105%;
          color: #cbd8e7;
          font-weight: bold; }
  body #container #home-splash #share {
    height: 306px;
    width: 149px;
    float: right;
    background: url("/images/clarifacts.com/home/home-newsletter-signup-bg-no-share.png") no-repeat; }
    body #container #home-splash #share #newsletter-signup {
      height: 260px; }
    body #container #home-splash #share #follow {
      height: 72px; }
body #container #content {
  background: white url("/images/clarifacts.com/shared/content-top-bg.png") repeat-x;
  min-height: 60px;
  padding: 30px 18px;
  clear: both; }
  body #container #content div.callout-box {
    position: relative;
    width: 277px;
    background: url("/images/clarifacts.com/home/home-callout-box-bg.png") repeat-y;
    padding: 42px 10px 5px 10px;
    float: left;
    margin-right: 10px;
    font-size: 9pt;
    font-family: Georgia, "Times New Roman", serif;
    color: #555555; }
    body #container #content div.callout-box * {
      z-index: 10; }
    body #container #content div.callout-box.last {
      margin-right: 0; }
    body #container #content div.callout-box h1 {
      position: absolute;
      top: 0;
      left: 0;
      width: 297px;
      height: 32px;
      line-height: 36px;
      padding: 0 20px;
      color: #0f1a32;
      font-size: 13pt;
      font-family: Helvetica, Arial, sans-serif;
      background: url("/images/clarifacts.com/home/home-callout-box-top.png") no-repeat;
      font-weight: normal; }
    body #container #content div.callout-box div.bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 297px;
      height: 18px;
      background: url("/images/clarifacts.com/home/home-callout-box-bottom.png") no-repeat;
      z-index: 1; }
    body #container #content div.callout-box p {
      text-align: right;
      font-size: 7pt; }
      body #container #content div.callout-box p a {
        font-family: Helvetica, Arial, sans-serif;
        color: #555555; }
  body #container #content:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }
