/* SCENE 4 ANIMATIONS */

@-webkit-keyframes SmokeRise {
	 0% {
	   opacity:1;
	   margin-top: 0px;
	   -webkit-transform:scale(.1);
	 }
	100% {
	  opacity:0;
	  margin-top: -425px;
	  -webkit-transform:scale(1.5);
	 }
}

@-webkit-keyframes SmokeRiseTwo {
	 0% {
	   opacity:1;
	   margin-top: 0px;
	   -webkit-transform:scale(.25);
	 }
	100% {
	  opacity:0;
	  margin-top: -200px;
	  -webkit-transform:scale(1.5);
	 }
}

@-webkit-keyframes Window {
	 0% {
	   opacity:0;
	 }
	 55% {
	   opacity:0;
	 }
	 57% {
	   opacity:1;
	 }
	 59% {
	   opacity:0;
	 }
	 65% {
	   opacity:0;
	 }
	 67% {
	   opacity:1;
	 }
	 69% {
	   opacity:0;
	 }
	 70% {
	   opacity:1;
	 }
	 100% {
	  opacity:1;
	 }
}

/* SCENE 4 MOZILLA ANIMATIONS */

@-moz-keyframes SmokeRise {
	 0% {
	   opacity:1;
	   margin-top: 0px;
	   -moz-transform:scale(.1);
	 }
	100% {
	  opacity:0;
	  margin-top: -425px;
	  -moz-transform:scale(1.5);
	 }
}

@-moz-keyframes SmokeRiseTwo {
	 0% {
	   opacity:1;
	   margin-top: 0px;
	   -moz-transform:scale(.25);
	 }
	100% {
	  opacity:0;
	  margin-top: -200px;
	  -moz-transform:scale(1.5);
	 }
}

@-moz-keyframes Window {
	 0% {
	   opacity:0;
	 }
	 25% {
	   opacity:0;
	 }
	 27% {
	   opacity:1;
	 }
	 29% {
	   opacity:0;
	 }
	 55% {
	   opacity:0;
	 }
	 57% {
	   opacity:1;
	 }
	 59% {
	   opacity:0;
	 }
	 65% {
	   opacity:0;
	 }
	 67% {
	   opacity:1;
	 }
	 69% {
	   opacity:0;
	 }
	 70% {
	   opacity:1;
	 }
	 100% {
	  opacity:1;
	 }
}


/* SCENE 5 DIVs */

#ScreenOne {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 101;
	height: 475px;
	width: 1024px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-screen1.png);
}

#Stage {
	position: absolute;
	left: 0px;
	top: 475px;
	padding: 0px;
	z-index: 300;
	height: 275px;
	width: 1024px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-stage1.png);
}


/* Scene5 Link DIVs and Classes */

#setSmoke {
	position: absolute;
	left: 458px;
	top: -150px;
	z-index: 102;
	width: 200px;
	height: 575px;
	opacity: .5;
	visibility: visible;
	overflow: visible;
}

#setSmokeI {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRise;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	-moz-animation-name: SmokeRise;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 3s;
}

#setSmokeII {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRise;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 4s;
	-moz-animation-name: SmokeRise;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 4s;
}

#setSmokeIII {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRise;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 5s;
	-moz-animation-name: SmokeRise;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 5s;
}

#setSmokeIV {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRise;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 7s;
	-moz-animation-name: SmokeRise;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 7s;
}

#setSmokeV {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRiseTwo;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 9s;
	-moz-animation-name: SmokeRiseTwo;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 9s;
}

#setSmokeVI {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRise;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 12s;
	-moz-animation-name: SmokeRise;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 12s;
}

#setSmokeVII {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRiseTwo;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 2s;
	-moz-animation-name: SmokeRiseTwo;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 2s;
}

#setSmokeVIII {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRiseTwo;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	-moz-animation-name: SmokeRiseTwo;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 3s;
}

#setSmokeIX {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRiseTwo;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 5s;
	-moz-animation-name: SmokeRiseTwo;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 5s;
}

#setSmokeX {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRiseTwo;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 7s;
	-moz-animation-name: SmokeRiseTwo;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 7s;
}

#setSmokeXI {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRiseTwo;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 10s;
	-moz-animation-name: SmokeRiseTwo;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 10s;
}

#setSmokeXII {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRiseTwo;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 15s;
	-moz-animation-name: SmokeRiseTwo;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 15s;
}

#setSmokeXIII {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRiseTwo;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 20s;
	-moz-animation-name: SmokeRiseTwo;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 20s;
}

#setSmokeXIV {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRiseTwo;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 25s;
	-moz-animation-name: SmokeRiseTwo;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 25s;
}

#setSmokeXV {
	position: absolute;
	left: 25px;
	top: 275px;
	z-index: 302;
	width: 150px;
	height: 150px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-smokepuff.png);
	background-size: 150px 150px;
	-webkit-animation-name: SmokeRiseTwo;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 30s;
	-moz-animation-name: SmokeRiseTwo;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 30s;
}

#setWindow {
	position: absolute;
	left: 317px;
	top: 217px;
	z-index: 317;
	width: 75px;
	height: 75px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-window@x2.png);
	background-size: 75px 75px;
	-webkit-animation-name: Window;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 13s;
	-moz-animation-name: Window;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 13s;
}

#setGate {
	position: absolute;
	left: 475px;
	top: 255px;
	z-index: 318;
	width: 350px;
	height: 270px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-gate@x2.png);
	background-size: 350px 270px;
}

