@import "reset.css";
/* Global Styles */
#intro {
  /* splash screen */

  /* intro scene */

  /* intro - END */

}
#intro .head {
  width: 343px;
  height: 460px;
  margin-left: -171px;
  position: absolute;
  top: 60px;
  left: 50%;
}
#intro .click {
  cursor: pointer;
}
#intro #head_back {
  width: 343px;
  height: 460px;
  margin-left: -171px;
  position: absolute;
  top: 60px;
  left: 50%;
  background: url(../images/intro_head_back.jpg) no-repeat;
}
#intro #head_hole {
  cursor: pointer;
  width: 343px;
  height: 460px;
  margin-left: -171px;
  position: absolute;
  top: 60px;
  left: 50%;
  background: url(../images/intro_head_hole.png) no-repeat;
}
#intro #house {
  width: 200px;
  height: 225px;
  margin-left: -75px;
  position: absolute;
  top: 100px;
  left: 50%;
  background: url(../images/intro_house.png) no-repeat;
}
#intro #logo {
  cursor: pointer;
  width: 148px;
  height: 38px;
  margin-left: -74px;
  position: absolute;
  top: 560px;
  left: 50%;
}
#intro #enter {
  cursor: pointer;
  font: 14px/20px 'Neuton', serif;
  text-align: center;
  color: #fce7bd;
  width: 148px;
  margin-left: -74px;
  position: absolute;
  top: 610px;
  left: 50%;
}
#intro .message {
  font: 20px/30px 'Neuton', serif;
  text-align: center;
  color: #FF3927;
  display: block;
  position: absolute;
  left: 50%;
  z-index: 9999;
  width: 512px;
  margin-left: -256px;
}
#intro .player {
  color: #168AD3;
}
#intro #message_1 {
  top: 200px;
}
#intro #message_2 {
  top: 240px;
}
#intro #message_3 {
  top: 200px;
}
#intro #message_4 {
  bottom: 200px;
}
#intro #message_5 {
  bottom: 240px;
}
.exit_teleport {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  z-index: 2000;
  cursor: pointer;
}
.isometric_top {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
}
.isometric_left {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
.isometric_right {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
}
@-webkit-keyframes levitate {
  0% {
    -webkit-transform: translatey(5px);
  }
  50% {
    -webkit-transform: translatey(-5px);
  }
  100% {
    -webkit-transform: translatey(5px);
  }
}
@-moz-keyframes levitate {
  0% {
    -moz-transform: translatey(5px);
  }
  50% {
    -moz-transform: translatey(-5px);
  }
  100% {
    -moz-transform: translatey(5px);
  }
}
@-o-keyframes levitate {
  0% {
    -o-transform: translatey(5px);
  }
  50% {
    -o-transform: translatey(-5px);
  }
  100% {
    -o-transform: translatey(5px);
  }
}
@-ms-keyframes levitate {
  0% {
    -ms-transform: translatey(5px);
  }
  50% {
    -ms-transform: translatey(-5px);
  }
  100% {
    -ms-transform: translatey(5px);
  }
}
@keyframes levitate {
  0% {
    transform: translatey(5px);
  }
  50% {
    transform: translatey(-5px);
  }
  100% {
    transform: translatey(5px);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
#picker {
  background: #a1b3ec;
  font-family: arial, sans-serif;
  /* picker - END */

}
#picker body {
  background: #a1b3ec;
}
#picker #submit:active,
#picker #generate:active {
  color: #fefefe;
  background: #7a7a7a;
}
#picker #grid_data {
  text-align: center;
  width: 180px;
  padding: 20px;
  margin: -160px 0 0 -80px;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: rgba(0, 0, 0, 0.8);
}
#picker #grid_data input {
  text-align: center;
}
#picker #grid_data input[type="text"] {
  color: #888;
  width: 176px;
  height: 12px;
  padding: 3px;
  border: 1px solid #fefefe;
  margin-bottom: 20px;
}
#picker #grid_data #submit {
  color: #888;
  text-shadow: 0 1px #111;
  font-size: 11px;
  cursor: pointer;
  width: 80px;
  padding: 3px;
  border: 0 none;
  border-radius: 4px;
  margin: 0 auto;
  background: #444;
  box-shadow: 0 1px 0 0 #777;
  display: inline-block;
}
#picker #floor {
  position: fixed;
  left: 30%;
  top: 30%;
}
#picker .tile {
  background: #4eb6d8;
  border: 1px solid #fff;
}
#picker .tile.selected {
  background: #d657c9;
}
#picker .tile:hover {
  background: #8ed7ed;
}
#picker #generate {
  color: #888;
  text-shadow: 0 1px #111;
  font-size: 14px;
  text-align: center;
  width: 80px;
  padding: 10px;
  border: 0 none;
  border-radius: 4px;
  position: fixed;
  left: 20px;
  top: 20px;
  background: #444;
  box-shadow: 0 1px 0 0 #777;
  cursor: pointer;
}
#picker #results {
  color: #fefefe;
  text-align: left;
  width: 60%;
  padding: 20px;
  border-radius: 4px;
  margin-left: -30%;
  position: absolute;
  left: 50%;
  top: 40px;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8);
  /* results - END */

}
#picker #results h1,
#picker #results pre {
  margin-bottom: 20px;
}
#picker #results pre {
  color: #fefefe;
  text-shadow: 0 1px 0 #333;
  white-space: pre-wrap;
  padding: 20px;
  border-radius: 4px;
  background: #222;
}
#picker #results #close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  /* close - END */

}
#picker #results #close div {
  width: 1px;
  height: 20px;
  position: absolute;
  left: 10;
  top: 0;
  background: #fefefe;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#picker #results #close div + div {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#room {
  position: absolute;
  width: 1136px;
  height: 951px;
  cursor: move;
  background: url(../images/room.jpg) no-repeat;
  /* ITEMS */

}
#room #sprite {
  background: url(../images/room_player.png) no-repeat 0 0;
}
#room #shadow {
  width: 198px;
  height: 144px;
  background: url(../images/room_shadow.png) no-repeat;
  left: -126px;
  top: -27px;
}
#room #door_exit {
  width: 174px;
  height: 111px;
  position: absolute;
  left: 117px;
  top: 775px;
  z-index: 998;
  cursor: pointer;
  background: url(../images/doors.png) no-repeat 0 0;
}
#room #floor {
  width: 1108px;
  height: 640px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}
