body
{
background:#AAAAAA;
}


#page
{
    margin-left: auto;
    margin-right: auto;
    width:512px;
}

#logo
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image:url("logo_color_512x512.png");
    width:512px;
    height:512px; 
}

#gamesbar
{
    width:1024px;
    margin-left: -128px;
    margin-right: auto;  
}

.maingame
{
    margin-left: -192px;
    margin-right: auto;
    width:1024px;
    opacity:1.00;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -webkit-transition: top 0.2s linear;
    -webkit-transition: box-shadow 0.5s linear;
    -webkit-transition: opacity 0.2s linear;
}
.maingame:hover
{
    top:-5px;
    opacity:1.0;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 15px 15px 5px 0px rgba(0,0,0,0.75);
    -webkit-transition: top 0.2s linear;
    -webkit-transition: box-shadow 0.5s linear;
    -webkit-transition: opacity 0.2s linear;
}

.game
{
    margin:10px;
    width:256px;
    opacity:0.80;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -webkit-transition: top 0.2s linear;
    -webkit-transition: box-shadow 0.5s linear;
    -webkit-transition: opacity 0.2s linear;
}

.game:hover
{
    width:256px;
    top:-5px;
    opacity:1.0;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 15px 15px 5px 0px rgba(0,0,0,0.75);
    -webkit-transition: top 0.2s linear;
    -webkit-transition: box-shadow 0.5s linear;
    -webkit-transition: opacity 0.2s linear;
}

.header
{
color:#765562;    
font-size:9px;
text-align:right;
vertical-align: center;
font-family: sans-serif;
}

.footer
{
color:#765562;    
font-size:10px;
text-align:right;
font-family: sans-serif;
}