body {
    font-family: Tahoma, sans-serif;
    font-size: 12px; 
}

input.text, input.button {
    border: 1px solid black;
}

img { border: 0 }

h1.game-title {
    padding: 0; 
    margin: 5px 0 0; 
    font-size: 16px;
    text-align: center;
}

.left { float: left }
.right { float: right }

.clear { clear: both }
.clear-left { clear: left }
.clear-right { clear: right }

.box-center { margin: 0 auto }
.center { text-align: center }

.box {
    margin: 5px;
}

#body {
    margin: 0 auto; 
    width: 740px;   
    background-image: url('/img/body_bg.gif');
    background-position: center center;
}

#top-bar, #bottom-bar {
    width: 740px;   
    height: 17px; 
    background-image: url('/img/bar_bg.gif'); 
}

#top-bar { background-position: top left }
#bottom-bar { background-position: bottom left }

#top-bar .navi, #bottom-bar .navi {
    text-align: left; 
    height: 7px; 
    padding: 5px; 
    overflow: hidden;
}

.navi img.navi-special-left { margin-right: 5px }
.navi img.navi-special-right { margin-left: 5px }
.navi img.navi-separator { margin: 0 5px }

#loader { display: none }

.game-grid {
    width: 720px; 
    margin: 2px auto;
}

.game-grid .game {
    margin: 7px;    
    width: 128px; 
    height: 96px;   
    border: 1px solid #000; 
    float: left;
    background-position: center center; 
    background-repeat: no-repeat;
}

.game-grid .game a {
    width: 128px; 
    height: 96px; 
    display: block;
}