#room #glow {
  width: 587px;
  height: 562px;
  position: absolute;
  left: 427px;
  top: -194px;
  z-index: 999;
  background: url(../images/room_glow.png) no-repeat;
}
#room #chair {
  width: 71px;
  height: 160px;
  position: absolute;
  left: 555px;
  top: 200px;
  z-index: 149;
  background:  url(../images/room_chair.png)  no-repeat right;
}
#room #desk {
  width: 139px;
  height: 201px;
  position: absolute;
  left: 727px;
  top: 280px;
  z-index: 242;
  background:  url(../images/room_desk.png)  no-repeat right;
}
#room #desk_mask {
  width: 69px;
  height: 201px;
  position: absolute;
  left: 658px;
  top: 280px;
  z-index: 229;
  background:  url(../images/room_desk.png)  no-repeat;
}
#room #note {
  cursor: pointer;
  width: 58px;
  height: 34px;
  position: absolute;
  left: 709px;
  top: 333px;
  z-index: 2000;
  background:  url(../images/room_note.png)  no-repeat right;
}
#room #plant {
  width: 122px;
  height: 126px;
  position: absolute;
  left: 901px;
  top: 149px;
  z-index: 192;
  background:  url(../images/room_plant.png)  no-repeat right;
}
#room #plant.small {
  background: url(../images/room_plant_small.png) no-repeat right;
}
#room #plant_check {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
  width: 60px;
  height: 60px;
  border-radius: 60px;
  position: absolute;
  left: 932px;
  top: 504px;
  z-index: 2000;
  cursor: help;
}
#room #aquarium {
  width: 57px;
  height: 93px;
  position: absolute;
  left: 177px;
  top: 183px;
  z-index: 47;
  background:  url(../images/room_aquarium.png)  no-repeat right;
}
#room #bubbles {
  width: 57px;
  height: 93px;
  position: absolute;
  left: 177px;
  top: 183px;
  z-index: 47;
  background: url(../images/room_bubbles.png);
  opacity: .3;
}
#room #shelf {
  width: 69px;
  height: 314px;
  position: absolute;
  left: 172px;
  top: 46px;
  z-index: 47;
  background:  url(../images/room_shelf.png)  no-repeat right;
}
#room #shelf_mask {
  width: 69px;
  height: 314px;
  position: absolute;
  left: 103px;
  top: 46px;
  z-index: 30;
  background:  url(../images/room_shelf.png)  no-repeat;
}
#room #bed {
  width: 245px;
  height: 241px;
  position: absolute;
  left: 380px;
  top: 20px;
  z-index: 46;
  background:  url(../images/room_bed.png)  no-repeat right;
}
#room #bed_mask {
  width: 69px;
  height: 241px;
  position: absolute;
  left: 311px;
  top: 20px;
  z-index: 18;
  background:  url(../images/room_bed.png)  no-repeat;
}
#room #window {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
  width: 183px;
  height: 131px;
  position: absolute;
  left: 825px;
  top: 145px;
  z-index: 2000;
  cursor: pointer;
}
#room #picture,
#room #picture_winter {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 147px;
  height: 106px;
  position: absolute;
}
#room #picture_winter {
  left: 350px;
  top: -58px;
  background: url(../images/room_picture_snow.png);
}
#room #picture {
  left: 363px;
  top: 238px;
  z-index: 2000;
  cursor: pointer;
  background: none;
}
#room #water {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 67px;
  height: 72px;
  position: absolute;
  left: 190px;
  top: 498px;
  z-index: 2000;
  cursor: pointer;
}
#aquarium {
  position: absolute;
  width: 954px;
  height: 665px;
  cursor: move;
  background: url(../images/aquarium.jpg) no-repeat;
}
#aquarium #sprite {
  background: url(../images/aquarium_player.png) no-repeat 0 0;
}
#aquarium #shadow {
  width: 122px;
  height: 102px;
  background: url(../images/aquarium_shadow.png) no-repeat;
  left: -46px;
  top: -29px;
}
#aquarium #fish,
#aquarium #fish_click_area {
  position: absolute;
  left: -129px;
  top: -84px;
}
#aquarium #fish {
  width: 240px;
  height: 240px;
  background: url(../images/aquarium_fish.png) no-repeat;
}
#aquarium #fish .text_cloud {
  left: 100px;
  bottom: 200px;
}
#aquarium #fish_click_area {
  -moz-transform: translate(20px, 30px);
  -webkit-transform: translate(20px, 30px);
  -o-transform: translate(20px, 30px);
  -ms-transform: translate(20px, 30px);
  transform: translate(20px, 30px);
  width: 180px;
  height: 180px;
  border-radius: 120px;
  z-index: 1000;
  cursor: pointer;
}
#aquarium #floor {
  width: 927px;
  height: 517px;
  position: absolute;
  right: 121px;
  bottom: 184px;
}
#aquarium #teleport {
  left: 686px;
  top: 479px;
}
#aquarium #exit {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  z-index: 2000;
  cursor: pointer;
  top: 484px;
  left: 770px;
}
#aquarium #gate_left {
  width: 445px;
  height: 797px;
  position: absolute;
  left: 328px;
  top: -73px;
  z-index: 990;
  background:  url(../images/aquarium_gate_left.png)  no-repeat right;
}
#aquarium #gate_right {
  width: 361px;
  height: 431px;
  position: absolute;
  left: 667px;
  top: -27px;
  z-index: 0;
  background:  url(../images/aquarium_gate_right.png)  no-repeat right;
}
#aquarium #rock_1 {
  width: 49px;
  height: 114px;
  position: absolute;
  left: 525px;
  top: 139px;
  z-index: 94;
  background:  url(../images/aquarium_rock_1.png)  no-repeat right;
}
#aquarium #rock_2 {
  width: 102px;
  height: 157px;
  position: absolute;
  left: 304px;
  top: 129px;
  z-index: 78;
  background:  url(../images/aquarium_rock_2.png)  no-repeat right;
}
#aquarium #rock_3 {
  width: 75px;
  height: 104px;
  position: absolute;
  left: 436px;
  top: 72px;
  z-index: 48;
  background:  url(../images/aquarium_rock_3.png)  no-repeat right;
}
#aquarium #rock_4 {
  width: 69px;
  height: 135px;
  position: absolute;
  left: 254px;
  top: 25px;
  z-index: 28;
  background:  url(../images/aquarium_rock_4.png)  no-repeat right;
}
#aquarium #rock_4_mask {
  width: 34px;
  height: 135px;
  position: absolute;
  left: 220px;
  top: 25px;
  z-index: 21;
  background:  url(../images/aquarium_rock_4.png)  no-repeat right;
  background-position: 0 0;
}
#aquarium #rock_5 {
  width: 71px;
  height: 118px;
  position: absolute;
  left: 177px;
  top: 143px;
  z-index: 49;
  background:  url(../images/aquarium_rock_5.png)  no-repeat right;
}
#aquarium #key {
  width: 37px;
  height: 27px;
  position: absolute;
  left: 688px;
  top: 408px;
  z-index: 2000;
  background:  url(../images/aquarium_key.png)  no-repeat right;
  cursor: pointer;
}
@-webkit-keyframes gate_float {
  0% {
    -webkit-transform: translate(0, 10px);
  }
  50% {
    -webkit-transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 10px);
  }
}
#gate_left,
#gate_right {
  -webkit-animation: gate_float 10s ease-in;
  -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes gate_float {
  0% {
    -moz-transform: translate(0, 10px);
  }
  50% {
    -moz-transform: translate(0, 0);
  }
  100% {
    -moz-transform: translate(0, 10px);
  }
}
#gate_left,
#gate_right {
  -moz-animation: gate_float 10s ease-in;
  -moz-animation-iteration-count: infinite;
}
@-o-keyframes gate_float {
  0% {
    -o-transform: translate(0, 10px);
  }
  50% {
    -o-transform: translate(0, 0);
  }
  100% {
    -o-transform: translate(0, 10px);
  }
}
#gate_left,
#gate_right {
  -o-animation: gate_float 10s ease-in;
  -o-animation-iteration-count: infinite;
}
@-ms-keyframes gate_float {
  0% {
    -ms-transform: translate(0, 10px);
  }
  50% {
    -ms-transform: translate(0, 0);
  }
  100% {
    -ms-transform: translate(0, 10px);
  }
}
#gate_left,
#gate_right {
  -ms-animation: gate_float 10s ease-in;
  -ms-animation-iteration-count: infinite;
}
@keyframes gate_float {
  0% {
    transform: translate(0, 10px);
  }
  50% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 10px);
  }
}
#gate_left,
#gate_right {
  animation: gate_float 10s ease-in;
  animation-iteration-count: infinite;
}
#picture {
  position: absolute;
  width: 795px;
  height: 798px;
  cursor: move;
  background: url(../images/picture.jpg) no-repeat;
}
#picture #sprite {
  background: url(../images/picture_player.png) no-repeat 0 0;
}
#picture #shadow {
  width: 198px;
  height: 144px;
  background: url(../images/picture_shadow.png) no-repeat;
  left: -126px;
  top: -47px;
}
#picture #floor {
  left: 19px;
  top: 300px;
  position: absolute;
}
#picture #teleport,
#picture #teleport div {
  border-color: #fefefe;
}
#picture #teleport {
  left: 260px;
  top: 316px;
}
#picture #teleport .core {
  background: #76b6e3;
  border: 0 none;
  padding: 1px;
  opacity: .6;
  box-shadow: 0 0 10px #76b6e3;
}
#picture #exit {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  z-index: 2000;
  cursor: pointer;
  top: 318px;
  left: 349px;
}
#picture #gate {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 91px;
  height: 85px;
  position: absolute;
  left: 191px;
  top: 361px;
  z-index: 2000;
  cursor: pointer;
}
#picture_snow {
  position: absolute;
  width: 795px;
  height: 798px;
  cursor: move;
  background: url(../images/picture_snow.jpg) no-repeat;
}
#picture_snow #sprite {
  background: url(../images/picture_player.png) no-repeat 0 0;
}
#picture_snow #shadow {
  width: 198px;
  height: 144px;
  background: url(../images/picture_shadow.png) no-repeat;
  left: -126px;
  top: -47px;
}
#picture_snow #floor {
  left: 8px;
  top: 283px;
  position: absolute;
}
#picture_snow #twig {
  width: 31px;
  height: 48px;
  position: absolute;
  left: 401px;
  top: 116px;
  z-index: 1;
  background:  url(../images/picture_snow_twig.png)  no-repeat right;
  cursor: pointer;
}
#picture_snow #teleport,
#picture_snow #teleport div {
  border-color: #fefefe;
}
#picture_snow #teleport {
  left: 260px;
  top: 316px;
}
#picture_snow #teleport .core {
  background: #76b6e3;
  border: 0 none;
  padding: 1px;
  opacity: .6;
  box-shadow: 0 0 10px #76b6e3;
}
#picture_snow #exit {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  z-index: 2000;
  cursor: pointer;
  top: 318px;
  left: 349px;
}
#corridor {
  position: absolute;
  width: 997px;
  height: 870px;
  cursor: move;
  background: url(../images/corridor.jpg) no-repeat;
  /*player sprite*/

  /* ITEMS */

}
#corridor #sprite {
  background: url(../images/corridor_player.png) no-repeat 0 0;
}
#corridor #shadow {
  width: 151px;
  height: 117px;
  background: url(../images/corridor_shadow.png) no-repeat;
  left: -38px;
  top: -28px;
}
#corridor #floor {
  width: 970px;
  height: 560px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}
#corridor #phone {
  width: 70px;
  height: 161px;
  position: absolute;
  left: 520px;
  top: 79px;
  z-index: 63;
  background:  url(../images/corridor_phone.png)  no-repeat right;
}
#corridor #phone_mask {
  width: 69px;
  height: 161px;
  position: absolute;
  left: 451px;
  top: 79px;
  z-index: 52;
  background:  url(../images/corridor_phone.png)  no-repeat;
}
#corridor #phone_shadow {
  width: 193px;
  height: 114px;
  position: absolute;
  left: 447px;
  top: 158px;
  z-index: 1;
  background:  url(../images/corridor_phone_shadow.png)  no-repeat right;
}
#corridor #phone_use {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
  width: 50px;
  height: 40px;
  position: absolute;
  left: 487px;
  top: 400px;
  z-index: 2000;
  cursor: pointer;
}
#corridor #hidden_door {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
  width: 120px;
  height: 240px;
  position: absolute;
  left: 520px;
  top: -87px;
  z-index: 2000;
  cursor: pointer;
  height: 0;
  z-index: 1;
  overflow: hidden;
}
#corridor #hidden_door div {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: scaley(1.134) skew(-30deg) rotate(-30deg);
  -webkit-transform: scaley(1.134) skew(-30deg) rotate(-30deg);
  -o-transform: scaley(1.134) skew(-30deg) rotate(-30deg);
  -ms-transform: scaley(1.134) skew(-30deg) rotate(-30deg);
  transform: scaley(1.134) skew(-30deg) rotate(-30deg);
  width: 320px;
  height: 640px;
  background: url(../images/hidden_corridor.jpg) -13px -424px;
}
#corridor #door_hidden_corridor {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
  width: 120px;
  height: 240px;
  position: absolute;
  left: 532px;
  top: 208px;
  z-index: 2000;
  cursor: pointer;
}
#corridor #door_toilet {
  width: 174px;
  height: 111px;
  position: absolute;
  left: 289px;
  top: 634px;
  z-index: 998;
  cursor: pointer;
  background: url(../images/doors.png) no-repeat 0 0;
}
#corridor #door_bathroom {
  width: 174px;
  height: 111px;
  position: absolute;
  left: 531px;
  top: 774px;
  z-index: 998;
  cursor: pointer;
  background: url(../images/doors.png) no-repeat 0 0;
}
#corridor #door_big_room {
  width: 174px;
  height: 111px;
  position: absolute;
  left: 810px;
  top: 755px;
  z-index: 998;
  cursor: pointer;
  background: url(../images/doors.png) no-repeat 0 -120px;
}
#corridor #handrail {
  width: 172px;
  height: 436px;
  position: absolute;
  left: 0;
  top: 17px;
  z-index: 990;
  background:  url(../images/corridor_handrail.png)  no-repeat right;
}
#corridor #true_form {
  width: 195px;
  height: 173px;
  position: absolute;
  left: 279px;
  top: 15px;
  z-index: 31;
  background:  url(../images/corridor_true_form.png)  no-repeat right;
  opacity: 0;
}
#corridor #true_form_2 {
  width: 135px;
  height: 107px;
  position: absolute;
  left: 257px;
  top: -15px;
  z-index: 1;
  background:  url(../images/corridor_true_form_2.png)  no-repeat right;
  opacity: 0;
}
#corridor #true_form_3 {
  width: 40px;
  height: 54px;
  position: absolute;
  left: 381px;
  top: -58px;
  z-index: 1;
  background:  url(../images/corridor_true_form_3.png)  no-repeat right;
  opacity: 0;
}
#corridor #door_room {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
  width: 120px;
  height: 240px;
  position: absolute;
  left: 707px;
  top: 316px;
  z-index: 2000;
  cursor: pointer;
}
#corridor #door_kitchen {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
  width: 120px;
  height: 240px;
  position: absolute;
  left: 363px;
  top: 117px;
  z-index: 2000;
  cursor: pointer;
}
#corridor #glow {
  width: 243px;
  height: 333px;
  position: absolute;
  left: 62px;
  top: -202px;
  z-index: 999;
  background: url(../images/corridor_glow.png) no-repeat;
}
#corridor .message {
  font: 20px/22px 'Neuton', georgia, serif;
  color: #fefefe;
  position: absolute;
  z-index: 2000;
}
#corridor #message_1 {
  left: -50px;
  top: 663px;
}
#corridor #message_2 {
  left: -8px;
  top: 742px;
}
#corridor #message_3 {
  left: 115px;
  top: 804px;
}
#corridor #window {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 110px;
  height: 105px;
  position: absolute;
  left: 82px;
  top: 154px;
  z-index: 2000;
  cursor: pointer;
}
#corridor #stairs {
  position: absolute;
  left: 148px;
  top: 558px;
  z-index: 2000;
  cursor: pointer;
}
#corridor #stairs #stair_1 {
  width: 50px;
  height: 160px;
  position: absolute;
  left: 0;
  top: 0;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
}
#corridor #stairs #stair_2 {
  width: 160px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#corridor #stairs #stair_3 {
  width: 50px;
  height: 160px;
  position: absolute;
  left: -37px;
  top: 67px;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
}
#corridor #stairs #stair_4 {
  width: 160px;
  height: 50px;
  position: absolute;
  left: -32px;
  top: 64px;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#void {
  position: absolute;
  cursor: move;
}
#void #sprite {
  background: url(../images/hidden_corridor_player.png) no-repeat 0 0;
}
#void #shadow {
  width: 122px;
  height: 102px;
  background: url(../images/hidden_corridor_shadow.png) no-repeat;
  left: -38px;
  top: -28px;
  opacity: .5;
}
#void .door {
  width: 120px;
  height: 280px;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