#setSmTree {
	position: absolute;
	left: 155px;
	top: 135px;
	z-index: 319;
	width: 175px;
	height: 425px;
	visibility: visible;
	background-image: url(../../content/global/blue-tree-md@x2.png);
	background-size: 170px 425px;
}

#setMdTree {
	position: absolute;
	left: 190px;
	top: 120px;
	z-index: 320;
	width: 175px;
	height: 425px;
	visibility: visible;
	background-image: url(../../content/global/blue-tree-md@x2.png);
	background-size: 170px 425px;
}

#setMdTreeII {
	position: absolute;
	left: 360px;
	top: 150px;
	z-index: 320;
	width: 175px;
	height: 415px;
	visibility: visible;
	background-image: url(../../content/global/blue-tree-md@x2.png);
	background-size: 170px 415px;
}

#setLgTree {
	position: absolute;
	left: 60px;
	top: 35px;
	z-index: 321;
	width: 215px;
	height: 525px;
	visibility: visible;
	background-image: url(../../content/global/blue-tree-lg@x2.png);
	background-size: 215px 525px;
}

#setLgTreeII {
	position: absolute;
	left: 750px;
	top: 50px;
	z-index: 322;
	width: 215px;
	height: 525px;
	visibility: visible;
	background-image: url(../../content/global/blue-tree-lg@x2.png);
	background-size: 215px 525px;
}

#setSign {
	position: absolute;
	left: 107px;
	top: 340px;
	z-index: 325;
	width: 350px;
	height: 250px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-sign@x2.png);
	background-size: 350px 250px;
}

#setRocksLeft {
	position: absolute;
	left: 150px;
	top: 550px;
	z-index: 325;
	width: 120px;
	height: 80px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-rocksleft@x2.png);
	background-size: 120px 80px;
}

#setBoxLeft {
	position: absolute;
	left: 300px;
	top: 528px;
	z-index: 326;
	width: 150px;
	height: 120px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-boxleft@x2.png);
	background-size: 150px 120px;
}

#setBoxRight {
	position: absolute;
	left: 745px;
	top: 505px;
	z-index: 327;
	width: 150px;
	height: 120px;
	visibility: visible;
	background-image: url(../../content/sc5-wolfgangko/sc5-boxright@x2.png);
	background-size: 150px 120px;
}

#setFlower1 {
	position: absolute;
	left: 420px;
	top: 502px;
	z-index: 330;
	width: 50px;
	height: 100px;
	background-image: url(../../content/global/flower4@x2.png);
	background-size: 50px 100px;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; 
}

#setFlower1:hover {
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#setFlower2 {
	position: absolute;
	left: 470px;
	top: 530px;
	z-index: 331;
	width: 50px;
	height: 100px;
	background-image: url(../../content/global/flower1@x2.png);
	background-size: 50px 100px;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; 
}

#setFlower2:hover {
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#setFlower3 {
	position: absolute;
	left: 825px;
	top: 533px;
	z-index: 332;
	width: 50px;
	height: 100px;
	background-image: url(../../content/global/flower2@x2.png);
	background-size: 50px 100px;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; 
}

#setFlower3:hover {
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}



#Monitor {
	position: absolute;
	left: 720px;
	top: 250px;
	padding: 0px;
	z-index: 350;
	width: 110px;
	height: 105px;
	-webkit-animation-name: Float;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 2s;
	-moz-animation-name: Float;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-duration: 2s;
	-ms-animation-name: Float;
	-ms-animation-timing-function: linear;
	-ms-trasform: margin-top;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: alternate;
	-ms-animation-duration: 2s;
	background-image: url(../../content/global/monitor.png);
	background-size: 110px 105px;
}

#Monitor-WolfgangKo {
	position: absolute;
	left: 837px;
	top: 195px;
	width: 150px;
	z-index: 351;
	visibility: hidden;
}



#NoteLink {
	position: absolute;
	left: 595px;
	top: 475px;
	width: 45px;
	height: 50px;
	background-image: url(../../content/sc2-about/sc2-set-paper.png);
	background-size: 45px 50px;
	background-repeat:no-repeat;
	z-index: 350;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; 
}

#NoteLink:hover {
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.notepaper {
	background-image: url(../../content/sc2-about/sc2-set-paper.png);
	background-size: 100%;
}

.NoteContent {
	position: absolute;
	margin-left: 105px;
	margin-right: 0px;
	margin-top: 47px;
	width: 405px;
	height: 650px;
}

#Picture {
	position: absolute;
	left: 800px;
	top: 130px;
	z-index: 355;
	width: 212px;
	height: 250px;
	visibility: hidden;
	background-image: url(../../content/sc2-about/sc2-set-wayne-koenig@x2.jpg);
	background-size: 212px 250px;
	transform:rotate(3deg);
	-ms-transform:rotate(3deg); /* IE 9 */
	-moz-transform:rotate(3deg); /* Firefox */
	-webkit-transform:rotate(3deg); /* Safari and Chrome */
	-o-transform:rotate(3deg); /* Opera */
}

#NoteClose {
  position: absolute;
	left: 268px;
	top: 125px;
	z-index: 999;
	visibility: hidden;
}

.Close {
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  font-family: atrament-web-1, atrament-web-2, Helvetica, sans-serif;
  color: #FFFFFF;
  /* Box */
  background: #101010;
  float: left;
  padding-top: 3px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
}


/* YOU ARE HERE */

#you-are-here {
	position: absolute;
	left: 541px;
	top: 139px;
	width: 115px;
	height: 115px;
	z-index: 603;
}