/* -------------------------------------------------------------------------- */
/* HP BOX                                                                     */
/* -------------------------------------------------------------------------- */

  #hp-boxes
  {
    margin: 40px 50px;
    font-weight: 200;
  }

  .hp-box-1
  {
    float: left;
    width: 320px;
    margin-right: 110px;
    text-align: center;
  }

  .hp-box-last
  {
    margin-right: 0px;
  }


  .hp-box-1 h2
  {
    font-weight: 200;
    color: #339BD4;
    margin: 0px 0px 5px 0px;
    font-size: 220%;
  }

  .hp-box-1 h2 a         { color: #339BD4; text-decoration: none; }
  .hp-box-1 h2 a:link    { color: #339BD4; text-decoration: none; }
  .hp-box-1 h2 a:visited { color: #339BD4; text-decoration: none; }
  .hp-box-1 h2 a:active  { color: #339BD4; text-decoration: none; }
  .hp-box-1 h2 a:hover   { color: #339BD4; text-decoration: underline; }

  .hp-box-text
  {
    height: 90px;
  }


  .hp-box-image
  {
    height: 220px;
    position: relative;
  }

  .hp-box-button
  {
    position: absolute;
    left: 0px;
    top: 85px;
    width: 320px;
    font-size: 150%;
    font-weight: 200;
  }

   .hp-box-button a
   {
      display: block;
      color: #FFFFFF;
      background:  url(img/hpslidebox-arrow.png) right center no-repeat #000000;
      background:  url(img/hpslidebox-arrow.png) right center no-repeat rgba(0,0,0,0.5);
      padding:  13px 40px 13px 20px;
   }

  .hp-box-button a         { color: #FFFFFF;   text-decoration: none;}
  .hp-box-button a:link    { color: #FFFFFF;   text-decoration: none;}
  .hp-box-button a:visited { color: #FFFFFF;   text-decoration: none;}
  .hp-box-button a:active  { color: #FFFFFF;   text-decoration: none;}
  .hp-box-button a:hover   { color: #FFFFFF;   text-decoration: none;}