/* SCENE 1 WEBKIT ANIMATIONS */

@-webkit-keyframes Clouds {
	 0% {
	   margin-left: 0px;
	 }
	 100% {
	   margin-left: 850px;
	 }
}
@-webkit-keyframes Moonrise {
	 0% {
	   margin-top: 135px;
	   opacity: 0;
	 }
	 50% {
	   margin-top: 135px;
	   opacity: 0;
	 }
	 100% {
	   margin-top: 0px;
	   opacity: 1;
	 }
}
@-webkit-keyframes Firefly {
	 0% {
	   margin-left: 25px;
	   margin-top: -50px;
	 }
	 10% {
	   margin-left: 100px;
	   margin-top: -60px;
	 }
	 20% {
	   margin-left: 200px;
	   margin-top: -125px;
	 }
	 30% {
	   margin-left: 250px;
	   margin-top: -160px;
	 }
	 40% {
	   margin-left: 300px;
	   margin-top: -130px;
	 }
	 50% {
	   margin-left: 350px;
	   margin-top: -175px;
	 }
	 60% {
	   margin-left: 425px;
	   margin-top: -200px;
	 }
	 70% {
	   margin-left: 475px;
	   margin-top: -50px;
	 }
	 80% {
	   margin-left: 575px;
	   margin-top: -75px;
	 }
	 90% {
	   margin-left: 650px;
	   margin-top: -35px;
	 }
	 100% {
	   margin-left: 725px;
	   margin-top: -65px;
	 }
}
@-webkit-keyframes FireflyTwo {
	 0% {
	   margin-left: -75px;
	   margin-top: -50px;
	 }
	 20% {
	   margin-left: 0px;
	   margin-top: -150px;
	 }
	 40% {
	   margin-left: 25px;
	   margin-top: -175px;
	 }
	 60% {
	   margin-left: 75px;
	   margin-top: -125px;
	 }
	 80% {
	   margin-left: 125px;
	   margin-top: -50px;
	 }
	 100% {
	   margin-left: 50px;
	   margin-top: 0px;
	 }
}
@-webkit-keyframes FieldScan {
	 0% {
	   margin-top: 0px;
	 }
	 100% {
	   margin-top: 215px;
	 }
}

/* SCENE 1 MOZILLA ANIMATIONS */

@-moz-keyframes Clouds {
	 0% {
	   margin-left: 0px;
	 }
	 100% {
	   margin-left: 850px;
	 }
}
@-moz-keyframes Moonrise {
	 0% {
	   margin-top: 135px;
	   opacity: 0;
	 }
	 50% {
	   margin-top: 135px;
	   opacity: 0;
	 }
	 100% {
	   margin-top: 0px;
	   opacity: 1;
	 }
}
@-moz-keyframes Firefly {
	 0% {
	   margin-left: 25px;
	   margin-top: -50px;
	 }
	 10% {
	   margin-left: 100px;
	   margin-top: -60px;
	 }
	 20% {
	   margin-left: 200px;
	   margin-top: -125px;
	 }
	 30% {
	   margin-left: 250px;
	   margin-top: -160px;
	 }
	 40% {
	   margin-left: 300px;
	   margin-top: -130px;
	 }
	 50% {
	   margin-left: 350px;
	   margin-top: -175px;
	 }
	 60% {
	   margin-left: 425px;
	   margin-top: -200px;
	 }
	 70% {
	   margin-left: 475px;
	   margin-top: -50px;
	 }
	 80% {
	   margin-left: 575px;
	   margin-top: -75px;
	 }
	 90% {
	   margin-left: 650px;
	   margin-top: -35px;
	 }
	 100% {
	   margin-left: 725px;
	   margin-top: -65px;
	 }
}
@-moz-keyframes FireflyTwo {
	 0% {
	   margin-left: -75px;
	   margin-top: -50px;
	 }
	 20% {
	   margin-left: 0px;
	   margin-top: -150px;
	 }
	 40% {
	   margin-left: 25px;
	   margin-top: -175px;
	 }
	 60% {
	   margin-left: 75px;
	   margin-top: -125px;
	 }
	 80% {
	   margin-left: 125px;
	   margin-top: -50px;
	 }
	 100% {
	   margin-left: 50px;
	   margin-top: 0px;
	 }
}
@-moz-keyframes FieldScan {
	 0% {
	   margin-top: 0px;
	 }
	 100% {
	   margin-top: 215px;
	 }
}

/* SCENE 1 MS ANIMATIONS */

