body {
	    background-color: #555;

	}
	#myHeader {
		position: absolute;
		top: 60px;
		left: 0px;
	}
	#subt1 {
		top: 106px;
		left: 0px;
		width: 825px;
	}
	h2 {	
		font-family: Verdana, Arial,sans-serif;
		font-size: 13.5pt;
		color: rgb(255,255,197);
		font-style: italic;
		font-weight: normal;
	}
	
	#myContent {
		position: absolute;
		top: 260px;
		left: 0px;
		height: 800px;
	}	
	#myFooter {
 		position: absolute;
		left: 0px;
		top: 800px; 
		text-align: center;
		width: 100%;
	}		
	.AppBox {
		position: absolute;
		width: 450px;
		height: auto;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: transparent;
        box-shadow: inset 3px 3px 8px 1px rgba(0, 0, 0, 0.7);	
        box-shadow: inset 3px 3px 8px 1px rgba(0, 0, 0, 0.5),  inset -1px -1px 2px 1px rgba(255,255,255,0.7);	
		-moz-box-shadow: inset 3px 3px 8px 1px rgba(0, 0, 0, 0.5),  inset -1px -1px 2px 1px rgba(255,255,255,0.7);
		-webkit-box-shadow: inset 3px 3px 8px 1px rgba(0, 0, 0, 0.5),  inset -1px -1px 2px 1px rgba(255,255,255,0.7);
		padding: 12px!important;
		font-family: Verdana, Arial,sans-serif;
		font-size: 10pt;
		color: rgb(255,255,197);
		font-style: normal;
		font-weight: normal;
		text-align: left;
	}
	#App1Box {
		left: 350px;
		top: 0px;
	}
	#App2Box {
		left: 350px;
		top: 170px;
	}
	#App3Box {
		left: 350px;
		top: 340px;
	}
	.meTextBox td {
		padding:0;
		height:1px;
		width:1px!important;
	}
	
	.meTextBox tr,th,td {
		padding:0;
		margin: 0;
		outline: 0;
	}
		
	
	
	#mybg {
	    position: absolute;
	    background-color: #555;
		
		
		background:  -gradient(radial, 200 160, 1, 400 260, 600, from(#888), to(#555)) no-repeat 50% 50% #555 ; 
		background:  -moz-radial-gradient(center, ellipse cover,  #888 0%, #555 100%); /* FF3.6+ */
		background:  -webkit-gradient(radial, 200 160, 1, 400 260, 600, from(#888), to(#555)) no-repeat 50% 50% #555 ; 

			top: 0px;
				width: 100%;
		height: 100%;	
	}
	#ClientNoCSS3 > p {
		font-size: 12pt;
		font-family: 'Arial'; 
		font-style: italic;
		color: #ff0;
		}
	/* shown when CSS3 not supported */	
	#ClientNoCSS3 {
		height: 200px;
		left: 100px;
		top: 500px;
		-webkit-transform: translate(-30000px, -200px);
		}	
	.myContainer {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		height: 1000px;
		width: 100%;
	}

	#AN-sObj-stage div { position: absolute; }
    #AN-sObj-stage a {color: inherit; text-decoration:none;}
    #AN-sObj-stage * {
		margin:0; 
		padding:0;
		/* -webkit-transform-style:preserve-3d; */
	}
    body,#AN-sObj-stage {margin:0; padding:0;}
    #AN-sObj-stage{
	/* display: none; */
    position: absolute;
    overflow:visible;

    -webkit-perspective: 600;
    border-color: black;

/* 	background:  url("../img/inimated-com.png") no-repeat 50% 50% rgba(5,5,5,0) ;
	background-repeat: no-repeat;
	background-position: 50% 60px, 50% 50%; */


	width: 1000px;
    height: 1000px;	

    }
	#AN-sObj-stage {
		width: 825px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
    #LargeBall3{ top: 79px;
    left: 500px;
    width: 100px;
    height: 100px;
    }
    #LargeBall3ShadowContainer{ top: -138px;
    left: 195px;
    width: 86px;
    height: 480px;
    -webkit-transform-origin: 50% -20%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0.5s;
    }
    #LargeBall3Shadow{ width: 84px;
    height: 443px;
    top: 0px;
    left: 0px;
    }
    #Ball3Container2{ top: -137px;
    left: 182px;
    width: 90px;
    height: 480px;
    -webkit-transform-origin: 50% -20%;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0.5s;
    }
    #Ball3Container{ top: 354px;
    left: 16px;
    width: 55px;
    height: 63px;
    }
    #Ball3Pic{ width: 55px;
    height: 63px;
    top: 0px;
    left: 0px;
	opacity: 0.8;
    }
    #Reflect3Container{ top: 0px;
    left: 0px;
    width: 55px;
    height: 63px;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0.5s;
    }
    #Reflect3{ width: 55px;
    height: 39px;
    top: 8px;
    left: 0px;
    }
    #Band3Container{ top: 0px;
    left: 20px;
    width: 48px;
    height: 380px;
    }
    #Band3Pic{ width: 48px;
    height: 380px;
    top: 0px;
    left: 0px;
    }
    #SmallBall2{ top: -110px;
    left: 540px;
    width: 100px;
    height: 100px;
    }
    #Ball2ShadowContainer{ top: -138px;
    left: 195px;
    width: 86px;
    height: 480px;
    -webkit-transform-origin: 50% 20%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0.5s;
    }
    #Ball2Shadow{ width: 75px;
    height: 427px;
    top: 0px;
    left: 0px;
    }
    #Ball2Container2{ top: -137px;
    left: 182px;
    width: 90px;
    height: 480px;
    -webkit-transform-origin: 50% 20%;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0.5s;
    }
    #Ball2Container{ top: 354px;
    left: 26px;
    width: 39px;
    height: 47px;
    }
    #Ball2Pic{ width: 39px;
    height: 47px;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    }
    #Reflect2Container{ top: 0px;
    left: 0px;
    width: 39px;
    height: 47px;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0.5s;
    }
    #Reflect2{ width: 39px;
    height: 24px;
    top: 8px;
    left: 0px;
    }
    #Band2Container{ top: 0px;
    left: 20px;
    width: 48px;
    height: 380px;
    }
    #Band2Pic{ width: 48px;
    height: 380px;
    top: 0px;
    left: 0px;
    }
    #LargeBall1{ top: -40px;
    left: 460px;
    width: 100px;
    height: 100px;
    }
    #AN-sObj-22{ top: -138px;
    left: 195px;
    width: 86px;
    height: 480px;
    -webkit-transform-origin: 50% 0%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0.5s;
    }
    #AN-sObj-23{ width: 84px;
    height: 443px;
    top: 0px;
    left: 0px;
    }
    #AN-sObj-24{ top: -137px;
    left: 182px;
    width: 90px;
    height: 480px;
    -webkit-transform-origin: 50% 0%;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
	-webkit-animation-delay: 0.5s;
    }
    #AN-sObj-25{ top: 354px;
    left: 16px;
    width: 55px;
    height: 63px;
    }
    #AN-sObj-26{ width: 55px;
    height: 63px;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    }
    #AN-sObj-27{ top: 0px;
    left: 0px;
    width: 55px;
    height: 63px;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0.5s;
    }
    #AN-sObj-28{ width: 55px;
    height: 39px;
    top: 8px;
    left: 0px;
    }
    #AN-sObj-29{ top: 0px;
    left: 20px;
    width: 48px;
    height: 380px;
    }
    #AN-sObj-30{ width: 48px;
    height: 380px;
    top: 0px;
    left: 0px;
    }
    #Background{ top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
    background-image: url("../img/bg_reddot.png");
    background-repeat: repeat;;
    }
    #BackgroundPattern{ width: 128px;
    height: 128px;
    top: 20px;
    left: 20px;
    }
    #AN-sObj-33{ width: 128px;
    height: 128px;
    top: 106px;
    left: 107px;
    font-weight: bold;
    font-style: normal;
    }

    @-webkit-keyframes AN-ani-0 {
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(15deg);

    }
    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(-15deg);

    }
    }

    @-webkit-keyframes AN-ani-1 {
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(15deg);

    }
    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(-15deg);

    }
    }

    @-webkit-keyframes AN-ani-2 {
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(-15deg);

    }
    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(15deg);

    }
    }

    @-webkit-keyframes AN-ani-3 {
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(15deg);

    }
    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(-15deg);

    }
    }

    @-webkit-keyframes AN-ani-4 {
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(15deg);

    }
    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(-15deg);

    }
    }

    @-webkit-keyframes AN-ani-5 {
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(-15deg);

    }
    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(15deg);

    }
    }

    @-webkit-keyframes AN-ani-6 {
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(15deg);

    }
    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(-15deg);

    }
    }

    @-webkit-keyframes AN-ani-7 {
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(15deg);

    }
    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(-15deg);

    }
    }

    @-webkit-keyframes AN-ani-8 {
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(-15deg);

    }
    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(15deg);

    }
    }