.foreground1 {}
  .foreground1 .social { }
      .foreground1 .social .twitter { margin-bottom: -110px; position: relative;
          z-index: 2; width: 50%; float: left; }
        .foreground1 .social .twitter ul { list-style-type: none;
            font-size: 70%; font-style: italic; margin-top: 10px;
            margin-left: 60px; padding: 10px; width: 450px; padding-right: 40px;
            height: 71px; background-image: url(../images/twitter-paper.png); }
          .foreground1 .social .twitter li { margin: 5px; }
          .foreground1 .social .twitter a:link,
          .foreground1 .social .twitter a:visited { color: red; }
      .foreground1 {
    position: relative;
    width: 900px; margin: 0 auto;
    background: url(../images/blue-flowers.png) top center no-repeat;
    min-height: 100%; }
  .foreground1 .navigation { height: 80px; position: relative; z-index: 1; }
  .foreground1 .side-navigation { width: 150px; position: absolute;
      right: -150px; }
  .foreground1 .page { position: relative; height: 525px;
      background: url(../images/page.png) top left no-repeat;
      padding: 65px 55px; padding-left: 37px; }
    .foreground1 .page .content { margin-top: -20px; }
      .foreground1 .page .content .title { float: left; width: 400px; }
      .foreground1 .page .content .text { float: right; width: 390px;
          margin-right: -30px; max-height: 570px; overflow: auto; }
  .foreground1 .social { text-align: right; }