pirate/css/main.css

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

.animate {
    background-position:left bottom !important;
}

.spriteUtils{
    position: absolute;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: 0;
}

.flower{
    width: 32px;
    height: 32px;
    background: url(../img/objectlayer.png) 125px -29px;;
}

.tree1{
    width: 60px;
    height: 60px;
    z-index: 110 !important;
    background: url(../img/objectlayer.png) 315px -70px;
}

.stone1{
    width: 32px;
    height: 35px;
    background: url(../img/objectlayer.png) 158px -65px;
}

.default_ship {
    width: 70px;
    position: relative;
    top: -24px;
    left: -33px;
}

.guy {
    width: 32px;
    height: 32px;
    position: relative;
    top: -13px;
    left: -13px;
    background: url(../img/guy_sprite.png) 0px 0px;
     -webkit-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: 0;
}

.guy1-0-0 {
    background: url(../img/guy_sprite.png) 0px 0px;
}

.guy1-0-1 {
    background: url(../img/guy_sprite.png) -32px 0px;
}

.guy1-0-2 {
    background: url(../img/guy_sprite.png) -64px 0px;
}

.guy0--1-0 {
    background: url(../img/guy_sprite.png) 0px -32px;
}

.guy0--1-1 {
    background: url(../img/guy_sprite.png) -32px -32px;
}

.guy0--1-2 {
    background: url(../img/guy_sprite.png) -64px -32px;
}

.guy0-1-0 {
    background: url(../img/guy_sprite.png) 0px 192px;
}

.guy0-1-1 {
    background: url(../img/guy_sprite.png) -32px 192px;
}

.guy0-1-2 {
    background: url(../img/guy_sprite.png) -64px 192px;
}

.guy-1-0-0 {
    background: url(../img/guy_sprite.png) 0px 160px;
}

.guy-1-0-1 {
    background: url(../img/guy_sprite.png) -32px 160px;
}

.guy-1-0-2 {
    background: url(../img/guy_sprite.png) -64px 160px;
}

.guy-1--1-0 {
    background: url(../img/guy_sprite.png) -96px 224px;
}

.guy-1--1-1 {
    background: url(../img/guy_sprite.png) -128px 224px;
}

.guy-1--1-2 {
    background: url(../img/guy_sprite.png) -160px 224px;
}

.guy-1-1-0 {
    background: url(../img/guy_sprite.png) -96px 160px;
}

.guy-1-1-1 {
    background: url(../img/guy_sprite.png) -128px 160px;
}

.guy-1-1-2 {
    background: url(../img/guy_sprite.png) -160px 160px;
}

.guy1-1-0 {
    background: url(../img/guy_sprite.png) -96px -64px;
}

.guy1-1-1 {
    background: url(../img/guy_sprite.png) -128px -64px;
}

.guy1-1-2 {
    background: url(../img/guy_sprite.png) -160px -64px;
}

.guy1--1-0 {
    background: url(../img/guy_sprite.png) -96px 0px;
}

.guy1--1-1 {
    background: url(../img/guy_sprite.png) -128px 0px;
}

.guy1--1-2 {
    background: url(../img/guy_sprite.png) -160px 0px;
}

#main {
  -webkit-transform: scale(1.5);
  transform: scale(2);
  transform-origin: 0;
}

.fass{
    width: 32px;
    height: 43px;
    background: url(../img/objectlayer.png) 157px -18px;
}

.forest{
    width: 46px;
    height: 46px;
    background: url(../img/ground_tiles.png) -135px -17px;
}

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

.water_1 {
    background: url(../img/ground_tiles.png) -1px -1px;
}

.water_2 {
    background: url(../img/ground_tiles.png) -98px -1px;
}

.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;
}