@-ms-keyframes Clouds {
	 0% {
	   margin-left: 0px;
	 }
	 100% {
	   margin-left: 850px;
	 }
}
@-ms-keyframes Moonrise {
	 0% {
	   margin-top: 135px;
	   opacity: 0;
	 }
	 50% {
	   margin-top: 135px;
	   opacity: 0;
	 }
	 100% {
	   margin-top: 0px;
	   opacity: 1;
	 }
}
@-ms-keyframes Firefly {
	 0% {
	   margin-left: 25px;
	   margin-top: -50px;
	 }
	 10% {
	   margin-left: 100px;
	   margin-top: -60px;
	 }
	 20% {
	   margin-left: 200px;
	   margin-top: -125px;
	 }
	 30% {
	   margin-left: 250px;
	   margin-top: -160px;
	 }
	 40% {
	   margin-left: 300px;
	   margin-top: -130px;
	 }
	 50% {
	   margin-left: 350px;
	   margin-top: -175px;
	 }
	 60% {
	   margin-left: 425px;
	   margin-top: -200px;
	 }
	 70% {
	   margin-left: 475px;
	   margin-top: -50px;
	 }
	 80% {
	   margin-left: 575px;
	   margin-top: -75px;
	 }
	 90% {
	   margin-left: 650px;
	   margin-top: -35px;
	 }
	 100% {
	   margin-left: 725px;
	   margin-top: -65px;
	 }
}
@-ms-keyframes FireflyTwo {
	 0% {
	   margin-left: -75px;
	   margin-top: -50px;
	 }
	 20% {
	   margin-left: 0px;
	   margin-top: -150px;
	 }
	 40% {
	   margin-left: 25px;
	   margin-top: -175px;
	 }
	 60% {
	   margin-left: 75px;
	   margin-top: -125px;
	 }
	 80% {
	   margin-left: 125px;
	   margin-top: -50px;
	 }
	 100% {
	   margin-left: 50px;
	   margin-top: 0px;
	 }
}
@-ms-keyframes FieldScan {
	 0% {
	   margin-top: 0px;
	 }
	 100% {
	   margin-top: 215px;
	 }
}

/* SCENE 1 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: 7s;
	-moz-animation-name: FadeInDelay;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 7s;
	-ms-animation-name: FadeInDelay;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-duration: 7s;
	background-image: url(../../content/sc1-home/sc1-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;
	-moz-animation-name: FadeIn;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 3s;
	-ms-animation-name: FadeIn;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-duration: 3s;
	background-image: url(../../content/sc1-home/sc1-stage1.png);
}

#setMoon {
	position: absolute;
	left: 400px;
	top: 125px;
	padding: 0px;
	z-index: 301;
	width: 125px;
	height: 125px;
	visibility: visible;
	-webkit-animation-name: Moonrise;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 11s;
	-moz-animation-name: Moonrise;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 11s;
	-ms-animation-name: Moonrise;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-duration: 11s;
	background-image: url(../../content/global/moon@x2.png);
	background-size: 125px 125px;
}

#setYellowLGTree {
	position: absolute;
	left: 67px;
	top: 50px;
	padding: 0px;
	z-index: 320;
	width: 350px;
	height: 530px;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-moz-animation-name: FadeIn;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 3s;
	-ms-animation-name: FadeIn;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-duration: 3s;
	background-image: url(../../content/global/yellow-lg-tree@x2.png);
	background-size: 350px 530px;
}

#setYellowMedTree {
	position: absolute;
	left: 650px;
	top: 140px;
	padding: 0px;
	z-index: 321;
	width: 270px;
	height: 430px;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-moz-animation-name: FadeIn;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 3s;
	-ms-animation-name: FadeIn;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-duration: 3s;
	background-image: url(../../content/global/yellow-med-tree@x2.png);
	background-size: 270px 430px;
}

#setFlower1 {
	position: absolute;
	left: 237px;
	top: 450px;
	z-index: 322;
	width: 50px;
	height: 100px;
	visibility: visible;
	overflow: hidden;
}

#setPortalBase {
	position: absolute;
	left: 490px;
	top: 520px;
	padding: 0px;
	z-index: 330;
	width: 300px;
	height: 120px;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-moz-animation-name: FadeIn;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 3s;
	-ms-animation-name: FadeIn;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-duration: 3s;
	background-image: url(../../content/sc1-home/sc1-set-portalbase@x2.png);
	background-size: 300px 120px;
}

#setPortalField {
	position: absolute;
	left: 575px;
	top: 316px;
	padding: 0px;
	z-index: 331;
	width: 130px;
	height: 230px;
	visibility: hidden;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-moz-animation-name: FadeIn;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 3s;
	-ms-animation-name: FadeIn;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-duration: 3s;
	background-image: url(../../content/sc1-home/sc1-set-portalfield.png);
}

#setPortalFieldScan {
	position: absolute;
	left: 587px;
	top: 302px;
	padding: 0px;
	z-index: 332;
	width: 108px;
	height: 21px;
	visibility: hidden;
	-webkit-animation-name: FieldScan;
	-webkit-animation-timing-function: linear;
	-webkit-trasform: margin-top;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	-moz-animation-name: FieldScan;
	-moz-animation-timing-function: linear;
	-moz-trasform: margin-top;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 3s;
	-ms-animation-name: FieldScan;
	-ms-animation-timing-function: linear;
	-ms-trasform: margin-top;
	-ms-animation-iteration-count: infinite;
	-ms-animation-duration: 3s;
	background-image: url(../../content/sc1-home/sc1-set-portalfieldscan.png);
}

#setPortal {
	position: absolute;
	left: 520px;
	top: 265px;
	padding: 0px;
	z-index: 333;
	width: 240px;
	height: 290px;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-moz-animation-name: FadeIn;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 3s;
	-ms-animation-name: FadeIn;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-duration: 3s;
	background-image: url(../../content/sc1-home/sc1-set-portal@x2.png);
	background-size: 240px 290px;
}

#setSmallSignPost {
	position: absolute;
	left: 60px;
	top: 385px;
	padding: 0px;
	z-index: 344;
	width: 140px;
	height: 200px;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-moz-animation-name: FadeIn;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 3s;
	-ms-animation-name: FadeIn;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-duration: 3s;
	background-image: url(../../content/sc1-home/sc1-set-smallsignpost@x2.png);
	background-size: 140px 200px;
}

#setFire {
	position: absolute;
	left: 172px;
	top: 425px;
	padding: 0px;
	z-index: 345;
	width: 24px;
	height: 40px;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-moz-animation-name: FadeIn;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 3s;
	-ms-animation-name: FadeIn;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-duration: 3s;
	background-image: url(../../content/global/fire-b.gif);
	background-size: 24px 40px;
}

#setFireGlow {
	position: absolute;
	left: 167px;
	top: 425px;
	padding: 0px;
	z-index: 346;
	width: 35px;
	height: 50px;
	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/fire-glow_b.png);
	background-size: 35px 50px;
	opacity: 0.7;
}

/* Portal Link DIVs and Classes */

