div#gameboard {
    width: 790px;
    height: 590px;
    background: url(http://images.shaunthesheep.com/games/shaundoku/gameboard.jpg) no-repeat;
    position: relative;
    z-index: 10;
}

div#gamegrid {
    position: absolute;
    left: 59px;
    top: 174px;
}

div#gamewin {
    position: absolute;
    left: 262px;
    top: 250px;
    width: 343px;
    height: 201px;
    /*background: url(http://images.shaunthesheep.com/games/shaundoku/game_win2.png) no-repeat;*/
    z-index: 100;
    display: none;
}

.tick {
    width: 80px;
    height: 60px;
    z-index: 7;
    background: url(http://images.shaunthesheep.com/games/shaundoku/counters/row_wrong.png) no-repeat 15px 10px;
    float: left;
}

.tick_on {
    width: 80px;
    height: 60px;
    z-index: 7;
    background: url(http://images.shaunthesheep.com/games/shaundoku/counters/row_right.png) no-repeat 15px 10px;
    float: left;
}

.piece {
    position: absolute;
    width: 50px;
    height: 50px;
    display: none;
    z-index: 5;
    cursor: pointer;
    cursor: hand;
}

.placed_piece {
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 5;
    cursor: none;
}

.piece1 {
    background: url(http://images.shaunthesheep.com/games/shaundoku/counters/counter_set3_1.png) no-repeat;
}

.piece2 {
    background: url(http://images.shaunthesheep.com/games/shaundoku/counters/counter_set3_2.png) no-repeat;
}

.piece3 {
    background: url(http://images.shaunthesheep.com/games/shaundoku/counters/counter_set3_3.png) no-repeat;
}

.piece4 {
    background: url(http://images.shaunthesheep.com/games/shaundoku/counters/counter_set3_4.png) no-repeat;
}

.row {
    clear: both;
}

.grid {
    width: 80px;
    height: 80px;
    float: left;
    z-index: 7;
}

.grid_hover {
    background: red;
}

