pirate/css/main.css

.sprite {
    width: 32px;
    height: 32px;
    position: absolute; 
}

.water {
    background: url(../img/ground_tiles.png) 192px 254px;
}

.ground {
    background: url(../img/ground_tiles.png) 640px 541px;
}

.leftRight_1 {
    background: url(../img/ground_tiles.png) 224px 285px;
}

.leftRight_2 {
    background: url(../img/ground_tiles.png) 224px 414px;
}

.leftRight_3 {
    background: url(../img/ground_tiles.png) 224px 541px;
}

.leftRight_5 {
    background: url(../img/ground_tiles.png) 414px 544px;
}

.grass {
    background: url(../img/ground_tiles.png) 640px 635px;
}

.leftRightT_1 {
    background: url(../img/ground_tiles.png) 192px 317px;
}

.leftRightTT_1 {
    background: url(../img/ground_tiles.png) 224px 253px;
}

.leftRightT_2 {
    background: url(../img/ground_tiles.png) 192px 445px;
}

.leftRightT_3 {
    background: url(../img/ground_tiles.png) 160px 510px;
}

.leftRightT_5 {
    background: url(../img/ground_tiles.png) 383px 540px;
}

.topDown_1 {
    background: url(../img/ground_tiles.png) 256px 253px;
}

.topDown_2 {
    background: url(../img/ground_tiles.png) 252px 381px;
}

.topDown_3 {
    background: url(../img/ground_tiles.png) 256px 509px;
}

.topDown_5 {
    background: url(../img/ground_tiles.png) 448px 509px;
}

.rightLeft_1 {
    background: url(../img/ground_tiles.png) 288px 285px;
}

.rightLeft_2 {
    background: url(../img/ground_tiles.png) 288px 413px;
}

.rightLeft_3 {
    background: url(../img/ground_tiles.png) 288px 541px;
}

.rightLeft_5 {
    background: url(../img/ground_tiles.png) 480px 541px;
}

.rightLeftT_1 {
    background: url(../img/ground_tiles.png) 160px 317px;
}

.rightLeftTT_1 {
    background: url(../img/ground_tiles.png) 288px 254px;
}

.rightLeftT_2 {
    background: url(../img/ground_tiles.png) 160px 445px;
}

.rightLeftT_3 {
    background: url(../img/ground_tiles.png) 192px 509px;
}

.rightLeftT_5 {
    background: url(../img/ground_tiles.png) 352px 541px;
}

.downTop_1 {
    background: url(../img/ground_tiles.png) 256px 317px;
}

.downTop_2 {
    background: url(../img/ground_tiles.png) 256px 445px;
}

.downTop_3 {
    background: url(../img/ground_tiles.png) 256px 573px;
}

.downTop_5 {
    background: url(../img/ground_tiles.png) 448px 573px;
}

.rightLeftB_1 {
    background: url(../img/ground_tiles.png) 192px 285px;
}

.rightLeftBB_1 {
    background: url(../img/ground_tiles.png) 224px 317px;
}

.leftRightB_1 {
    background: url(../img/ground_tiles.png) 160px 285px;
}

.leftRightBB_1 {
    background: url(../img/ground_tiles.png) 288px 317px;
}

.leftRightB_2 {
    background: url(../img/ground_tiles.png) 192px 413px;
}

.leftRightB_3 {
    background: url(../img/ground_tiles.png) 160px 541px;
}

.leftRightB_5 {
    background: url(../img/ground_tiles.png) 383px 509px;
}

.rightLeftB_2 {
    background: url(../img/ground_tiles.png) 160px 413px;
}

.rightLeftB_3 {
    background: url(../img/ground_tiles.png) 192px 541px;
}

.rightLeftB_5 {
    background: url(../img/ground_tiles.png) 352px 509px;
}

.rightLeftBU_2 {
    background: url(../img/ground_tiles.png) 288px 445px;
}

.rightLeftBU_3 {
    background: url(../img/ground_tiles.png) 288px 573px;
}

.rightLeftBU_5 {
    background: url(../img/ground_tiles.png) 480px 573px;
}

.leftRightBU_2 {
    background: url(../img/ground_tiles.png) 224px 445px;
}

.leftRightBU_3 {
    background: url(../img/ground_tiles.png) 224px 573px;
}

.leftRightBU_5 {
    background: url(../img/ground_tiles.png) 416px 573px;
}

.rightLeftTU_2 {
    background: url(../img/ground_tiles.png) 224px 381px;
}

.rightLeftTU_3 {
    background: url(../img/ground_tiles.png) 224px 509px;
}

.rightLeftTU_5 {
    background: url(../img/ground_tiles.png) 416px 509px;
}

.leftRightTU_2 {
    background: url(../img/ground_tiles.png) 288px 381px;
}

.leftRightTU_3 {
    background: url(../img/ground_tiles.png) 288px 509px;
}

.leftRightTU_5 {
    background: url(../img/ground_tiles.png) 480px 509px;
}