@charset "UTF-8";
/* CSS Document */

/* CSS RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/********wexley  wexley  CSS***********/
body{background-color:#FFFFFF; margin:0px 0px 0px 0px; font:normal 12px/18px Arial, sans-serif;  height:100%; font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; background-image:url('http://wonderworlds.org/images/snow/snow-falling-pale-animated.gif'); background-attachment:fixed; background-position:top center; background-repeat:repeat;}

a:link{color:#CD0A1F; text-decoration:none;}
a:active{color:#CD0A1F; text-decoration:none;}
a:visited{color:#CD0A1F; text-decoration:none;}
a:hover{color:#CD0A1F; text-decoration:none;}
.clear{clear:both;}

/********Navigation*****************/
/**left menu**/


/**logo**/
	.logoContainer{ display:block;text-align:center; min-width:465px; width:100%; margin-top:10px; height:376px; background-image:url("http://wonderworlds.org/images/snow/snow-falling-pale-animated.gif"); background-position:top center; background-repeat:no-repeat;}

	.gifTitle{ display:block;text-align:center; padding-top:20px; min-width:465px; width:100%; background-position:top center; background-repeat:no-repeat;}

	.logoContainer a{ margin:0px auto; display:block; text-align:center;  text-indent:-9999px; width:398px; height:376px; }
	
	.subTitleContainer{color:#000000; line-height: 100%; text-align:center; padding-top:100px; width:100%; font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; font-size:44px; }
	
	.button1{position:absolute; left:50%; margin-left:100px; margin-top:100px;}
	
	.button2{position:absolute; right:50%; margin-right:100px; margin-top:100px;}
	
	.shareMyspace{position:absolute; right:42%; margin-top:400px;}
	.shareMyspace2{position:static; display:block; right:0%; width:100%; align-content: center; text-align:center; margin-top:100px; text-decoration: none; color:#FFFFFF;}
	
	.floatThumbs{ display:block;text-align:center; min-width:465px; width:100%; margin-top:10px; background-position:top center; background-repeat:no-repeat;}
	
	.floating{
     -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
 
}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 80px);}
    to {-webkit-transform: translate(0, -0px);    }    
}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 15px);}
    to {-moz-transform: translate(0, -0px);}    
}


/**whichFoods**/
	
	.buttonFoods{position:absolute; right:50%; margin-right:400px; margin-top:100px;}
	
	.buttonSteaks{position:absolute; right:50%; margin-right:20px; margin-top:100px;}
	
	.buttonPies{position:absolute; left:50%; margin-left:20px; margin-top:100px;}
	
	.buttonHams{position:absolute; left:50%; margin-left:200px; margin-top:100px;}


/**deer**/


	.buttonDeer{position:absolute; right:50%; margin-right:200px; margin-top:120px;}
	
	.deer1{position:absolute; right:50%; margin-right:-80px; margin-top:100px;}
	.deer2{position:absolute; right:50%; margin-right:-180px; margin-top:100px;}
	.deer3{position:absolute; right:50%; margin-right:-280px; margin-top:100px;}
	.deer4{position:absolute; right:50%; margin-right:-80px; margin-top:200px;}
	.deer5{position:absolute; right:50%; margin-right:-180px; margin-top:200px;}
	.deer6{position:absolute; right:50%; margin-right:-280px; margin-top:200px;}
	.deer7{position:absolute; right:50%; margin-right:-80px; margin-top:300px;}
	.deer8{position:absolute; right:50%; margin-right:-180px; margin-top:300px;}
	.deerR{position:absolute; right:50%; margin-right:-280px; margin-top:300px;}
	
	
/**snowColors**/

	.yellowSnow{position:absolute; right:50%; margin-right:-20px; margin-top:120px;}
	
	.whiteSnow{position:absolute; right:50%; margin-right:-250px; margin-top:120px;}
	
	.arborCounter{position:static; font-size:20px; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:10px;}



/*****arborDay*****/


.card14{position:static; color:#FFFFFF; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px; font-size:20px; color:#FFFFFF; color: white;
}

.card13{position:static; color:#FFFFFF; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px; font-size:20px; color:#FFFFFF; color: white;
}


.arborWrapper{padding-top:-200px; padding-bottom:120px; position: relative;
	}
	
	.arbordaysubTitleContainer{color:#FF0000; position: absolute; text-align:center; width:100%; padding-bottom: 20px;font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; font-size:80px;  line-height: 1;
	   -webkit-text-stroke-width: 3px;
   -webkit-text-stroke-color: white; 

  animation: animationFrames linear 3s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames linear 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames linear 3s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames linear 3s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames linear 3s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,5px)  scaleX(1.00) scaleY(1.00) ;
  }
  76% {
    transform:  translate(0px,5px)  scaleX(1.00) scaleY(1.00) ;
  }
  96% {
    transform:  translate(0px,5px)  scaleX(0.00) scaleY(0.00) ;
  }
  100% {
    transform:  translate(0px,5px)  scaleX(-0.00) scaleY(0.00)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0px,5px)  scaleX(1.00) scaleY(1.00) ;
  }
  76% {
    -moz-transform:  translate(0px,5px)  scaleX(1.00) scaleY(1.00) ;
  }
  96% {
    -moz-transform:  translate(0px,5px)  scaleX(0.00) scaleY(0.00) ;
  }
  100% {
    -moz-transform:  translate(0px,5px)  scaleX(-0.01) scaleY(0.03) ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(0px,5px)  scaleX(1.00) scaleY(1.00) ;
  }
  76% {
    -webkit-transform:  translate(0px,5px)  scaleX(1.00) scaleY(1.00) ;
  }
  96% {
    -webkit-transform:  translate(0px,5px)  scaleX(0.00) scaleY(0.00) ;
  }
  100% {
    -webkit-transform:  translate(0px,5px)  scaleX(-0.01) scaleY(0.03) ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(0px,5px)  scaleX(1.00) scaleY(1.00) ;
  }
  76% {
    -o-transform:  translate(0px,5px)  scaleX(1.00) scaleY(1.00) ;
  }
  96% {
    -o-transform:  translate(0px,5px)  scaleX(0.00) scaleY(0.00) ;
  }
  100% {
    -o-transform:  translate(0px,5px)  scaleX(-0.01) scaleY(0.03) ;
  }
}



   .arbordaysubTitleContainer2{color:#FF0000; text-align:center; padding-bottom:20px; position: absolute; width:100%; font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; font-size:80px;  line-height: 1;
	   -webkit-text-stroke-width: 3px;
   -webkit-text-stroke-color: white; 
   
  animation: animationFrames2 linear 4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames2 linear 4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames2 linear 4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames2 linear 4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames2 linear 4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames2{
  0% {
    opacity:0;
    transform:  scaleX(0.00) scaleY(1.00) ;
  }
  71% {
    opacity:0;
    transform:  scaleX(20.00) scaleY(21.78) ;
  }
  80% {
    opacity:1;
    transform:  scaleX(14.10) scaleY(15.33) ;
  }
  100% {
    opacity:1;
    transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-moz-keyframes animationFrames2{
  0% {
    opacity:0;
    -moz-transform:  scaleX(0.00) scaleY(1.00) ;
  }
  71% {
    opacity:0;
    -moz-transform:  scaleX(20.00) scaleY(21.78) ;
  }
  80% {
    opacity:1;
    -moz-transform:  scaleX(14.10) scaleY(15.33) ;
  }
  100% {
    opacity:1;
    -moz-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-webkit-keyframes animationFrames2 {
  0% {
    opacity:0;
    -webkit-transform:  scaleX(0.00) scaleY(1.00) ;
  }
  71% {
    opacity:0;
    -webkit-transform:  scaleX(20.00) scaleY(21.78) ;
  }
  80% {
    opacity:1;
    -webkit-transform:  scaleX(14.10) scaleY(15.33) ;
  }
  100% {
    opacity:1;
    -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-o-keyframes animationFrames2 {
  0% {
    opacity:0;
    -o-transform:  scaleX(0.00) scaleY(1.00) ;
  }
  71% {
    opacity:0;
    -o-transform:  scaleX(20.00) scaleY(21.78) ;
  }
  80% {
    opacity:1;
    -o-transform:  scaleX(14.10) scaleY(15.33) ;
  }
  100% {
    opacity:1;
    -o-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

	.playAgain {position:static; color:#FFFFFF; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:100px; font-size:40px; color:#FFFFFF; color: white; line-height: 100% !important;
	
        -webkit-animation: color-change 10s infinite;
        -moz-animation: color-change 10s infinite;
        -o-animation: color-change 10s infinite;
        -ms-animation: color-change 10s infinite;
        animation: color-change 10s infinite;
		-webkit-text-stroke-width: 1px;
   		-webkit-text-stroke-color: white; 
    }

    @-webkit-keyframes color-change {
        0% { color: white; }
        30% { color: red; }
        40% { color: pink; }
        60% { color: white; }
        80% { color: red; }
        100% { color: white; }
    }
    @-moz-keyframes color-change {
        0% { color: white; }
        30% { color: red; }
        40% { color: pink; }
        60% { color: white; }
        80% { color: red; }
        100% { color: white; }
    }
    @-ms-keyframes color-change {
        0% { color: white; }
        30% { color: red; }
        40% { color: pink; }
        60% { color: white; }
        80% { color: red; }
        100% { color: white; }
    }
    @-o-keyframes color-change {
        0% { color: white; }
        30% { color: red; }
        40% { color: pink; }
        60% { color: white; }
        80% { color: red; }
        100% { color: white; }
    }
    @keyframes color-change {
        0% { color: white; }
        30% { color: red; }
        40% { color: pink; }
        60% { color: white; }
        80% { color: red; }
        100% { color: white; }
    }
	
	





		
/************************************** RESPONSIVE **************************************/


@media screen and (max-width:840px){
	}

	
@media screen and (max-width:780px){
	.menuContainer{position: relative; left: auto; top:auto; width:100%;}
	.menuContainer li{float:none; display:inline-block;}
	.logoContainer{margin-top: 40px;}
	.subTitleContainer{margin-top: 50px;}
}


@media screen and (max-width:600px){

	.playAgain {margin-top:150px; }
	
}

@media screen and (max-width:480px){
	
	.gifTitle{ display:block; text-align:center; padding-top:50px; width:100%; background-position:top center; background-repeat:no-repeat; min-width:0px;}
	
	.playAgain {margin-top:150px; }
	
	.subTitleContainer{font-size:20px; align-content: center; margin-top:0px; color:#000000; line-height: 100%; text-align:center; padding-top:100px; width:100%; font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; }
	
	
	.button1{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}

	.button2{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}

	
	.shareMyspace{position:static; display:block; right:0%; width:100%; align-content: center; text-align:center; margin-top:100px;}

	.buttonFoods{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}
	
	.buttonSteaks{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}
	
	.buttonPies{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}
	
	.buttonHams{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}

.buttonDeer{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}
	
	.deer1{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}
	
	
	.deer2{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}
	
	
	
	.deer3{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}
	
	
	
	.deer4{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}
	
	
	
	.deer5{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}
	
	
	.deer6{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}
	
	
	.deer7{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}
	
	
	.deer8{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}
	
	.deerR{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}
	
	.floatThumbs{ display:block;text-align:center; min-width:0px; width:100%; margin-top:10px; background-position:top center; background-repeat:no-repeat;}
	
	.yellowSnow{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}

	.whiteSnow{position:static; display:block; width:100%; background-position:top center;align-content: center; left:0%; margin-left:0px; right:0%; magin-right:0px; text-align:center; margin-top:20px;}
	


	}

	
	

@media only screen and (max-width : 320px) {	
	
	
}