#void #door {
  width: 120px;
  height: 280px;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  background: #fff;
  box-shadow: 0 0 10px #fff;
}
#void #use_door {
  width: 120px;
  height: 280px;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  cursor: pointer;
  background: none;
  z-index: 3000;
}
#hidden_corridor {
  position: absolute;
  width: 789px;
  height: 749px;
  cursor: move;
  background: url(../images/hidden_corridor.jpg) no-repeat;
}
#hidden_corridor #sprite {
  background: url(../images/hidden_corridor_player.png) no-repeat 0 0;
}
#hidden_corridor #shadow {
  width: 122px;
  height: 102px;
  background: url(../images/hidden_corridor_shadow.png) no-repeat;
  left: -38px;
  top: -28px;
  opacity: .5;
}
#hidden_corridor #floor {
  position: absolute;
  right: -191px;
  bottom: -107px;
  width: 970px;
  height: 560px;
}
#hidden_corridor #switch {
  width: 57px;
  height: 71px;
  position: absolute;
  left: 678px;
  top: -146px;
  z-index: 1;
  background: url(../images/hidden_corridor_switch.png) no-repeat 0 0;
}
#hidden_corridor #switch_use {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
  width: 50px;
  height: 40px;
  position: absolute;
  left: 694px;
  top: 156px;
  z-index: 2000;
  cursor: pointer;
}
#hidden_corridor #discharge {
  width: 40px;
  height: 99px;
  position: absolute;
  left: 689px;
  top: -217px;
  z-index: 1;
  background:  url(../images/hidden_corridor_discharge.png)  no-repeat right;
  opacity: 0;
}
#hidden_corridor #discharge div {
  width: 107px;
  height: 178px;
  background: url(../images/hidden_corridor_discharge_glow.png);
  position: absolute;
  border-radius: 100%;
  left: 50%;
  top: 50%;
  margin: -89px 0 0 -53px;
}
#hidden_corridor #spot {
  width: 137px;
  height: 159px;
  position: absolute;
  left: 378px;
  top: -173px;
  z-index: 1;
  background:  url(../images/hidden_corridor_spot.png)  no-repeat right;
}
#hidden_corridor #peephole {
  width: 205px;
  height: 176px;
  position: absolute;
  left: 376px;
  top: -172px;
  z-index: 2000;
  background:  url(../images/hidden_corridor_peephole.png)  no-repeat right;
}
#hidden_corridor #peephole_use {
  width: 174px;
  height: 111px;
  position: absolute;
  left: 487px;
  top: 461px;
  z-index: 998;
  cursor: pointer;
  background: url(../images/doors.png) no-repeat 0 -360px;
}
#hidden_corridor #door_corridor {
  width: 174px;
  height: 111px;
  position: absolute;
  left: -57px;
  top: 677px;
  z-index: 998;
  cursor: pointer;
  background: url(../images/doors.png) no-repeat 0 0;
}
#kitchen_kitchen_true {
  width: 1049px;
  height: 917px;
  background: url(../images/kitchen_kitchen_true.jpg) no-repeat;
  position: absolute;
  top: -33px;
  left: -11px;
  z-index: 100;
  opacity: 0;
  -moz-transition: opacity 0.1s ease-out;
  -webkit-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
#kitchen {
  position: absolute;
  width: 996px;
  height: 870px;
  cursor: move;
  background: url(../images/kitchen.jpg) no-repeat;
  /*player sprite*/

}
#kitchen #sprite {
  background: url(../images/room_player.png) no-repeat 0 0;
}
#kitchen #shadow {
  width: 198px;
  height: 144px;
  background: url(../images/room_shadow.png) no-repeat;
  left: -126px;
  top: -27px;
}
#kitchen #floor {
  position: absolute;
  left: 11px;
  bottom: 15px;
  width: 970px;
  height: 560px;
}
#kitchen #glow {
  width: 587px;
  height: 562px;
  position: absolute;
  left: 316px;
  top: -241px;
  z-index: 999;
  background: url(../images/room_glow.png) no-repeat;
}
#kitchen #door_kitchen {
  width: 174px;
  height: 111px;
  position: absolute;
  left: 49px;
  top: 735px;
  z-index: 998;
  cursor: pointer;
  background: url(../images/doors.png) no-repeat 0 0;
}
#kitchen #chair {
  width: 71px;
  height: 164px;
  position: absolute;
  left: 672px;
  top: 130px;
  z-index: 145;
  background:  url(../images/kitchen_chair.png)  no-repeat right;
}
#kitchen #cupboard {
  width: 421px;
  height: 561px;
  position: absolute;
  left: 72px;
  top: -181px;
  z-index: 1;
  background:  url(../images/kitchen_cupboard.png)  no-repeat right;
  background-position: 0 0;
}
#kitchen #cupboard_mask {
  width: 138px;
  height: 561px;
  position: absolute;
  left: 493px;
  top: -181px;
  z-index: 40;
  background:  url(../images/kitchen_cupboard.png)  no-repeat right;
}
#kitchen #table {
  width: 106px;
  height: 206px;
  position: absolute;
  left: 624px;
  top: 175px;
  z-index: 166;
  background:  url(../images/kitchen_table.png)  no-repeat right;
}
#kitchen #table_mask {
  width: 138px;
  height: 206px;
  position: absolute;
  left: 486px;
  top: 175px;
  z-index: 134;
  background:  url(../images/kitchen_table.png)  no-repeat right;
  background-position: 0 0;
}
#kitchen #fridge {
  width: 140px;
  height: 287px;
  position: absolute;
  left: 822px;
  top: -60px;
  z-index: 135;
  background:  url(../images/kitchen_fridge.png)  no-repeat right;
}
#kitchen #window {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
  width: 184px;
  height: 135px;
  position: absolute;
  left: 720px;
  top: 83px;
  z-index: 2000;
  cursor: pointer;
}
#kitchen #kitchen_use_1,
#kitchen #kitchen_use_2 {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  position: absolute;
  z-index: 2000;
  cursor: pointer;
}
#kitchen #kitchen_use_1 {
  width: 561px;
  height: 79px;
  top: 596px;
  left: 152px;
}
#kitchen #kitchen_use_2 {
  width: 240px;
  height: 79px;
  top: 265px;
  left: 412px;
}
#kitchen #kitchen_use_3 {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
  width: 560px;
  height: 84px;
  position: absolute;
  top: 549px;
  left: 83px;
  z-index: 2000;
  cursor: pointer;
}
@font-face {
  font-family: 'SilkscreenNormal';
  src: url('../fonts/slkscr-webfont.woff') format('woff'), url('../fonts/slkscr-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
#kitchen_true {
  position: absolute;
  width: 1049px;
  height: 917px;
  cursor: move;
  background: url(../images/kitchen_true.jpg) no-repeat;
  /*player sprite*/

}
#kitchen_true #sprite {
  background: url(../images/room_player.png) no-repeat 0 0;
}
#kitchen_true #shadow {
  width: 198px;
  height: 144px;
  background: url(../images/room_shadow.png) no-repeat;
  left: -126px;
  top: -27px;
}
#kitchen_true #floor {
  position: absolute;
  left: 21px;
  bottom: 29px;
  width: 970px;
  height: 560px;
}
#kitchen_true #table {
  width: 193px;
  height: 272px;
  position: absolute;
  left: 598px;
  top: 110px;
  z-index: 166;
  background:  url(../images/kitchen_true_table.png)  no-repeat right;
}
#kitchen_true #table .text_cloud {
  left: 40px;
  bottom: 270px;
}
#kitchen_true #table_mask {
  width: 113px;
  height: 272px;
  position: absolute;
  left: 485px;
  top: 110px;
  z-index: 134;
  background:  url(../images/kitchen_true_table.png)  no-repeat right;
  background-position: 0 0;
}
#kitchen_true #eye {
  width: 29px;
  height: 23px;
  position: absolute;
  right: 304px;
  top: 193px;
  z-index: 166;
  background: url(../images/kitchen_true_eye.png) no-repeat;
}
#kitchen_true #branches {
  width: 534px;
  height: 595px;
  position: absolute;
  right: 207px;
  top: -52px;
  z-index: 900;
  background: url(../images/kitchen_true_branches.png) no-repeat;
}
#kitchen_true #fridge {
  width: 171px;
  height: 303px;
  position: absolute;
  left: 810px;
  top: -57px;
  z-index: 135;
  background:  url(../images/kitchen_true_fridge.png)  no-repeat right;
}
#kitchen_true #fridge_use {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
  width: 100px;
  height: 210px;
  position: absolute;
  right: 98px;
  top: 306px;
  z-index: 2000;
  cursor: pointer;
}
#kitchen_true #light {
  width: 660px;
  height: 467px;
  position: absolute;
  top: -228px;
  right: 50px;
  z-index: 800;
  opacity: 0;
  background: url(../images/kitchen_true_light.png) no-repeat right;
}
#kitchen_true #the_green_guy {
  width: 200px;
  height: 120px;
  position: absolute;
  right: 342px;
  bottom: 212px;
  z-index: 1000;
  cursor: help;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
}
#faux-player {
  width: 310px;
  height: 310px;
  position: absolute;
  top: -103px;
  right: 195px;
  z-index: 100;
  opacity: 0;
  background: url(../images/kitchen_true_player_go.png) no-repeat 0 0;
}
#faux-player.levitate {
  -webkit-animation: levitate 1s linear;
  -moz-animation: levitate 1s linear;
  -ms-animation: levitate 1s linear;
  -o-animation: levitate 1s linear;
  animation: levitate 1s linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#toilet {
  position: absolute;
  width: 373px;
  height: 542px;
  cursor: move;
  background: url(../images/toilet.jpg) no-repeat;
}
#toilet #sprite {
  background: url(../images/hidden_corridor_player.png) no-repeat 0 0;
}
#toilet #shadow {
  width: 122px;
  height: 102px;
  background: url(../images/hidden_corridor_shadow.png) no-repeat;
  left: -38px;
  top: -28px;
  opacity: .5;
}
#toilet #floor {
  position: absolute;
  right: -12px;
  bottom: 37px;
  width: 373px;
  height: 209px;
}
#toilet #dim {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 998;
  width: 373px;
  height: 542px;
  background: url(../images/toilet_overlay.png) no-repeat;
  opacity: .6;
}
#toilet #wc {
  width: 99px;
  height: 282px;
  position: absolute;
  left: 49px;
  top: -117px;
  z-index: 18;
  background:  url(../images/toilet_wc.png)  no-repeat right;
}
#toilet #cord {
  width: 6px;
  height: 116px;
  position: absolute;
  left: 53px;
  top: -108px;
  z-index: 18;
  background:  url(../images/toilet_cord.png)  no-repeat right;
  -moz-transition: all 0.6s ease-out;
  -webkit-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