#PortalLinks {
	position: absolute;
	text-align: left;
	left: 777px;
	top: 345px;
	padding: 0px;
	z-index: 334;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-moz-animation-name: FadeIn;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 3s;
	-ms-animation-name: FadeIn;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-duration: 3s;
}

#PortalLinkAbout {
	position: absolute;
	left: 157px;
	top: 506px;
	padding: 0px;
	z-index: 347;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-moz-animation-name: FadeIn;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 3s;
	-ms-animation-name: FadeIn;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-duration: 3s;
}

#PortalLink1Go {
	position: absolute;
	left: 575px;
	top: 316px;
	padding: 0px;
	z-index: 335;
	width: 130px;
	height: 230px;
	visibility: hidden;
	background-image: url(../../content/sc1-home/portal-go-about.png);
	background-size: 130px 230px;
}

#PortalLink2Go {
	position: absolute;
	left: 575px;
	top: 316px;
	padding: 0px;
	z-index: 336;
	width: 130px;
	height: 230px;
	visibility: hidden;
	background-image: url(../../content/sc1-home/portal-go-portfolio.png);
	background-size: 130px 230px;
}

#PortalLink3Go {
	position: absolute;
	left: 575px;
	top: 316px;
	padding: 0px;
	z-index: 337;
	width: 130px;
	height: 230px;
	visibility: hidden;
	background-image: url(../../content/sc1-home/portal-go-observatory.png);
	background-size: 130px 230px;
}

#PortalLink4Go {
	position: absolute;
	left: 575px;
	top: 316px;
	padding: 0px;
	z-index: 338;
	width: 130px;
	height: 230px;
	visibility: hidden;
	background-image: url(../../content/sc1-home/portal-go-wolfgangko.png);
	background-size: 130px 230px;
}

#PortalLink5Go {
	position: absolute;
	left: 575px;
	top: 316px;
	padding: 0px;
	z-index: 339;
	width: 130px;
	height: 230px;
	visibility: hidden;
	background-image: url(../../content/sc1-home/portal-go-blog.png);
	background-size: 130px 230px;
}

#BlogGraphic {
	position: absolute;
	left: 70px;
	top: 400px;
	width: 136px;
	height: 164px;
	background-image: url(../../content/sc1-home/sc1-set-blog@x2.png);
	background-size: 136px 164px;
	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;
	-moz-animation-name: FadeIn;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 3s;
	-ms-animation-name: FadeIn;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-duration: 3s;
	-webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; 
}

#BlogGraphic:hover {
	-webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
	-ms-transform:rotate(-5deg); /* IE 9 */
	-moz-transform:rotate(-5deg); /* Firefox */
	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
	-o-transform:rotate(-5deg); /* Opera */
	transform:rotate(-5deg);
}

