.banner-ad{
	margin:0 0 20px 0;
}
#ad {
    display: block;
    overflow: hidden;
    width: 800px;
    height: 90px;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:pointer;
}
#banner {
    position: absolute;
    display: block;
    width: 800px;
    height: 90px;
    background-color: #000;
	background-image:url(../images/800x90_bg.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
}
.frame{
	position: absolute;
    display: block;
    width: 800px;
    height: 90px;
}
.hide-slide{
	opacity:0;
}
/*-----------------------------frames---------------------------------*/
#frame1{
	background:url(../images/800x90_frame2.jpg) no-repeat;
}
#frame2{
	background:url(../images/800x90_frame2full.jpg) no-repeat;
}

#frame4{
	background:url(../images/800x90_bg.jpg) no-repeat;
}
#frame4A{
	background:url(../images/800x90_frame4A.jpg) no-repeat;
}
#frame4B{
	background:url(../images/800x90_frame4B.jpg) no-repeat;
}
#frame4C{
	background:url(../images/800x90_frame4C.jpg) no-repeat;
}
#frame4D{
	background:url(../images/800x90_frame4D.jpg) no-repeat;
}


#frame5{
	background:url(../images/800x90_frame5logo.jpg) no-repeat;
}
#frame6{
	background:url(../images/800x90_frame6final.jpg);
}

/*---------------------------animations-------------------------------*/
.fadeIn{
	opacity: 1;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-ms-transition: opacity .5s ease-out;  
}
.fadeOut{
	opacity: 0;
	transition: opacity .25s ease-out;
	-moz-transition: opacity .25s ease-out;
	-webkit-transition: opacity .25s ease-out;
	-ms-transition: opacity .25s ease-out;  
}

.moveFromTop{
	 transform: translate(0px, 90px);
	 -moz-transform: translate(0px, 90px);
	 -webkit-transform: translate(0px, 90px);
	 -ms-transform: translate(0px,90px);
     
	 transition: transform 500ms;
	 -moz-transition: -moz-transform 500ms;
	 -webkit-transition: -webkit-transform 500ms;
	 -ms-transition: -ms-transform 500ms;	 
}
.moveFromBottom{
	 transform: translate(0px, -90px);
	 -moz-transform: translate(0px, -90px);
	 -webkit-transform: translate(0px, -90px);
	 -ms-transform: translate(0px, -90px);
     
	 transition: transform 500ms;
	 -moz-transition: -moz-transform 500ms;
	 -webkit-transition: -webkit-transform 500ms;
	 -ms-transition: -ms-transform 500ms;	 
}
.moveFromLeft{
	 transform: translate(800px, 0px);
	 -moz-transform: translate(800px, 0px);
	 -webkit-transform: translate(800px, 0px);
	 -ms-transform: translate(800px,0px);
     
	 transition: transform 500ms;
	 -moz-transition: -moz-transform 500ms;
	 -webkit-transition: -webkit-transform 500ms;
	 -ms-transition: -ms-transform 500ms;	 
}
.moveFromRight{
	 transform: translate(-800px, 0px);
	 -moz-transform: translate(-800px, 0px);
	 -webkit-transform: translate(-800px, 0px);
	 -ms-transform: translate(-800px,0px);
     
	 transition: transform 500ms;
	 -moz-transition: -moz-transform 500ms;
	 -webkit-transition: -webkit-transform 500ms;
	 -ms-transition: -ms-transform 500ms;	 
}
.wait-fast{
	-moz-transition-delay: .25s;
	-webkit-transition-delay: .25s;
	-ms-transition-delay: .25s;
    transition-delay: .25s;
}
.wait{
	-moz-transition-delay: .5s;
	-webkit-transition-delay: .5s;
	-ms-transition-delay: .5s;
    transition-delay: .5s;
}
.wait-long{
	-moz-transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
/*---------------------------snow-------------------------------*/
#snow{
background-image: url('../images/snow1.png'), url('../images/snow2.png'), url('../images/snow3.png');
height: 100%;
width: 100%;
}

.startSnow{
-webkit-animation: snow 15s linear 1;
-moz-animation: snow 15s linear 1;
-ms-animation: snow 15s linear 1;
animation: snow 15s linear 1;
}

@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  100% {background-position: 500px 1000px, 400px 800px, -300px 600px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  100% {background-position: 500px 1000px, 400px 800px, -300px 600px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  100% {background-position: 500px 1000px, 400px 800px, -300px 600px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  100% {background-position: 500px 1000px, 400px 800px, -300px 600px;}
}