@keyframes showui {
    from { top: -400px; }
    to { top: 0px}
}

@keyframes hideui {
    from { top: 0px; }
    to { top: -400px}
}

#canvaslayer {
    z-index:-1; 
    top:0; 
    left:0; 
    position:absolute;
    overflow:hidden;
}

#glcanvas {
    position:fixed;
    border:none;
    overflow:hidden;
}

#textlayer {
    z-index:1; 
    top:0; 
    left:0; 
    position:absolute;
    overflow:hidden;
}

#uilayer {
    background-color:#CCCCCCCC; 
    z-index:2; 
    top:-395px; 
    left:0px;
    height:400px;
    border:none; 
    position:absolute;
    transition: top 1s;
    transition-timing-function: ease-in-out;
}

#uilayer:hover {
    top:0px;
}