#toilet #door_corridor {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
  width: 124px;
  height: 234px;
  position: absolute;
  top: 75px;
  left: 221px;
  z-index: 2000;
  cursor: pointer;
}
#toilet #cord_use {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 287px;
  left: 59px;
  z-index: 2000;
  border-radius: 100%;
  cursor: pointer;
}
#bathroom {
  position: absolute;
  width: 719px;
  height: 610px;
  cursor: move;
  background: url(../images/bathroom.jpg) no-repeat;
}
#bathroom #sprite {
  background: url(../images/bathroom_player.png) no-repeat 0 0;
}
#bathroom #faux_player {
  width: 310px;
  height: 310px;
  position: absolute;
  left: -160px;
  top: -168px;
  z-index: 2000;
  background: url(../images/bathroom_player.png) no-repeat -930px 0;
}
#bathroom #faux_player .text_cloud {
  left: 157px;
  top: -50px;
}
#bathroom #shadow {
  width: 198px;
  height: 144px;
  background: url(../images/bathroom_shadow.png) no-repeat;
  left: -36px;
  top: -59px;
}
#bathroom #floor {
  position: absolute;
  right: 0;
  bottom: 39px;
  width: 604px;
  height: 315px;
}
#bathroom #door_corridor {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
  width: 120px;
  height: 240px;
  position: absolute;
  left: 568px;
  top: 95px;
  z-index: 2000;
  cursor: pointer;
}
#bathroom #window {
  width: 545px;
  height: 329px;
  position: absolute;
  left: 427px;
  top: -194px;
  z-index: 999;
  background: url(../images/bathroom_window.png) no-repeat;
}
#bathroom #washbasin {
  width: 138px;
  height: 95px;
  position: absolute;
  left: 248px;
  top: -33px;
  z-index: 24;
  background:  url(../images/bathroom_washbasin.png)  no-repeat right;
}
#bathroom #bathtube {
  width: 275px;
  height: 214px;
  position: absolute;
  left: 177px;
  top: 99px;
  z-index: 242;
  background:  url(../images/bathroom_bathtube.png)  no-repeat right;
}
#bathroom #mirror {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 119px;
  height: 109px;
  position: absolute;
  top: 137px;
  left: 363px;
  z-index: 2000;
  cursor: pointer;
}
#bathroom #window {
  width: 545px;
  height: 329px;
  position: absolute;
  left: 13px;
  top: -116px;
  z-index: 192;
  background:  url(../images/bathroom_window.png)  no-repeat right;
}
#bathroom #window_use {
  width: 174px;
  height: 111px;
  position: absolute;
  left: 115px;
  top: 474px;
  z-index: 998;
  cursor: pointer;
  background: url(../images/doors.png) no-repeat 0 -240px;
}
#bathroom #curtain {
  width: 212px;
  height: 286px;
  position: absolute;
  left: 13px;
  top: 110px;
  z-index: 11;
  background:  url(../images/bathroom_curtain.png)  no-repeat right;
}
#bathroom #curtain_folded {
  width: 212px;
  height: 286px;
  position: absolute;
  left: 13px;
  top: 110px;
  z-index: 11;
  background:  url(../images/bathroom_curtain_folded.png)  no-repeat right;
  opacity: 0;
}
#bathroom #curtain_use {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 124px;
  height: 218px;
  position: absolute;
  top: 170px;
  left: 118px;
  z-index: 2001;
  cursor: pointer;
}
#bathroom #dark_character {
  width: 310px;
  height: 310px;
  position: absolute;
  left: -159px;
  top: -168px;
  z-index: 10;
  background:  url(../images/dark_character.png)  no-repeat right;
}
#bathroom #bathroom_overlay {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 9999;
  width: 719px;
  height: 610px;
  background: url(../images/bathroom_overlay.png);
}
#reflection,
#reflection_flicker {
  width: 512px;
  height: 512px;
  position: absolute;
}
#reflection {
  margin: -256px 0 0 -256px;
  left: 50%;
  top: 50%;
  background: url(../images/bathroom_ref_bkg_01.jpg);
}
#reflection_flicker {
  left: 0;
  top: 0;
  z-index: 1;
  background: url(../images/bathroom_ref_bkg_02.jpg);
  opacity: 0;
}
#face {
  width: 400px;
  height: 400px;
  position: absolute;
  left: 56px;
  bottom: 0;
  z-index: 2;
  background: url(../images/bathroom_ref_face_01.png);
  -moz-transform-origin: 50% 400px;
  -webkit-transform-origin: 50% 400px;
  -o-transform-origin: 50% 400px;
  -ms-transform-origin: 50% 400px;
  transform-origin: 50% 400px;
}
.ref_tile {
  position: absolute;
  overflow: hidden;
}
.ref_tile > div {
  /*background:rgba(255, 0, 0, .3);*/

  position: absolute;
  width: 200%;
  height: 200%;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  overflow: hidden;
}
.ref_tile > div + div {
  left: 100%;
  top: -183%;
}
.ref_tile > div > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: url(../images/bathroom_ref_face_02.png);
  opacity: 0;
  -moz-transition: opacity 0.5s linear;
  -webkit-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  cursor: help;
}
.ref_tile > div + div > div {
  left: 22px;
  top: 78px;
}
#big_room {
  position: absolute;
  width: 994px;
  height: 771px;
  cursor: move;
  background: url(../images/big_room.jpg) no-repeat;
  /*player sprite*/

}
#big_room #sprite {
  background: url(../images/picture_player.png) no-repeat 0 0;
}
#big_room #shadow {
  width: 198px;
  height: 144px;
  background: url(../images/picture_shadow.png) no-repeat;
  left: -126px;
  top: -47px;
}
#big_room #floor {
  position: absolute;
  left: 11px;
  bottom: 46px;
  width: 925px;
  height: 508px;
}
#big_room #computer {
  width: 80px;
  height: 245px;
  position: absolute;
  left: 209px;
  top: 134px;
  z-index: 62;
  background:  url(../images/big_room_computer.png)  no-repeat right;
}
#big_room #computer.off {
  background-image: url(../images/big_room_computer_off.png);
}
#big_room #computer_mask {
  width: 138px;
  height: 245px;
  position: absolute;
  left: 71px;
  top: 134px;
  z-index: 30;
  background:  url(../images/big_room_computer.png)  no-repeat right;
  background-position: 0 0;
}
#big_room #computer_mask.off {
  background-image: url(../images/big_room_computer_off.png);
}
#big_room #chair {
  width: 71px;
  height: 164px;
  position: absolute;
  left: 277px;
  top: 247px;
  z-index: 104;
  background:  url(../images/big_room_chair.png)  no-repeat right;
}
#big_room #pillar {
  width: 49px;
  height: 309px;
  position: absolute;
  left: 765px;
  top: -70px;
  z-index: 139;
  background:  url(../images/big_room_pillar.png)  no-repeat right;
}
#big_room #window {
  width: 577px;
  height: 506px;
  position: absolute;
  left: 130px;
  top: -179px;
  z-index: 998;
  background:  url(../images/big_room_window.png)  no-repeat right;
}
#big_room #computer_use {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 170px;
  height: 160px;
  position: absolute;
  left: 134px;
  top: 396px;
  z-index: 2000;
  cursor: pointer;
}
#big_room #window_use {
  width: 174px;
  height: 111px;
  position: absolute;
  left: 567px;
  top: 536px;
  z-index: 998;
  cursor: pointer;
  background: url(../images/doors.png) no-repeat 0 -360px;
}
#big_room #door_corridor {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 120px;
  height: 226px;
  position: absolute;
  left: 395px;
  top: 136px;
  z-index: 2000;
  cursor: pointer;
}
#lightbox #computer_screen {
  width: 500px;
  height: 500px;
  border-radius: 15px;
  border: 12px solid #ececec;
  margin: -256px 0 0 -256px;
  position: fixed;
  left: 50%;
  top: 50%;
}
#lightbox #noise_1,
#lightbox #noise_2 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
#lightbox #noise_1 {
  background: url(../images/noise_1.png);
}
#lightbox #noise_2 {
  background: url(../images/noise_2.png);
}
#lightbox .eye {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
  width: 5px;
  height: 0;
  border-radius: 5px;
  position: absolute;
  left: 310px;
  top: 277px;
  background: #ff0000;
  z-index: 1;
}
#lightbox .text_cloud {
  left: 301px;
  top: 200px;
  z-index: 1;
}
#lightbox #status,
#lightbox #completion {
  color: #6add04;
  font: 20px/30px SilkscreenNormal, Courier;
  position: absolute;
  z-index: 3;
}
#lightbox #status {
  text-align: left;
  left: 5%;
  top: 5%;
}
#lightbox #status .question,
#lightbox #status .cursor {
  cursor: pointer;
}
#lightbox #status .question {
  color: #ff0000;
}
#lightbox #status .cursor {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: #ff0000;
}
#lightbox #completion {
  left: 5%;
  bottom: 5%;
}
#lightbox #completion .progress {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: #1d3d01;
  margin-left: .2em;
}
#lightbox #completion .one {
  margin-left: 0;
}
#boiler_room {
  position: absolute;
  width: 867px;
  height: 922px;
  cursor: move;
  background: url(../images/boiler_room.jpg) no-repeat;
  /*player sprite*/

}
#boiler_room #sprite {
  background: url(../images/bathroom_player.png) no-repeat 0 0;
}
#boiler_room #shadow {
  width: 198px;
  height: 144px;
  background: url(../images/bathroom_shadow.png) no-repeat;
  left: -40px;
  top: -57px;
}
#boiler_room #floor {
  position: absolute;
  left: 35px;
  bottom: -7px;
  width: 828px;
  height: 484px;
}
#boiler_room #furnace {
  width: 243px;
  height: 660px;
  position: absolute;
  left: 174px;
  top: -443px;
  z-index: 53;
}
#boiler_room #furnace .text_cloud {
  position: absolute;
  left: 161px;
  top: 380px;
}
#boiler_room #furnace #body {
  width: 243px;
  height: 660px;
  position: absolute;
  left: 0;
  top: 10px;
  z-index: 2;
  -moz-transform-origin: 122.5px 660px;
  -webkit-transform-origin: 122.5px 660px;
  -o-transform-origin: 122.5px 660px;
  -ms-transform-origin: 122.5px 660px;
  transform-origin: 122.5px 660px;
  -moz-transform: rotate(-0.5deg);
  -webkit-transform: rotate(-0.5deg);
  -o-transform: rotate(-0.5deg);
  -ms-transform: rotate(-0.5deg);
  transform: rotate(-0.5deg);
}
#boiler_room #furnace .eyes {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  left: 126px;
  top: 525px;
  z-index: 3;
  background: red;
  opacity: 0;
  box-shadow: 0 0 10px 5px red;
}
#boiler_room #furnace #left_eye {
  left: 126px;
  top: 525px;
}
#boiler_room #furnace #right_eye {
  left: 212px;
  top: 476px;
}
#boiler_room #furnace .mouth_bkg {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 80px;
  height: 120px;
  position: absolute;
  left: 140px;
  top: 515px;
}
#boiler_room #furnace .dark {
  background: #111;
}
#boiler_room #furnace .bright {
  background: red;
}
#boiler_room #furnace #mouth {
  width: 37px;
  height: 108px;
  position: absolute;
  left: 157px;
  top: 515px;
  z-index: 1;
  background:  url(../images/boiler_room_furnace_mouth.png)  no-repeat right;
}
#boiler_room #furnace .mouth_glow {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 50px;
  height: 80px;
  border-radius: 5px;
  position: absolute;
  left: 154px;
  top: 542px;
  z-index: 4;
  background: rgba(255, 0, 0, 0.3);
  box-shadow: 0 0 40px 0 #ff0000;
}
#boiler_room #furnace .fire {
  opacity: 0;
}
#boiler_room #furnace #tin {
  width: 243px;
  height: 660px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background:  url(../images/boiler_room_furnace_body.png)  no-repeat right;
}
#boiler_room #furnace #legs {
  width: 223px;
  height: 146px;
  position: absolute;
  left: 12px;
  top: 527px;
  z-index: 1;
  background:  url(../images/boiler_room_furnace_legs.png)  no-repeat right;
}
#boiler_room #pile {
  width: 323px;
  height: 175px;
  position: absolute;
  left: 240px;
  top: 314px;
  z-index: 997;
  background:  url(../images/boiler_room_coal.png)  no-repeat right;
}
#boiler_room #coal {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
  width: 150px;
  height: 195px;
  border-radius: 50px;
  position: absolute;
  left: 287px;
  top: 831px;
  z-index: 2000;
  cursor: pointer;
}
#boiler_room #windows {
  width: 797px;
  height: 441px;
  position: absolute;
  left: 61px;
  top: -32px;
  z-index: 998;
  background:  url(../images/boiler_room_windows.png)  no-repeat right;
}
#boiler_room #furnace_use {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 160px;
  height: 160px;
  position: absolute;
  left: 313px;
  top: 503px;
  z-index: 2000;
  cursor: pointer;
}
#boiler_room #door {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
  width: 120px;
  height: 240px;
  position: absolute;
  left: 697px;
  top: 344px;
  z-index: 2000;
  cursor: pointer;
}
#fridge {
  position: absolute;
  width: 603px;
  height: 1666px;
  cursor: move;
  background: url(../images/fridge.jpg) no-repeat;
}
#fridge #sprite {
  background: url(../images/picture_player.png) no-repeat 0 0;
}
#fridge #shadow {
  width: 198px;
  height: 144px;
  background: url(../images/picture_shadow.png) no-repeat;
  left: -126px;
  top: -47px;
}
#fridge #floor {
  left: 76px;
  bottom: 439px;
  position: absolute;
}
#fridge #teleport,
#fridge #teleport div {
  border-color: #fefefe;
}
#fridge #teleport {
  left: 192px;
  top: 160px;
}
#fridge #teleport .core {
  background: #76b6e3;
  border: 0 none;
  padding: 1px;
  opacity: .6;
  box-shadow: 0 0 10px #76b6e3;
}
#fridge #exit {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  z-index: 2000;
  cursor: pointer;
  top: 160px;
  left: 280px;
}
#fridge #entrance {
  width: 96px;
  height: 389px;
  position: absolute;
  left: 69px;
  bottom: -54px;
  z-index: 1;
  background: url(../images/fridge_entrance.png);
}
#fridge #entrance_use {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 96px;
  height: 373px;
  position: absolute;
  left: 83px;
  bottom: -70px;
  z-index: 2000;
  cursor: pointer;
}
#fridge #diamond {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  left: 237px;
  top: -1208px;
  position: absolute;
  background: #ff0000;
  box-shadow: 0 0 5px #ff0000;
}
#fridge #diamond .text_cloud {
  bottom: 20px;
  left: 0;
}
#fly {
  width: 100px;
  height: 100px;
  background: red;
  position: absolute;
  top: -1000px;
  left: 9999px;
  z-index: 1;
  background: url(../images/bird.png);
}
#fly .text_cloud {
  bottom: 100px;
  left: 20px;
}
#opened {
  width: 310px;
  height: 310px;
  position: absolute;
  left: -137px;
  bottom: -26px;
  z-index: 999;
  background: url(../images/player_levitate.png);
}
#outside_view {
  width: 944px;
  height: 1156px;
  margin: -472px 0 0 -578px;
  position: fixed;
  left: 50%;
  top: 50%;
  background: url(../images/outside_view.jpg) no-repeat;
}
#outside_view #outside_corridor {
  width: 110%;
  height: 110%;
  position: absolute;
  left: -18px;
  top: -5px;
  z-index: 1;
  background: #000000 url(../images/hidden_corridor.jpg) no-repeat 0 0;
}
#outside_view #outside_corridor #switch {
  width: 57px;
  height: 71px;
  position: absolute;
  left: 690px;
  top: 149px;
  z-index: 1;
  background: url(../images/hidden_corridor_switch.png) no-repeat 0 0;
}
#outside_view #outside_corridor #player_sprite {
  width: 310px;
  height: 310px;
  position: absolute;
  left: 372px;
  top: 213px;
  z-index: 1;
  background: url(../images/player_levitate_2.png) no-repeat 0 0;
}
#outside_view #outside_corridor #player_shadow {
  width: 122px;
  height: 102px;
  background: url(../images/aquarium_shadow.png) no-repeat;
  position: absolute;
  left: 441px;
  top: 442px;
  z-index: 1;
}
#outside_view #fish {
  width: 240px;
  height: 240px;
  position: absolute;
  left: 328px;
  top: 395px;
  z-index: 2;
  background: url(../images/outside_fish.png) no-repeat;
}
#outside_view #fish .text_cloud {
  left: 100px;
  bottom: 200px;
}
#outside_view #tree {
  width: 440px;
  height: 570px;
  position: absolute;
  left: 160px;
  top: 250px;
  z-index: 3;
  background: url(../images/outside_view_tree_2.png) no-repeat;
}
#outside_view #tree.leaves {
  background: url(../images/outside_view_tree.png) no-repeat;
}
#cabin {
  width: 427px;
  height: 506px;
  margin: -253px 0 0 -213px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(../images/cabin_lights.png);
}
#cabin .cabinFull {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#cabin #corridor {
  background: url(../images/cabin_corridor.png);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#cabin #ticket_inspector {
  width: 310px;
  height: 310px;
  position: absolute;
  left: 340px;
  top: 190px;
  opacity: 0;
  background: url(../images/cabin_ticket_inspector.png);
}
#cabin #ticket_inspector .text_cloud {
  left: 140px;
  top: -30px;
}
#cabin #door {
  background: url(../images/cabin_door.png);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#cabin #cabin_1 {
  background: url(../images/cabin.png);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#cabin #faux_player {
  width: 310px;
  height: 310px;
  position: absolute;
  left: -20px;
  top: 150px;
  background: url(../images/cabin_player.png);
}
#cabin #faux_player .text_cloud {
  left: 100px;
  bottom: 275px;
}
#cabin #faux_player.stand-up .text_cloud {
  left: 160px;
  bottom: 305px;
}
#cabin #cabin_2 {
  background: url(../images/cabin_2.png);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#train {
  position: absolute;
  width: 589px;
  height: 497px;
  cursor: move;
}
#train #sprite {
  background: url(../images/hidden_corridor_player.png) no-repeat 0 0;
}
#train #shadow {
  width: 122px;
  height: 102px;
  background: url(../images/hidden_corridor_shadow.png) no-repeat;
  left: -38px;
  top: -28px;
  opacity: .5;
}
#train #ticket_inspector {
  width: 310px;
  height: 310px;
  position: absolute;
  left: 60px;
  top: -270px;
}
#train #ticket_inspector .text_cloud {
  left: 140px;
  top: -30px;
}
#train #ticket_sprite {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/cabin_ticket_inspector.png) 0 -310px;
}
#train #ticket_shadow {
  width: 90px;
  height: 60px;
  position: absolute;
  left: 120px;
  top: 248px;
  background: url(../images/train_ticket_inspector_shadow.png);
}
#train #floor {
  width: 589px;
  height: 497px;
  position: absolute;
  right: 37px;
  bottom: 39px;
}
#train #train_platform {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/train_platform.png) no-repeat;
}
#train #train_container {
  width: 1467px;
  height: 1030px;
  position: absolute;
  left: 0;
  top: 0;
}
#train #train_container.levitate {
  -webkit-animation: levitate 10s;
  -moz-animation: levitate 10s;
  -ms-animation: levitate 10s;
  -o-animation: levitate 10s;
  animation: levitate 10s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#train #train_interior {
  width: 243px;
  height: 459px;
  position: absolute;
  left: 153px;
  top: -399px;
  background: url(../images/train_interior.png);
}
#train #faux_player {
  width: 310px;
  height: 310px;
  position: absolute;
  left: 50px;
  top: -249px;
  background: url(../images/hidden_corridor_player.png) no-repeat 0 0;
  display: none;
}
#train #faux_player .shadow {
  width: 122px;
  height: 102px;
  background: url(../images/hidden_corridor_shadow.png) no-repeat;
  left: 100px;
  top: 212px;
  opacity: .5;
}
#train #train_door {
  width: 109px;
  height: 322px;
  position: absolute;
  left: 47px;
  top: -322px;
  background: url(../images/train_door.png);
}
#train #train_body {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -90px;
  top: -560px;
  background: url(../images/train.png);
}
#train #train_engine {
  width: 190px;
  height: 195px;
  border-radius: 10px;
  position: absolute;
  right: 265px;
  top: 216px;
  overflow: hidden;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
}
#train #ring_1 {
  width: 164px;
  height: 164px;
  border: 1px solid #ff0000;
  border-radius: 100%;
  position: absolute;
  left: -27px;
  top: -24px;
}
#train #ring_2 {
  width: 151px;
  height: 151px;
  position: absolute;
  left: -20px;
  top: -17px;
  background: url(../images/train_ring_2.png);
}
#train #ring_2.rotate {
  -webkit-animation: spin 10s linear;
  -moz-animation: spin 10s linear;
  -ms-animation: spin 10s linear;
  -o-animation: spin 10s linear;
  animation: spin 10s linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#train #ring_2.rotate_faster {
  -webkit-animation: spin 2s linear;
  -moz-animation: spin 2s linear;
  -ms-animation: spin 2s linear;
  -o-animation: spin 2s linear;
  animation: spin 2s linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#train #ring_3 {
  width: 81px;
  height: 81px;
  position: absolute;
  left: 14px;
  top: 18px;
  background: url(../images/train_ring_3.png);
}
#train #train_glow {
  width: 400px;
  height: 405px;
  position: absolute;
  right: 90px;
  top: 66px;
  opacity: 0;
  background: url(../images/train_glow.png);
}
#train #door_dark_corridor {
  width: 174px;
  height: 111px;
  position: absolute;
  left: 313px;
  top: 318px;
  z-index: 998;
  cursor: pointer;
  background: url(../images/doors.png) no-repeat 0 0;
}
#train #use_train_door {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
  width: 120px;
  height: 263px;
  position: absolute;
  left: 149px;
  top: -262px;
  cursor: pointer;
  z-index: 2000;
}
#ekg {
  width: 0;
  height: 10px;
  margin-top: -5px;
  position: fixed;
  left: 0;
  top: 50%;
  background: #fff;
}
#last_corridor {
  position: absolute;
  width: 1853px;
  height: 1352px;
  cursor: move;
  background: url(../images/last_corridor.jpg);
}
#last_corridor #player .text_cloud {
  left: 10px;
  bottom: 280px;
  min-width: 175px;
}
#last_corridor #player #flash {
  z-index: 9999;
}
#last_corridor #sprite {
  background: url(../images/hidden_corridor_player.png) no-repeat 0 0;
}
#last_corridor #shadow {
  width: 122px;
  height: 102px;
  background: url(../images/hidden_corridor_shadow.png) no-repeat;
  left: -38px;
  top: -28px;
  opacity: .5;
}
#last_corridor #floor {
  width: 100%;
  height: 100%;
  position: absolute;
  right: -47px;
  bottom: -296px;
}
#last_corridor #door_train {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 120px;
  height: 241px;
  position: absolute;
  left: 1389px;
  top: -122px;
  z-index: 2000;
  cursor: pointer;
}
#last_corridor .leds {
  height: 138px;
  position: absolute;
  background: url(../images/last_corridor_leds.png);
}
#last_corridor .leds.on div {
  border-color: #b10505;
}
#last_corridor .wires {
  border-left: 1px solid #000;
  border-radius: 5px 0 0 0;
  position: absolute;
}
#last_corridor #led_1 {
  width: 79px;
  right: 548px;
  top: -12px;
  height: 138px;
  position: absolute;
  background: url(../images/last_corridor_leds.png);
  background-position: -163px 0;
}
#last_corridor #led_1.on div {
  border-color: #b10505;
}
#last_corridor #led_1.on {
  background-position: -163px -138px;
}
#last_corridor #led_1 .wire_1 {
  height: 97px;
  width: 10px;
  left: 16px;
  bottom: 111px;
  border-left: 1px solid #000;
  border-radius: 5px 0 0 0;
  position: absolute;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#last_corridor #led_1 .wire_2 {
  height: 94px;
  width: 10px;
  left: 22px;
  bottom: 117px;
  border-left: 1px solid #000;
  border-radius: 5px 0 0 0;
  position: absolute;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#last_corridor #led_1 .wire_3 {
  height: 97px;
  width: 10px;
  left: 27px;
  bottom: 116px;
  border-left: 1px solid #000;
  border-radius: 5px 0 0 0;
  position: absolute;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#last_corridor #led_1 .wire_4 {
  height: 98px;
  width: 10px;
  left: 32px;
  bottom: 118px;
  border-left: 1px solid #000;
  border-radius: 5px 0 0 0;
  position: absolute;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#last_corridor #led_2 {
  width: 82px;
  right: 963px;
  top: 227px;
  height: 138px;
  position: absolute;
  background: url(../images/last_corridor_leds.png);
  background-position: -81px 0;
}
#last_corridor #led_2.on div {
  border-color: #b10505;
}
#last_corridor #led_2.on {
  background-position: -81px -138px;
}
#last_corridor #led_2 .wire_1 {
  height: 97px;
  width: 10px;
  left: 55px;
  bottom: 130px;
  border-left: 1px solid #000;
  border-radius: 5px 0 0 0;
  position: absolute;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#last_corridor #led_2 .wire_2 {
  height: 97px;
  width: 10px;
  left: 65px;
  bottom: 136px;
  border-left: 1px solid #000;
  border-radius: 5px 0 0 0;
  position: absolute;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#last_corridor #led_2 .wire_3 {
  height: 149px;
  width: 10px;
  left: -2px;
  bottom: 45px;
  border-left: 1px solid #000;
  border-radius: 5px 0 0 0;
  position: absolute;
  border-radius: 5px 0  0 5px;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#last_corridor #led_2 .wire_4 {
  height: 152px;
  width: 10px;
  left: -2px;
  bottom: 38px;
  border-left: 1px solid #000;
  border-radius: 5px 0 0 0;
  position: absolute;
  border-radius: 0 0 0 5px;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#last_corridor #led_3 {
  width: 82px;
  right: 1378px;
  top: 467px;
  height: 138px;
  position: absolute;
  background: url(../images/last_corridor_leds.png);
  background-position: 0 0;
}
#last_corridor #led_3.on div {
  border-color: #b10505;
}
#last_corridor #led_3.on {
  background-position: 0 -138px;
}
#last_corridor #led_3 .wire_1 {
  height: 40px;
  width: 10px;
  left: -2px;
  bottom: 78px;
  border-left: 1px solid #000;
  border-radius: 5px 0 0 0;
  position: absolute;
  border-radius: 0 0 0 5px;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#last_corridor #led_3 .wire_2 {
  height: 40px;
  width: 10px;
  left: -2px;
  bottom: 68px;
  border-left: 1px solid #000;
  border-radius: 5px 0 0 0;
  position: absolute;
  border-radius: 0 0 0 5px;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#last_corridor #led_3 .wire_3 {
  height: 40px;
  width: 10px;
  left: -2px;
  bottom: 37px;
  border-left: 1px solid #000;
  border-radius: 5px 0 0 0;
  position: absolute;
  border-radius: 0 0 0 5px;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#last_corridor #led_3 .wire_4 {
  height: 164px;
  width: 10px;
  left: -2px;
  bottom: 30px;
  border-left: 1px solid #000;
  border-radius: 5px 0 0 0;
  position: absolute;
  border-radius: 5px 0 0 5px;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#last_corridor .use_leds {
  width: 89px;
  height: 87px;
  border-radius: 10px;
  position: absolute;
  z-index: 1001;
  cursor: pointer;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
}
#last_corridor #use_led_1 {
  right: 488px;
  top: 323px;
  width: 89px;
  height: 87px;
  border-radius: 10px;
  position: absolute;
  z-index: 1001;
  cursor: pointer;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
}
#last_corridor #use_led_2 {
  right: 903px;
  top: 562px;
  width: 89px;
  height: 87px;
  border-radius: 10px;
  position: absolute;
  z-index: 1001;
  cursor: pointer;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
}
#last_corridor #use_led_3 {
  right: 1320px;
  top: 803px;
  width: 89px;
  height: 87px;
  border-radius: 10px;
  position: absolute;
  z-index: 1001;
  cursor: pointer;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
}
#last_corridor .fluoresents {
  width: 229px;
  height: 158px;
  position: absolute;
  z-index: 1003;
  opacity: 0;
  background: url(../images/last_corridor_fluorescent.png);
}
#last_corridor .fluoresents.crawl {
  -moz-transition: opacity 10s linear;
  -webkit-transition: opacity 10s linear;
  -o-transition: opacity 10s linear;
  -ms-transition: opacity 10s linear;
  transition: opacity 10s linear;
}
#last_corridor .fluoresents.on {
  opacity: 1;
}
#last_corridor #fluorescent_1 {
  right: 240px;
  top: 120px;
  width: 229px;
  height: 158px;
  position: absolute;
  z-index: 1003;
  opacity: 0;
  background: url(../images/last_corridor_fluorescent.png);
}
#last_corridor #fluorescent_1.crawl {
  -moz-transition: opacity 10s linear;
  -webkit-transition: opacity 10s linear;
  -o-transition: opacity 10s linear;
  -ms-transition: opacity 10s linear;
  transition: opacity 10s linear;
}
#last_corridor #fluorescent_1.on {
  opacity: 1;
}
#last_corridor #fluorescent_2 {
  right: 667px;
  top: 366px;
  width: 229px;
  height: 158px;
  position: absolute;
  z-index: 1003;
  opacity: 0;
  background: url(../images/last_corridor_fluorescent.png);
}
#last_corridor #fluorescent_2.crawl {
  -moz-transition: opacity 10s linear;
  -webkit-transition: opacity 10s linear;
  -o-transition: opacity 10s linear;
  -ms-transition: opacity 10s linear;
  transition: opacity 10s linear;
}
#last_corridor #fluorescent_2.on {
  opacity: 1;
}
#last_corridor #fluorescent_3 {
  right: 1082px;
  top: 606px;
  width: 229px;
  height: 158px;
  position: absolute;
  z-index: 1003;
  opacity: 0;
  background: url(../images/last_corridor_fluorescent.png);
}
#last_corridor #fluorescent_3.crawl {
  -moz-transition: opacity 10s linear;
  -webkit-transition: opacity 10s linear;
  -o-transition: opacity 10s linear;
  -ms-transition: opacity 10s linear;
  transition: opacity 10s linear;
}
#last_corridor #fluorescent_3.on {
  opacity: 1;
}
#last_corridor #fluorescent_4 {
  right: 1498px;
  top: 846px;
  width: 229px;
  height: 158px;
  position: absolute;
  z-index: 1003;
  opacity: 0;
  background: url(../images/last_corridor_fluorescent.png);
}
#last_corridor #fluorescent_4.crawl {
  -moz-transition: opacity 10s linear;
  -webkit-transition: opacity 10s linear;
  -o-transition: opacity 10s linear;
  -ms-transition: opacity 10s linear;
  transition: opacity 10s linear;
}
#last_corridor #fluorescent_4.on {
  opacity: 1;
}
#last_corridor #dark_player {
  width: 310px;
  height: 310px;
  position: absolute;
  left: 140px;
  top: 930px;
  z-index: 1003;
  opacity: 0;
  background: url(../images/last_corridor_player_dark.png);
}
#last_corridor #dark_player .text_cloud {
  width: 175px;
  left: -60px;
  bottom: 316px;
  -moz-transform: scalex(-1);
  -webkit-transform: scalex(-1);
  -o-transform: scalex(-1);
  -ms-transform: scalex(-1);
  transform: scalex(-1);
}
#last_corridor #darkness {
  left: -310px;
  top: 178px;
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: help;
}
#last_corridor #darkness.crawl {
  -moz-transition: all 10s linear;
  -webkit-transition: all 10s linear;
  -o-transition: all 10s linear;
  -ms-transition: all 10s linear;
  transition: all 10s linear;
}
#last_corridor #darkness.retract_1 {
  left: -730px;
  top: 420px;
}
#last_corridor #darkness.retract_2 {
  left: -1150px;
  top: 662px;
}
#last_corridor #darkness.gone {
  opacity: 0;
}
#last_corridor #darkness .wall {
  width: 1680px;
  height: 320px;
  position: absolute;
  z-index: 1002;
  bottom: 137px;
  left: 50px;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  background: -moz-linear-gradient(left, #000000 95%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(95%, #000000), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, #000000 95%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, #000000 95%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(left, #000000 95%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(left, #000000 95%, rgba(0, 0, 0, 0) 100%);
}
#last_corridor #darkness .floor {
  width: 1680px;
  height: 240px;
  position: absolute;
  z-index: 1002;
  bottom: -103px;
  left: 50px;
  background: red;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
  background: -moz-linear-gradient(left, #000000 95%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(95%, #000000), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, #000000 95%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, #000000 95%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(left, #000000 95%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(left, #000000 95%, rgba(0, 0, 0, 0) 100%);
}
#last_corridor #darkness .text {
  color: #fff;
  text-align: right;
  font: 24px/64px 'Neuton', georgia, serif;
  margin: 280px 410px 0 0;
  float: right;
  position: relative;
  z-index: 1002;
  opacity: 0;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#lightbox_led {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.5);
}
#led_panel {
  width: 512px;
  height: 512px;
  margin: -256px 0 0 -256px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(../images/last_corridor_led_panel.png);
}
#led_panel #led_panel_body {
  width: 452px;
  height: 452px;
  border-collapse: collapse;
  position: absolute;
  left: 30px;
  top: 30px;
}
#led_panel #led_panel_body .cell {
  width: 90.4px;
  height: 90.4px;
  border-radius: 100%;
  background: url(../images/last_corridor_led_off.png) no-repeat 50% 50%;
  cursor: pointer;
  -moz-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#led_panel #led_panel_body .cell.light {
  background-image: url(../images/last_corridor_led_on.png);
}
#led_panel #led_panel_body .cell.highlight {
  background-color: rgba(255, 255, 255, 0.3);
}
#led_reference {
  width: 220px;
  height: 220px;
  border-radius: 10px;
  position: absolute;
  right: -236px;
  top: 0;
}
#led_reference .table_wrapper {
  width: 100px;
  height: 100px;
  margin: 5px;
  float: left;
  background: url(../images/last_corridor_led_panel_small.png);
}
#led_reference table {
  width: 90px;
  height: 90px;
  margin: 5px;
  border-collapse: collapse;
}
#led_reference table .cell {
  width: 18px;
  height: 18px;
  background: url(../images/last_corridor_led_small_off.png) no-repeat 50% 50%;
}
#led_reference table .cell.light {
  background-image: url(../images/last_corridor_led_small_on.png);
}
#led_clear {
  width: 210px;
  height: 82px;
  position: absolute;
  left: 533px;
  top: 235px;
  cursor: pointer;
  background-image: url(../images/last_corridor_led_reset.png);
}
#darkness_fill {
  width: 9999px;
  height: 9999px;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
}
#darkness_bg,
#darkness_bg_light {
  width: 558px;
  height: 558px;
  top: 425px;
  left: -20px;
  z-index: 1;
  position: absolute;
  background: url(../images/darkness_bg.jpg);
}
#darkness_bg_light {
  background: url(../images/darkness_bg_light.jpg);
}
#darkness_floor,
#darkness_floor_light {
  width: 343px;
  height: 197px;
  top: 779px;
  left: 84px;
  z-index: 2;
  position: absolute;
  background: url(../images/darkness_floor.png);
}
#darkness_floor_light {
  background: url(../images/darkness_floor_light.png);
}
#darkness_wires {
  width: 406px;
  height: 396px;
  position: absolute;
  top: 429px;
  left: 34px;
  z-index: 200;
  background: url(../images/darkness_wires.png);
  -moz-transform-origin: 179 370;
  -webkit-transform-origin: 179 370;
  -o-transform-origin: 179 370;
  -ms-transform-origin: 179 370;
  transform-origin: 179 370;
}
#exit {
  position: absolute;
  width: 353px;
  height: 520px;
  cursor: move;
  background: url(../images/exit.png) no-repeat;
}
#exit #sprite {
  background: url(../images/picture_player.png) no-repeat 0 0;
}
#exit #shadow {
  width: 122px;
  height: 102px;
  background: url(../images/hidden_corridor_shadow.png) no-repeat;
  left: -38px;
  top: -28px;
  opacity: .5;
}
#exit #floor {
  left: -32px;
  top: 200px;
  position: absolute;
}
#exit #use_exit {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  width: 120px;
  height: 241px;
  position: absolute;
  left: 6px;
  top: 61px;
  z-index: 2000;
  cursor: pointer;
}
#exit #use_back {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
  width: 120px;
  height: 241px;
  position: absolute;
  left: 248px;
  top: 1px;
  z-index: 2000;
  cursor: pointer;
}
#exit_sky {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0;
  background: -moz-linear-gradient(top, #ffffff 0%, #7db9e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #7db9e8));
  background: -webkit-linear-gradient(top, #ffffff 0%, #7db9e8 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #7db9e8 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #7db9e8 100%);
  background: linear-gradient(top, #ffffff 0%, #7db9e8 100%);
}
/* VIEWS */
.view {
  min-width: 1024px;
  min-height: 768px;
  position: relative;
  background: url(../images/sky.jpg) repeat-x;
}
.view > div {
  background: url(../images/sky_2.jpg);
}
#clouds_1,
#clouds_2,
#clouds_3 {
  width: 110%;
  height: 110%;
  position: absolute;
  left: -5%;
  top: -5%;
}
#clouds_1 {
  background: url(../images/clouds_1.png);
  z-index: 1;
}
#clouds_2 {
  background: url(../images/clouds_2.png);
  z-index: 3;
}
#clouds_3 {
  background: url(../images/clouds_3.png);
  z-index: 5;
}
#overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9901;
  background: url(../images/view_overlay.png);
  opacity: 0.5;
}
.window {
  position: fixed;
  z-index: 9900;
  background: #989898;
  box-shadow: 0 0 10px #989898;
}
#window_up {
  position: fixed;
  z-index: 9900;
  background: #989898;
  box-shadow: 0 0 10px #989898;
  width: 100%;
  height: 40px;
  left: 0;
  top: 0;
}
#window_right {
  position: fixed;
  z-index: 9900;
  background: #989898;
  box-shadow: 0 0 10px #989898;
  width: 40px;
  height: 100%;
  right: 0;
  top: 0;
}
#window_down {
  position: fixed;
  z-index: 9900;
  background: #989898;
  box-shadow: 0 0 10px #989898;
  width: 100%;
  height: 40px;
  left: 0;
  bottom: 0;
}
#window_left {
  position: fixed;
  z-index: 9900;
  background: #989898;
  box-shadow: 0 0 10px #989898;
  width: 40px;
  height: 100%;
  left: 0;
  top: 0;
}
#window_middle {
  position: fixed;
  z-index: 9900;
  background: #989898;
  box-shadow: 0 0 10px #989898;
  width: 40px;
  height: 100%;
  left: 60%;
  top: 0;
}
/* start_room_view */
#room_view .object {
  position: absolute;
}
.room {
  /* start_room_view - END */

}
.room #aquarium_view {
  width: 244px;
  height: 473px;
  top: 20%;
  left: 10%;
  z-index: 4;
  background: url(../images/aquarium_view.png);
}
.room #boiler_room_view {
  width: 122px;
  height: 147px;
  left: 40%;
  bottom: 25%;
  right: 10%;
  z-index: 1;
  background: url(../images/boiler_room_view.png);
}
.room #boiler_room_view .smoke {
  width: 5px;
  height: 5px;
  border-radius: 10px;
  position: absolute;
  left: 28px;
  top: -5px;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
}
.room #corridor_view {
  width: 320px;
  height: 304px;
  right: 23%;
  bottom: 35%;
  right: 10%;
  z-index: 1;
  background: url(../images/corridor_view.png);
}
.room #corridor_view.leaves {
  background: url(../images/corridor_view_2.png);
}
.corridor {
  /* corridor_view - END */

}
.corridor #start_room_view {
  width: 300px;
  height: 269px;
  top: -17%;
  left: -4%;
  z-index: 4;
  background: url(../images/room_view.png);
}
.corridor #aquarium_view {
  width: 244px;
  height: 461px;
  left: 53%;
  top: -30%;
  right: 10%;
  z-index: 1;
  background: url(../images/aquarium_view_2.png);
}
.corridor #picture_snow {
  width: 220px;
  height: 195px;
  left: 24%;
  top: 30%;
  right: 10%;
  z-index: 1;
  background: url(../images/picture_snow_view.png);
}
.corridor #picture_snow.no_snow {
  background: url(../images/picture_view.png);
}
.kitchen {
  /* kitchen_view - END */

}
.kitchen #big_room_view {
  width: 250px;
  height: 199px;
  bottom: 30%;
  right: 40%;
  z-index: 4;
}
.kitchen #big_room_view.explosion {
  background: url(../images/big_room_view_explosion_2.png) no-repeat;
}
.kitchen #big_room_view #building {
  width: 100%;
  height: 100%;
  background: url(../images/big_room_view.png);
  position: relative;
  z-index: 2;
}
.kitchen #big_room_view #baloon {
  width: 151px;
  height: 219px;
  background: url(../images/big_room_baloon.png);
  position: absolute;
  right: -47px;
  bottom: 132px;
  z-index: 1;
  -moz-transform-origin: 79px 212px;
  -webkit-transform-origin: 79px 212px;
  -o-transform-origin: 79px 212px;
  -ms-transform-origin: 79px 212px;
  transform-origin: 79px 212px;
}
.kitchen #start_room_view {
  width: 220px;
  height: 197px;
  top: 10%;
  left: 10%;
  z-index: 2;
  background: url(../images/room_view_2.png);
}
.kitchen #bathroom_view {
  width: 100px;
  height: 153px;
  top: 6%;
  left: 45%;
  z-index: 1;
  background: url(../images/bathroom_view.png);
}
.bathroom,
.void_bathroom {
  /* bathroom_view - END */

}
.bathroom #big_room_view,
.void_bathroom #big_room_view {
  width: 350px;
  height: 292px;
  bottom: 10%;
  right: 60%;
  z-index: 4;
}
.bathroom #big_room_view.explosion,
.void_bathroom #big_room_view.explosion {
  background: url(../images/big_room_view_explosion.png) no-repeat;
}
.bathroom #big_room_view #building,
.void_bathroom #big_room_view #building {
  width: 100%;
  height: 100%;
  background: url(../images/big_room_view_2.png);
  position: relative;
  z-index: 1;
}
.bathroom #big_room_view #baloon,
.void_bathroom #big_room_view #baloon {
  width: 216px;
  height: 313px;
  background: url(../images/big_room_baloon_2.png);
  position: absolute;
  right: 207px;
  bottom: 42px;
  z-index: 2;
  -moz-transform-origin: 108px 299px;
  -webkit-transform-origin: 108px 299px;
  -o-transform-origin: 108px 299px;
  -ms-transform-origin: 108px 299px;
  transform-origin: 108px 299px;
}
.bathroom #start_room_view,
.void_bathroom #start_room_view {
  width: 300px;
  height: 260px;
  top: 20%;
  right: 10%;
  z-index: 2;
  background: url(../images/room_view_3.png);
}
.bathroom #kitchen_view,
.void_bathroom #kitchen_view {
  width: 160px;
  height: 123px;
  top: 0%;
  left: 10%;
  z-index: 2;
  background: url(../images/kitchen_view.png);
}
.bathroom #kitchen_view.true,
.void_bathroom #kitchen_view.true {
  height: 152px;
  background: url(../images/kitchen_true_view.png);
}
.big_room #kitchen_view {
  width: 240px;
  height: 210px;
  top: 0;
  right: 0;
  z-index: 2;
  background: url(../images/kitchen_view_2.png);
}
.big_room #kitchen_view.true {
  background: url(../images/kitchen_true_view_2.png) no-repeat;
}
.big_room #toilet_view {
  width: 40px;
  height: 92px;
  top: 20%;
  left: 20%;
  z-index: 0;
  background: url(../images/toilet_view.png);
}
.big_room #fridge_view {
  width: 113px;
  height: 126px;
  top: 50%;
  left: 50%;
  z-index: 0;
  background: url(../images/fridge_view.png);
  opacity: .3;
}
@font-face {
  font-family: 'FuroreRegular';
  src: url('../fonts/furore-webfont.woff') format('woff'), url('../fonts/furore-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
#keypad {
  width: 320px;
  height: 350px;
  border-radius: 5px;
  margin: -210px 0 0 -160px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(../images/keypad.png);
}
#keypad .on {
  width: 200px;
  height: 6px;
  border-bottom: 1px solid #333;
  border-radius: 20px;
  position: relative;
  z-index: 2;
  margin: 50px auto 40px;
  box-shadow: 0 0 20px #ff0000;
  background: #ff3232;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYzRjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #ff3232 0%, #ffc4c4 50%, #ff0000 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(left, #ff3232 0%, #ffc4c4 50%, #ff0000 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #ff3232 0%, #ffc4c4 50%, #ff0000 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #ff3232 0%, #ffc4c4 50%, #ff0000 100%);
  /* IE10+ */

  background: linear-gradient(left, #ff3232 0%, #ffc4c4 50%, #ff0000 100%);
  /* W3C */

}
#keypad .on .pass {
  content: "";
  display: block;
  width: 200px;
  height: 6px;
  border-radius: 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  box-shadow: 0 0 20px #126fa9;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyNmZhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzg5YzNlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjZmYTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #126fa9 0%, #89c3eb 50%, #126fa9 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(left, #126fa9 0%, #89c3eb 50%, #126fa9 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #126fa9 0%, #89c3eb 50%, #126fa9 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #126fa9 0%, #89c3eb 50%, #126fa9 100%);
  /* IE10+ */

  background: linear-gradient(left, #126fa9 0%, #89c3eb 50%, #126fa9 100%);
  /* W3C */

}
#keypad form {
  text-align: center;
  word-spacing: -1em;
  width: 200px;
  height: 190px;
  margin: 0 auto;
}
#keypad form div,
#keypad form input,
#keypad form div::before {
  border-radius: 5px;
}
#keypad form div {
  width: 56px;
  height: 56px;
  margin-bottom: 15px;
  position: relative;
  float: left;
  background: rgba(0, 0, 0, 0.2);
}
#keypad form div::before {
  content: " ";
  display: block;
  width: 50px;
  height: 52px;
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 1;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzFhMWExYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, #4d4d4d 0%, #1a1a1a 12%, #1a1a1a 55%, #808080 88%, #4d4d4d 99%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(left, #4d4d4d 0%, #1a1a1a 12%, #1a1a1a 55%, #808080 88%, #4d4d4d 99%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #4d4d4d 0%, #1a1a1a 12%, #1a1a1a 55%, #808080 88%, #4d4d4d 99%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #4d4d4d 0%, #1a1a1a 12%, #1a1a1a 55%, #808080 88%, #4d4d4d 99%);
  /* IE10+ */

  background: linear-gradient(left, #4d4d4d 0%, #1a1a1a 12%, #1a1a1a 55%, #808080 88%, #4d4d4d 99%);
  /* W3C */

}
#keypad form div:nth-child(3n-2),
#keypad form div:nth-child(3n-1) {
  margin-right: 16px;
}
#keypad form input {
  color: #111;
  font: 40px/50px 'FuroreRegular', Curier;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  width: 50px;
  height: 50px;
  border: 0 none;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 2;
  cursor: pointer;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%);
  /* IE10+ */

  background: linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%);
  /* W3C */

}
#keypad.on input:active {
  color: #ff0000;
  text-shadow: 0 0 10px #ff0000, 0 1px 0 #fff;
  top: 4px;
}
#keypad.off .on {
  background: #111;
  box-shadow: none;
}
::selection {
  background: transparent;
  color: #fff;
}
::-moz-selection {
  background: transparent;
  color: #fff;
}
::-webkit-selection {
  background: transparent;
  color: #fff;
}
html,
body,
#black,
#no_click,
#the_game,
#white,
#overlay,
.view,
.view > div {
  width: 100%;
  height: 100%;
}
#old_browser {
  margin-top: 200px;
  /* old browser - END */

}
#old_browser em {
  font-style: italic;
}
#old_browser p {
  font: 17px/20px 'Neuton', georgia, serif;
  text-align: center;
}
#old_browser p + p {
  font: 14px/20px 'Neuton', georgia, serif;
}
#old_browser .title {
  color: #168ad3;
}
#old_browser strong {
  color: #ff3927;
  font-weight: normal;
}
#old_browser ul {
  height: 110px;
  padding-top: 20px;
  text-align: center;
}
#old_browser li {
  padding: 0 20px;
  position: relative;
  display: inline;
}
#old_browser img {
  vertical-align: top;
}
#dialogue_box {
  font: 20px/30px 'Neuton', georgia, serif;
  width: 320px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  margin-left: -160px;
  position: fixed;
  left: 50%;
  bottom: 40px;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
}
#dialogue_box.big {
  width: 640px;
  margin-left: -320px;
}
#dialogue_box_text {
  color: #d3d3d3;
  margin-bottom: 20px;
}
#dialogue_box_character {
  color: #eaea2a;
}
#dialogue_box_image {
  position: relative;
  z-index: 9999;
  margin: 40px auto 0;
  display: block;
  height: 60%;
}
#options {
  color: #fefefe;
}
#options li {
  padding-left: 20px;
  background: url(../images/li.gif) no-repeat 0 12px;
  cursor: pointer;
  -moz-transition: 'color' 0.5s linear;
  -webkit-transition: 'color' 0.5s linear;
  -o-transition: 'color' 0.5s linear;
  -ms-transition: 'color' 0.5s linear;
  transition: 'color' 0.5s linear;
}
#options li:hover {
  color: #bce9f4;
}
#no_click {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 8888;
  background: rgba(0, 0, 0, 0.2);
}
#white,
#black {
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 9998;
}
#white {
  background: #fff;
}
#black {
  background: #000;
}
.tile {
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -moz-transform: rotate(-30deg) skew(30deg) scale(0.59, 0.87) translate(-32px, 20px);
  -webkit-transform: rotate(-30deg) skew(30deg) scale(0.59, 0.87) translate(-32px, 20px);
  -o-transform: rotate(-30deg) skew(30deg) scale(0.59, 0.87) translate(-32px, 20px);
  -ms-transform: rotate(-30deg) skew(30deg) scale(0.59, 0.87) translate(-32px, 20px);
  transform: rotate(-30deg) skew(30deg) scale(0.59, 0.87) translate(-32px, 20px);
  border-radius: 2px;
  outline-color: #fff;
  cursor: crosshair;
  z-index: 999;
}
.tile:hover {
  background: rgba(255, 255, 255, 0.5);
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tile:active {
  box-shadow: -20px 0 5px rgba(255, 255, 255, 0.5), 20px 0 5px rgba(255, 255, 255, 0.5), 0 -12px 5px rgba(255, 255, 255, 0.5), 0 12px 5px rgba(255, 255, 255, 0.5);
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tile.transparency:hover {
  opacity: 0.3;
}
.tile.collision:hover {
  cursor: not-allowed;
  background: none;
}
.tile.collision:active {
  box-shadow: 0 0 0 transparent;
  background: none;
}
.transparent {
  -moz-transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.button {
  width: 120px;
  height: 32px;
  position: absolute;
  z-index: 9999;
  opacity: .8;
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.8) url(../images/menu.png) no-repeat;
  -moz-transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.button:hover {
  opacity: 1;
}
#tooltip {
  font: 20px/24px 'Neuton', georgia, serif;
  color: #fefefe;
  width: 100px;
  padding: 10px;
  position: absolute;
  z-index: 3000;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}
#tooltip.right {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(-30deg) scaley(0.866);
  transform: rotate(-30deg) skew(-30deg) scaley(0.866);
}
#tooltip.left {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(30deg) skew(30deg) scaley(0.866);
  transform: rotate(30deg) skew(30deg) scaley(0.866);
}
#teleport,
#teleport div {
  border: 1px solid #fefefe;
  border-radius: 100%;
  position: absolute;
}
#teleport div {
  left: 50%;
  top: 50%;
}
#teleport {
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -moz-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -webkit-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -o-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  -ms-transform: rotate(-30deg) skew(30deg) scaley(0.866);
  transform: rotate(-30deg) skew(30deg) scaley(0.866);
  width: 140px;
  height: 140px;
  background: none transparent;
}
#teleport div {
  width: 120px;
  height: 120px;
  margin: -61px 0 0 -61px;
}
#teleport div div {
  width: 100px;
  height: 100px;
  margin: -51px 0 0 -51px;
}
#teleport div div div {
  width: 80px;
  height: 80px;
  margin: -41px 0 0 -41px;
}
#teleport div div div div {
  width: 60px;
  height: 60px;
  margin: -31px 0 0 -31px;
}
#teleport div div div div div {
  width: 40px;
  height: 40px;
  margin: -21px 0 0 -21px;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#teleport .core {
  background: #76b6e3;
  border: 0 none;
  padding: 1px;
  opacity: .6;
  box-shadow: 0 0 10px #76b6e3;
}
#lightbox {
  font: 20px/30px 'Neuton', georgia, serif;
  text-align: center;
  color: #fefefe;
  width: 100%;
  height: 95%;
  padding-top: 5%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8);
}
#lightbox img {
  margin: 40px auto 0;
  height: 60%;
  display: block;
}
.close {
  width: 120px;
  height: 32px;
  position: absolute;
  z-index: 9999;
  opacity: .8;
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.8) url(../images/menu.png) no-repeat;
  -moz-transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  height: 64px;
  top: 10px;
  right: 10px;
  background-position: -360px 0;
}
.close:hover {
  opacity: 1;
}
#the_game .opacity {
  opacity: .7;
  -moz-transition: opacity 0.1s linear;
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
#the_game .opacity:hover {
  opacity: 1;
}
.dim {
  opacity: .3 !important;
}
.dim:hover {
  opacity: 1 !important;
}
#switch_sound {
  width: 120px;
  height: 32px;
  position: absolute;
  z-index: 9999;
  opacity: .8;
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.8) url(../images/menu.png) no-repeat;
  -moz-transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  top: 10px;
  right: 140px;
}
#switch_sound:hover {
  opacity: 1;
}
#switch_sound.on {
  background-position: -240px 0;
}
#switch_sound.off {
  background-position: -240px -32px;
}
#items {
  font: 20px/30px 'Neuton', georgia, serif;
  text-align: center;
  color: #fefefe;
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #555;
  position: fixed;
  left: 0;
  top: -100px;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  /* items - END */

}
#items #button {
  width: 120px;
  height: 32px;
  z-index: 9999;
  opacity: .8;
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.8) url(../images/menu.png) no-repeat;
  -moz-transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  margin: 0 0 0 -60px;
  position: absolute;
  left: 50%;
  top: 111px;
  background-position: -120px 0;
}
#items #button:hover {
  opacity: 1;
}
#items #button.up {
  background-position: -120px -32px;
}
#items img {
  cursor: pointer;
  display: inline-block;
  height: 80px;
  margin: 0 15px 0;
  position: relative;
  top: 10px;
  vertical-align: top;
  -moz-transition: height 0.2s linear;
  -webkit-transition: height 0.2s linear;
  -o-transition: height 0.2s linear;
  -ms-transition: height 0.2s linear;
  transition: height 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#items img:hover {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
