/* --- 3 Column Layout --- */

    #home-intro {
      line-height:125%;
      width:940px;
      overflow:none;
    }

    #home-intro-banner {
        height: 271px;
        padding-right:30px;
        padding-left:30px;
        padding-top: 80px;
    }

      #home-intro-banner table {
        width:880px;
      }
      
      tdisplay: block;     display: block;
        position: relative;
      }

      #home-intro-banner table tr td.square {
        width: 271px;
        height: 181px;
        background: url("images/mp-white-square.png") no-repeat top center;
        vertical-align: top;
      }

      .learn {  
        display: block;
        position: absolute;
        bottom: 20px; left: 20px;
        font-size: 80%;
        font-weight: bold;  
      }
      .try {
        display: block;
        position: absolute;
        bottom: 40px; right: 20px;
        font-size: 80%;
        font-weight: bold;      
      }
      .buy,
      .download {
        display: block;
        position: absolute;
        bottom: 20px; right: 20px;
        font-size: 80%;
        font-weight: bold;      
      }


      #home-intro-banner a {
        color: #eef;
      }

      #home-intro-banner a:hover {
        color: #0D71C0;
      }



  #home-sub-banner {
      padding-right:30px;
      padding-left:30px;
      margin-top: 6em;
  }


    #home-sub-banner table {
      width:880px;
      border:solid 1px red;
    }

    #home-sub-banner table tr td.square {
      width: 271px;
      height: 181px;
      background: url("../img/mp-gray-square.png") no-repeat top center;
      vertical-align: top;
    }

    #home-sub-banner table tr td img {
      float: right;
      padding-right:8px;
      padding-top:2px;
    }



#home-sub-banner a {
  color: #0D71C0;
}

#home-sub-banner a:hover {
  color: #99f;
}

div.home-caption {
  color: #274E80;
  font-size: 1em;
  font-weight: bold;
  position: absolute;
  top: 12px left: 20px;4
  20px 10px 20pxdth: 200px;
}

div.home-content {
  width: 230px;
  color:#19194b;
  font-size:0.9em;
  margin: 50px 20px 0;
  text-align:left;
}

/* splash background */
#splash-bg {
  z-index: -1;
  position: absolute;
  top: 91px;
  left: 0; right: 0;
  height: 400px;
  background-color: #34679d;
}
  #splash-bg .wrapper {
    position: relative;
    width: 940px;
    margin: 0 auto;
    height: 400px;
  }

  #splash-img {
    display: block;
    position: absolute;
    width: 100%;
    height: 400px;
  }
  
  #splash-bg h1 {
    color: #fff;
    opacity: 0.5;
    font-size: 185%;
    border: 0;
    position: absolute;
    top: 20px; left: 37px;
  }
  
  #splash-bg h2 {
    color: #fff;
    font-size: 125%;
    position: absolute;
    bottom: 15px; left: 337px;
  }