@charset "utf-8";

/* CSS Document */

a:link {text-decoration:none !Important; color:#aaa;}
a:visited {color:#aaa;}

body {
	font-family: Arial;
	background-color: #000000;
	color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size: 18pt;
/*
	background-image: url('gfx/0.jpg');
	background-position-x: center;
	background-repeat:no-repeat;
*/
	
}
.band  {left:200px; top:311px; opacity:0;}
.bandI {left:200px; top:329px; opacity:0;}

.band1in { left:52px; top:311px; opacity:100;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band1Iin {left:160px; top:329px; opacity:100;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band1out { left:152px; top:311px; opacity:0;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band1Iout {left:360px; top:329px; opacity:0;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}

.band2in { left:210px; top:311px; opacity:100;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band2Iin {left:305px; top:329px; opacity:100;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band2out { left:112px; top:311px; opacity:0;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band2Iout {left:400px; top:329px; opacity:0;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}

.band3in { left:327px; top:311px; opacity:100;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band3Iin {left:467px; top:329px; opacity:100;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band3out { left:427px; top:311px; opacity:0;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band3Iout {left:367px; top:329px; opacity:0;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}

.band4in { left:540px; top:311px; opacity:100;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band4Iin {left:585px; top:329px; opacity:100;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band4out { left:467px; top:311px; opacity:0;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band4Iout {left:377px; top:329px; opacity:0;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}

.band5in { left:685px; top:311px; opacity:100;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band5Iin {left:755px; top:329px; opacity:100;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band5out { left:587px; top:311px; opacity:0;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}
.band5Iout {left:557px; top:329px; opacity:0;
			-webkit-transition: 	left 1s, opacity 0.5s ease-out;
			-moz-transition: 		left 1s, opacity 0.5s ease-out;
			-o-transition:			left 1s, opacity 0.5s ease-out;
			transition: 			left 1s, opacity 0.5s ease-out;
}

.divText {
	margin: 15px;
	font-family: Arial;
	font-size: 11pt;
	color: #DDD;
	text-shadow: 2px 2px 0px #00011d;
}
.divMenu {
		 
}

div.link:hover{cursor:pointer}
.divImgL:hover{cursor:crosshair}
.divImgR:hover{cursor:pointer}

.divImageViewHidden {opacity:0; width:0px; height:0px; visibility: hidden;}
.divImageViewFull {opacity:50; width:100%; height:100%;}
.hidden {opacity:0;}
.hidden0 {opacity:0; top:332px;}
/* .in4 {left:257px; top:148px; width:915px; height:468px;} */
.in4 {left:293px; top:206px; width:872px; height:387px;}

.out1, out3 {left:688px; top:416px; width:49px; height:34px; opacity:0;}
.out2 {left:680px; top:416px; width:64px; height:33px; opacity:0;}
.window1 {left:45px; top:49px; width:568px; height:340px;}
.window2 {left:45px; top:49px; width:785px; height:347px;}
.window3 {left:58px; top:66px; width:753px; height:449px;}
.window4 {left:0px; top:0px; width:872px; height:387px;} /*band window*/
/* .window3 {left:75px; top:87px; width:947px; height:563px;} */

/* .backButtonHidden {left: 530px; opacity:0;} */
.backButtonHidden {		 
	left:530px; opacity:0; 
	-webkit-transition: 	left 0.5s, opacity 0.5s ease-in;
	-moz-transition: 		left 0.5s, opacity 0.5s ease-in;
	-o-transition:			left 0.5s, opacity 0.5s ease-in;
	transition: 			left 0.5s, opacity 0.5s ease-in;
}

.backButtonGoIn {		 
	left:480px; opacity:100; 
	-webkit-transition: 	left 1s, opacity 1s ease-in;
	-moz-transition: 		left 1s, opacity 1s ease-in;
	-o-transition:			left 1s, opacity 1s ease-in;
	transition: 			left 1s, opacity 1s ease-in;
}
.backButtonGoOut { 
	left:410px; opacity:0; 
	-webkit-transition: 	left 0.5s, opacity 0.5s ease-out;
	-moz-transition: 		left 0.5s, opacity 0.5s ease-out;
	-o-transition:			left 0.5s, opacity 0.5s ease-out;
	transition: 			left 0.5s, opacity 0.5s ease-out;
}


.introFade {
    animation: 		fadeInOut 2s linear 0s 1 forwards normal;
    -moz-animation: 	fadeInOut 2s linear 0s 1 forwards normal;
    -webkit-animation: 	fadeInOut 2s linear 0s 1 forwards normal;
    -o-animation: 		fadeInOut 2s 1;
}

@keyframes 			fadeInOut { 0% {opacity:0}	10% {opacity:100}	100% {opacity:0} }
@-moz-keyframes 	fadeInOut { 0% {opacity:0}	10% {opacity:100}	100% {opacity:0} }
@-webkit-keyframes 	fadeInOut { 0% {opacity:0}	10% {opacity:100}	100% {opacity:0} }
@-o-keyframes  		fadeInOut { 0% {opacity:0}	10% {opacity:100}	100% {opacity:0} }


.menuHover {
		text-shadow: 0px 0px 7px #777, 0px 30px 6px #555;
}

.menu0 {
		float:left; position:relative; width:93px; top: -9px; color:#777; letter-spacing: 0.05em;
		transform: skew(8deg,16deg);
	-ms-transform: skew(8deg,16deg); /* IE 9 */
-webkit-transform: skew(8deg,16deg); /* Safari and Chrome */
 	 -o-transform: skew(8deg,16deg); /* Opera */
   -moz-transform: skew(8deg,16deg); /* Firefox */  
}

.menu1 {
		float:left; position:relative; width:90px; top: 12px; color:#888; letter-spacing: 0.05em; 
		transform: skew(5deg,10deg);
	-ms-transform: skew(5deg,10deg); /* IE 9 */
-webkit-transform: skew(5deg,10deg); /* Safari and Chrome */
 	 -o-transform: skew(5deg,10deg); /* Opera */
   -moz-transform: skew(5deg,10deg); /* Firefox */
}

.menu2 {
		float:left; position:relative; width:110px; top: 23px; color:#999; letter-spacing: 0.09em;
		transform: skew(2deg,5deg);
	-ms-transform: skew(2deg,5deg); /* IE 9 */
-webkit-transform: skew(2deg,5deg); /* Safari and Chrome */
 	 -o-transform: skew(2deg,5deg); /* Opera */
   -moz-transform: skew(2deg,5deg); /* Firefox */
}

.menu3 {
		float:left; position:relative; width:120px; top: 29px; color:#AAA; letter-spacing: 0.09em;
		transform: skew(1deg,2deg);
	-ms-transform: skew(1deg,2deg); /* IE 9 */
-webkit-transform: skew(1deg,2deg); /* Safari and Chrome */
 	 -o-transform: skew(1deg,2deg); /* Opera */
   -moz-transform: skew(1deg,2deg); /* Firefox */
}

.menu4 {
		float:left; position:relative; width:105px; top: 29px; color:#AAA; letter-spacing: 0.09em;
		transform: skew(-1deg,-2deg);
	-ms-transform: skew(-1deg,-2deg); /* IE 9 */
-webkit-transform: skew(-1deg,-2deg); /* Safari and Chrome */
 	 -o-transform: skew(-1deg,-2deg); /* Opera */
   -moz-transform: skew(-1deg,-2deg); /* Firefox */
}


.menu5 {
		float:left; position:relative; width:145px; top: 20px; color:#999; letter-spacing: 0.09em;
		transform: skew(-2deg,-5deg);
	-ms-transform: skew(-2deg,-5deg); /* IE 9 */
-webkit-transform: skew(-2deg,-5deg); /* Safari and Chrome */
 	 -o-transform: skew(-2deg,-5deg); /* Opera */
   -moz-transform: skew(-2deg,-5deg); /* Firefox */
}

.menu6 {
		float:left; position:relative; width:95px; top: 5px; color:#888; letter-spacing: 0.05em;
		transform: skew(-5deg,-10deg);
	-ms-transform: skew(-5deg,-10deg); /* IE 9 */
-webkit-transform: skew(-5deg,-10deg); /* Safari and Chrome */
 	 -o-transform: skew(-5deg,-10deg); /* Opera */
   -moz-transform: skew(-5deg,-10deg); /* Firefox */
}

.menu7 {
		float:left; position:relative; width:120px; top: -22px; color:#777; letter-spacing: 0.05em;
		transform: skew(-8deg,-16deg);
	-ms-transform: skew(-8deg,-16deg); /* IE 9 */
-webkit-transform: skew(-8deg,-16deg); /* Safari and Chrome */
 	 -o-transform: skew(-8deg,-16deg); /* Opera */
   -moz-transform: skew(-8deg,-16deg); /* Firefox */
}

.fadeIn025 {	opacity:100;
				-webkit-transition: 	opacity 0.25s ease-out;
				-moz-transition: 		opacity 0.25s ease-out;
				-o-transition:			opacity 0.25s ease-out;
				transition: 			opacity 0.25s ease-out;		
}	
.fadeIn05 {		opacity:100;
				-webkit-transition: 	opacity 0.5s ease-out;
				-moz-transition: 		opacity 0.5s ease-out;
				-o-transition:			opacity 0.5s ease-out;
				transition: 			opacity 0.5s ease-out;		
}	

.fadeIn1 {		opacity:100;
				-webkit-transition: 	opacity 1s ease-out;
				-moz-transition: 		opacity 1s ease-out;
				-o-transition:			opacity 1s ease-out;
				transition: 			opacity 1s ease-out;		
}	

.fadeIn3 {		opacity:100;
				-webkit-transition: 	opacity 3s ease-out;
				-moz-transition: 		opacity 3s ease-out;
				-o-transition:			opacity 3s ease-out;
				transition: 			opacity 3s ease-out;		
}	

.fadeIn4 {		opacity:100;
				-webkit-transition: 	opacity 4s ease-out; 
				-moz-transition: 		opacity 4s ease-out;
				-o-transition:			opacity 4s ease-out;
				transition: 			opacity 4s ease-out;
				top:332px;	
}

.fadeInHalf {	opacity:50;
				-webkit-transition: 	opacity 0.5s ease-out;
				-o-transition:			opacity 0.5s ease-out;
				-moz-transition: 		opacity 0.5s ease-out;
				transition: 			opacity 0.5s ease-out;		
}	

.fadeOut075 {	opacity:0;
				-webkit-transition: 	opacity 0.75s ease-out; 
				-o-transition:			opacity 0.75s ease-out;
				-moz-transition: 		opacity 0.75s ease-out;
				transition: 			opacity 0.75s ease-out;
}
.fadeOut05 {	opacity:0;
				-webkit-transition: 	opacity 0.5s ease-out; 
				-o-transition:			opacity 0.5s ease-out;
				-moz-transition: 		opacity 0.5s ease-out;
				transition: 			opacity 0.5s ease-out;
}
.fadeOut1 {	opacity:0;
				-webkit-transition: 	opacity 1s ease-out; 
				-o-transition:			opacity 1s ease-out;
				-moz-transition: 		opacity 1s ease-out;
				transition: 			opacity 1s ease-out;
}

.fadeOut025 {	opacity:0;
				-webkit-transition: 	opacity 0.25s ease-out; 
				-o-transition:			opacity 0.25s ease-out;
				-moz-transition: 		opacity 0.25s ease-out;
				transition: 			opacity 0.25s ease-out;
}


.goIn1 {		 left:400px; top:140px; width:652px; height:457px; opacity:100;
				-webkit-transition: 	left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
				-o-transition:			left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
				-moz-transition: 		left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
				transition: 			left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
}	

.goIn2 {		 left:290px; top:140px; width:872px; height:455px; opacity:100;
				-webkit-transition: 	left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
				-o-transition:			left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
				-moz-transition: 		left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
				transition: 			left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
}

.goIn3  {	 	 left:290px; top:56px; width:862px; height:603px; opacity:100;
				/* left:170px; top:0px; width:1086px; height:760px; opacity:100; */
				-webkit-transition: 	left 0.5s, top 0.5s, width 0.5s, height 0.5s, opacity 0.5s ease-out;
				-o-transition:			left 0.5s, top 0.5s, width 0.5s, height 0.5s, opacity 0.5s ease-out;
				-moz-transition: 		left 0.5s, top 0.5s, width 0.5s, height 0.5s, opacity 0.5s ease-out;
				transition: 			left 0.5s, top 0.5s, width 0.5s, height 0.5s, opacity 0.5s ease-out;
}	

.goOut1, goOut3 {		 left:688px; top:416px; width:49px; height:34px; opacity:0;
				-webkit-transition: 	left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
				-o-transition:			left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
				-moz-transition: 		left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
				transition: 			left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
}	

.goOut2 {		 left:680px; top:416px; width:64px; height:33px; opacity:0;
				-webkit-transition: 	left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
				-o-transition:			left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
				-moz-transition: 		left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
				transition: 			left 1s, top 1s, width 1s, height 1s, opacity 0.5s ease-out;
}	

.goUp1	{		 top:22px; opacity:0;
				-webkit-transition: 	top 1s, opacity 0.7s ease-in;
				-o-transition:			top 1s, opacity 0.7s ease-in;
				-moz-transition: 		top 1s, opacity 0.7s ease-in;
				transition: 			top 1s, opacity 0.7s ease-in;
}	

.goUp2	{		 top:14px; opacity:100;
				-webkit-transition: 	top 1s, opacity 1s ease-in;
				-o-transition:			top 1s, opacity 1s ease-in;
				-moz-transition: 		top 1s, opacity 1s ease-in;
				transition: 			top 1s, opacity 1s ease-in;
}	


.pulsate {
	opacity: 0;
    animation: pulse 2s ease-in-out 0s infinite;
    -webkit-animation: pulse 2s ease-in-out 0s infinite;
    -moz-animation: pulse 2s ease-in-out 0s infinite;
    -o-animation: pulse 2s ease-in-out 0s infinite;
}

@-webkit-keyframes	pulse { 0% {opacity:0}	50% {opacity:100}	100% {opacity:0} }
@-o-keyframes 		pulse { 0% {opacity:0}	50% {opacity:100}	100% {opacity:0} }
@-moz-keyframes 	pulse { 0% {opacity:0}	50% {opacity:100}	100% {opacity:0} }
@keyframes 			pulse { 0% {opacity:0}	50% {opacity:100}	100% {opacity:0} }