/* SCENE 2 ANIMATIONS */



/* SCENE 2 DIVs */

#ScreenOne {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 101;
	height: 475px;
	width: 1024px;
	visibility: visible;
	-webkit-animation-name: FadeInDelay;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 5s;
	background-image: url(../../content/sc2-about/sc2-screen1.png);
}
#Stage {
	position: absolute;
	left: 0px;
	top: 475px;
	padding: 0px;
	z-index: 300;
	height: 275px;
	width: 1024px;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	background-image: url(../../content/sc2-about/sc2-stage1.png);
}


/* Sceme2 Link DIVs and Classes */

#setWindPoll {
	position: absolute;
	left: 520px;
	top: 215px;
	z-index: 318;
	width: 45px;
	height: 290px;
	visibility: visible;
	background-image: url(../../content/sc2-about/sc2-set-windpoll.png);
	background-size: 45px 290px;
}

#setWindmill {
	position: absolute;
	left: 395px;
	top: 60px;
	z-index: 319;
	width: 300px;
	height: 300px;
	visibility: visible;
	-webkit-animation-name: RotateCW;
	-webkit-animation-duration: 35s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: RotateCW;
	-moz-animation-duration: 35s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: RotateCW;
	-ms-animation-duration: 35s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	background-image: url(../../content/sc2-about/sc2-set-windmill.png);
	background-size: 300px 300px;
}

#setMdTree {
	position: absolute;
	left: 140px;
	top: 145px;
	z-index: 320;
	width: 175px;
	height: 425px;
	visibility: visible;
	-webkit-animation-name: FadeInDelay;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 5s;
	background-image: url(../../content/global/blue-tree-md@x2.png);
	background-size: 170px 425px;
}

#setLgTree {
	position: absolute;
	left: 20px;
	top: 85px;
	z-index: 321;
	width: 215px;
	height: 525px;
	visibility: visible;
	-webkit-animation-name: FadeInDelay;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 5s;
	background-image: url(../../content/global/blue-tree-lg@x2.png);
	background-size: 215px 525px;
}

#setLgTree2 {
	position: absolute;
	left: 220px;
	top: 55px;
	z-index: 324;
	width: 215px;
	height: 525px;
	visibility: visible;
	-webkit-animation-name: FadeInDelay;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 5s;
	background-image: url(../../content/global/blue-tree-lg@x2.png);
	background-size: 215px 525px;
}

#setRockPath {
	position: absolute;
	left: 505px;
	top: 580px;
	z-index: 322;
	width: 175px;
	height: 75px;
	visibility: visible;
	-webkit-animation-name: FadeInDelay;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 5s;
	background-image: url(../../content/sc2-about/sc2-set-rockpath.png);
}

#setTheKeep {
	position: absolute;
	left: 300px;
	top: 130px;
	z-index: 323;
	width: 625px;
	height: 500px;
	visibility: visible;
	-webkit-animation-name: FadeInDelay;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 5s;
	background-image: url(../../content/sc2-about/sc2-set-thekeep@x2.png);
	background-size: 625px 500px;
}

#setLanternLFire {
	position: absolute;
	left: 255px;
	top: 417px;
	padding: 0px;
	z-index: 325;
	width: 24px;
	height: 35px;
	visibility: visible;
	-webkit-animation-name: FadeInDelay;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	background-image: url(../../content/global/fire-w.gif);
	background-size: 24px 35px;
}

#setLanternLeft {
	position: absolute;
	left: 220px;
	top: 385px;
	z-index: 326;
	width: 100px;
	height: 250px;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	background-image: url(../../content/global/lantern-left@x2.png);
	background-size: 100px 250px;
}

#setFlower1 {
	position: absolute;
	left: 420px;
	top: 502px;
	z-index: 330;
	width: 50px;
	height: 100px;
	overflow: hidden;
}

#setFlower2 {
	position: absolute;
	left: 490px;
	top: 540px;
	z-index: 331;
	width: 50px;
	height: 100px;
	overflow: hidden;
}

#setFlower3 {
	position: absolute;
	left: 845px;
	top: 480px;
	z-index: 332;
	width: 50px;
	height: 100px;
	overflow: hidden;
}

/* Pop-Up Quotes */

#Quote1 {
	position: absolute;
	left: 380px;
	top: 457px;
	padding: 0px;
	z-index: 335;
	width: 225px;
	visibility: hidden;
}

#Quote2 {
	position: absolute;
	left: 863px;
	top: 487px;
	padding: 0px;
	z-index: 336;
	width: 225px;
	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: 456px;
	top: 315px;
	width: 115px;
	height: 115px;
	z-index: 603;
}