#items_text {
  position: relative;
  top: 30px;
}
#wrap {
  width: 1024px;
  margin-left: -512px;
  position: fixed;
  left: 50%;
  top: 0;
}
#settings {
  width: 120px;
  height: 32px;
  position: absolute;
  z-index: 9999;
  opacity: .8;
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.8) url(../images/menu.png) no-repeat;
  -moz-transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  left: 10px;
  top: 10px;
  background-position: 0 0;
  /* settings - END */

}
#settings:hover {
  opacity: 1;
}
#settings.on {
  background-position: 0 -32px;
}
#settings ul {
  color: #E8542E;
  font: 12px/18px arial, sans-serif;
  text-align: center;
  width: 100px;
  padding: 10px;
  border-radius: 5px;
  position: relative;
  top: 42px;
  background: rgba(0, 0, 0, 0.8);
}
#settings li {
  margin: 0 -10px;
  padding: 0 10px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#settings li:hover {
  color: #168AD3;
}
#settings li + li {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px solid #E8542E;
}
#author {
  color: #fff;
  text-transform: lowercase;
  font: 20px/40px 'Neuton', georgia, serif;
  height: 40px;
  padding: 10px;
  border-radius: 4px;
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 9999;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
}
#author:hover p {
  display: block;
}
#author .btn {
  text-align: center;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  float: left;
  cursor: help;
  background: #045E78;
}
#author .btn:hover {
  background: #00D0F5;
}
#author p {
  line-height: 20px;
  padding-left: 20px;
  border-left: 1px solid #fefefe;
  margin: 10px 0 0 20px;
  float: left;
  display: none;
}
#author p:first-of-type {
  border: 0 none;
  margin-left: 0;
}
#author a {
  color: #FF3927;
  text-decoration: none;
}
#author a:hover {
  text-decoration: underline;
}
#player {
  width: 40px;
  height: 40px;
  margin-left: 15px;
  position: absolute;
  top: 10px;
  left: 10px;
  /* player - END */

}
#player #sprite {
  width: 310px;
  height: 310px;
  position: absolute;
  left: -137px;
  bottom: -26px;
  z-index: 999;
}
#player #shadow {
  position: absolute;
  z-index: 1;
}
#player .text_cloud {
  left: 20px;
  bottom: 275px;
}
.text_cloud {
  font: 20px/30px 'Neuton', georgia, serif;
  color: #FEFEFE;
  max-width: 240px;
  min-width: 100px;
  padding: 10px;
  border: 1px solid #555;
  border-radius: 10px;
  position: absolute;
  z-index: 3000;
  background: #000;
}
.text_cloud div {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 10px;
  bottom: -10px;
  background: url("../images/textcloud_tip.png") no-repeat;
}
#flash {
  width: 16px;
  height: 16px;
  border-radius: 10px;
  margin: -8px 0 0 -8px;
  position: fixed;
  left: 50%;
  top: 50%;
  background: #fff;
  opacity: 0;
}
#preloader {
  width: 320px;
  height: 40px;
  border-radius: 2px;
  border: 2px solid #21bef3;
  margin: -20px 0 0 -160px;
  position: fixed;
  left: 50%;
  top: 50%;
  overflow: hidden;
  background: url(../images/preload_bar.png) no-repeat;
}
#preloader::before {
  content: "Loading...";
  color: #fefefe;
  font: 20px/40px 'Neuton', georgia, serif;
  width: 320px;
  height: 40px;
  border-radius: 2px;
  margin: -60px 0 0 -160px;
  text-align: center;
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
}
#indicator {
  color: #fefefe;
  text-align: right;
  font: 32px/32px 'Neuton', georgia, serif;
  width: 76px;
  height: 32px;
  border-radius: 4px;
  padding: 16px;
  position: fixed;
  left: 20px;
  top: 10%;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.7) url(../images/menu.png) -510px 50% no-repeat;
}
#preload_1 {
  background: url(../images/aquarium_fish_big.png);
}
#preload_2 {
  background: url(../images/aquarium_key_big.png);
}
#preload_3 {
  background: url(../images/boiler_room_coal_big.png);
}
#preload_4 {
  background: url(../images/picture_snow_twig_big.png);
}
#preload_5 {
  background: url(../images/room_note_big.png);
}
#resume_screen {
  width: 200px;
  margin: -124px 0 0 -100px;
  position: fixed;
  left: 50%;
  top: 50%;
}
#resume_screen p {
  color: #fff;
  font: 24px/64px 'Neuton', georgia, serif;
  margin: 20px 0;
  border-radius: 64px;
  cursor: pointer;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.2);
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
#resume_screen p:hover {
  color: #168AD3;
  background: #ffffff;
}
#resume_screen .icon {
  margin-right: 10px;
}
#resume_screen .text,
#resume_screen .icon {
  float: left;
  vertical-align: middle;
}
.resume_icons {
  width: 64px;
  height: 64px;
  display: inline-block;
  background: url(../images/resume_screen.png);
}
#resume_screen_resume {
  width: 64px;
  height: 64px;
  display: inline-block;
  background: url(../images/resume_screen.png);
}
#resume_screen_restart {
  width: 64px;
  height: 64px;
  display: inline-block;
  background: url(../images/resume_screen.png);
  background-position: 0 -64px;
}