.PortalLink {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	word-spacing: normal;
	font-size: 23px;
	font-family: atrament-web-1, atrament-web-2, Helvetica, sans-serif;
	line-height: 32px;
	color: #FFFFFF;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 2px;
	-webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear; 
}

a.PortalLink:link {
	color: #FFF;
}

a.PortalLink:hover {
	color: #1fe7fe;
	text-shadow: 0 0px 3px rgba(31,229,252,.7);
    /* Box */
    background: rgb(15, 15, 15);
    background: rgba(31, 229, 252, 0.2);
	border-width: 1px;
	border-style: solid;
	border-color: #1fe7fe;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0px 3px rgba(31,229,252,.7);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2); 
	o-box-shadow: 0 1px 5px rgba(0,0,0,.2);
}

a.PortalLink:active {
	color: #FFFFFF;
}

/* Muzak Stuffs */

#setTotem {
	position: absolute;
	left: 280px;
	top: 283px;
	z-index: 359;
	width: 250px;
	height: 280px;
	visibility: visible;
	-webkit-animation-name: FadeIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	-moz-animation-name: FadeIn;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
	-moz-animation-duration: 3s;
	-ms-animation-name: FadeIn;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
	-ms-animation-duration: 3s;
	background-image: url(../../content/sc1-home/sc1-set-totem.png);
	background-size: 250px 280px;
}

#muzak {
	position: absolute;
	left: 379px;
	top: 346px;
	padding: 0px;
	z-index: 360;
	/* width: 256px; */
	visibility: visible;
}

/* FireFlys */

#firefly {
	position: absolute;
	left: 225px;
	top: 575px;
	padding: 0px;
	z-index: 328;
	width: 9px;
	height: 9px;
	visibility: visible;
	background-image: url(../../content/sc1-home/firefly.png);
	background-size: 9px 9px;
	-webkit-animation-name: Firefly;
	-webkit-trasform: margin-left;
	-webkit-trasform: margin-top;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 35s;
	-moz-animation-name: Firefly;
	-moz-trasform: margin-left;
	-moz-trasform: margin-top;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-duration: 35s;
	-ms-animation-name: Firefly;
	-ms-trasform: margin-left;
	-ms-trasform: margin-top;
	-ms-animation-timing-function: linear;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: alternate;
	-ms-animation-duration: 35s;
}

#fireflytwo {
	position: absolute;
	left: 425px;
	top: 575px;
	padding: 0px;
	z-index: 329;
	width: 9px;
	height: 9px;
	visibility: visible;
	background-image: url(../../content/sc1-home/firefly.png);
	background-size: 9px 9px;
	-webkit-animation-name: FireflyTwo;
	-webkit-trasform: margin-left;
	-webkit-trasform: margin-top;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 30s;
	-moz-animation-name: FireflyTwo;
	-moz-trasform: margin-left;
	-moz-trasform: margin-top;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-duration: 30s;
	-ms-animation-name: FireflyTwo;
	-ms-trasform: margin-left;
	-ms-trasform: margin-top;
	-ms-animation-timing-function: linear;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: alternate;
	-ms-animation-duration: 30s;
}

/* CLOUD DIVs */

#cloud1 {
	position: absolute;
	left: -100px;
	top: 235px;
	padding: 0px;
	z-index: 311;
	width: 380px;
	height: 160px;
	visibility: visible;
	background-image: url(../../content/global/cloud1.png);
	-webkit-animation-name: Clouds;
	-webkit-trasform: margin-left;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 175s;
	-moz-animation-name: Clouds;
	-moz-trasform: margin-left;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-duration: 175s;
	-ms-animation-name: Clouds;
	-ms-trasform: margin-left;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: alternate;
	-ms-animation-duration: 175s;
}
#cloud2 {
	position: absolute;
	left: 0px;
	top: 300px;
	padding: 0px;
	z-index: 312;
	width: 325px;
	height: 110px;
	visibility: visible;
	background-image: url(../../content/global/cloud2.png);
	-webkit-animation-name: Clouds;
	-webkit-trasform: margin-left;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 360s;
	-moz-animation-name: Clouds;
	-moz-trasform: margin-left;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-duration: 360s;
	-ms-animation-name: Clouds;
	-ms-trasform: margin-left;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: alternate;
	-ms-animation-duration: 360s;
}
#cloud3 {
	position: absolute;
	left: 0px;
	top: 215px;
	padding: 0px;
	z-index: 313;
	width: 165px;
	height: 75px;
	visibility: visible;
	background-image: url(../../content/global/cloud3.png);
	-webkit-animation-name: Clouds;
	-webkit-trasform: margin-left;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 420s;
	-moz-animation-name: Clouds;
	-moz-trasform: margin-left;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-duration: 420s;
	-ms-animation-name: Clouds;
	-ms-trasform: margin-left;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: alternate;
	-ms-animation-duration: 420s;
}


/* YOU ARE HERE */

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