html { height: 100%; }
    body { height: 100%; background-color: #68AAD0; font-family: Calibri, Verdana, Arial, Helvetica; margin: 0; }
    
    .rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
    .clickable { cursor: pointer; }
    
    div.wrapper { width: 100%; margin: 0 0 -80px -70px; min-height: 100%; height: 100%; }
    
    div.footer { width: 100%; max-height: 68px; height: 68px; margin: 0; text-align: center; }
        p.footer { font-size: .8em; color: #333333; }
        p.footer a { text-decoration: none; color: #333333; }
        p.footer a:hover { text-decoration: underline; color: #ffffff; }
        
    div.mainSplash { width: 1059px; height: 359px; display: block; margin: 100px auto -100px; position: relative;}
        div.logoPiece { display: block; position: absolute; width: 1059px; height: 218px; top: 0px; left: 0px; background-image: url('../img/main/logoPiece.png'); background-repeat: no-repeat; }
        div.step1 { display: block; position: absolute; width: 328px; height: 141px; top: 218px; left: 75px; background-image: url('../img/main/step1.png'); background-repeat: no-repeat; }
        div.step2 { display: block; position: absolute; width: 328px; height: 141px; top: 218px; left: 403px; background-image: url('../img/main/step2.png'); background-repeat: no-repeat; }
        div.step3 { display: block; position: absolute; width: 328px; height: 141px; top: 218px; left: 731px; background-image: url('../img/main/step3.png'); background-repeat: no-repeat; }