html, body {
      height: 100%;
    }
    body {
      display: table;
      width: 500px;
      margin: 0 auto;
      background-color: #fff;
      font: normal 12px Verdana;
    }
    #wrapper {
      display: table-cell;
      vertical-align: middle;
    }
    #cell {
        width: 500px;
        height: 300px;
        margin: 0px auto; /* Right and left margin widths set to "auto" */
        color: #000;
        border: 1px dotted #ddd;
        background-color: #fff;
        background-image: url(index.jpg);
        background-repeat: no-repeat;
        background-position: center right;
    }
    #content {
        width: 450px;
        margin: 10px ;
    }
    #copyright {
      font: normal 9px Verdana;
        position: relative;
        top: 20px;
        text-align: right;
    }
    #logo {
        position: relative;
        top: 20px;
        text-align: left;
    }