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

/*
img[src*="images/PageTxt1.png"]{
	width:100px;
}


img:nth-child(1){
	width:100px;
}
*/

a img {
	text-decoration: none; 
	border-style:none;
	
	-webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

a img:hover {
	transform: scale(1.1);
}

.videoButs > a > img:hover {
	
	transform: none;
	
	/*transition: transform .2s ease-in-out, opacity .2s ease-in-out;
	animation: floatBubble 2s infinite  normal ease-out;*/
	

	/*
	-moz-transform: scale(2) rotate(30deg) translate(50px);
	-webkit-transform: scale(1.2) rotate(30deg) translate(50px);
	-o-transform: scale(2) rotate(30deg) translate(50px);
	transform: scale(2) rotate(30deg) translate(50px);
	
	animation-name: movearound;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-timing-function: ease;
	*/
	
	/*animation: movearound 2s ease infinite normal;*/
}

.addClassJQuery {
	-webkit-animation:  movearound 2s ease infinite normal; /* Chrome, Safari 5+ */
	-moz-animation: movearound 2s ease infinite normal; /* Firefox 5-15 */
	-o-animation: movearound 2s ease infinite normal; /* Opera 12.00 */
	animation: movearound 2s ease infinite normal;
}

@-webkit-keyframes movearound{
	25% {
		-webkit-transform: rotate(-15deg);
	}
	75% {
		-webkit-transform: rotate(-15deg);	
	}
}

@-moz-keyframes movearound{	
	25% {
		-moz-transform: rotate(-15deg);
	}
	75% {
		-moz-transform: rotate(-15deg);		
	}
}

@keyframes movearound {
	/*
	from {
		transform: rotate(0deg);
	}
	to {
		
		transform: rotate(15deg);
	}
	*/
	
	
	25% {
		-o-transform: rotate(15deg);
		transform: rotate(15deg);
		
	}	
	75% {
		-o-transform: rotate(-15deg);
		transform: rotate(-15deg);
		
	}	

}

/* Header NON STICKY  */
#header{ 
	line-height:60px; 
	margin:0 auto; 
	width: 768px; 
	text-align:center;
}

/* Make Header Sticky
#header_container { 
	background:#eee; 
	border:1px solid #666; 
	height:60px; 
	left:0; 
	position:fixed; 
	width:100%; 
	top:0; 
	
	z-index:1;
}
 */

/* Container NON STICKY */ 
#container {
	width:768px;
	
	/* PUT CENTRE*/
	padding:auto;
	margin:auto;
	text-align:center;
}

/* Make Container Sticky 
/* CSS for the content of page. I am giving top and bottom padding of 80px to make sure the header and footer do not overlap the content.
#container { 
	margin:0 auto; 

	/*When sticky use
	overflow:auto;

	padding: 109px 0 45px; 
	width:800px; 
}
#content{
}
*/

/* Make FOOTER Sticky 
#footer_container {
	/*background:#eee; 
	border:1px solid #666;
	bottom:0; 
	height:45px; 
	left:0; 
	position:fixed; 
	width:100%; 
}
#footer {
	background:#9AC0E4;
	line-height:45px; 
	margin:0 auto; 
	width:800px; 
	text-align:center; 
}
*/ 

.swing{
	-webkit-animation:swinging 10s ease-in-out 0s infinite;
	-moz-animation:swinging 10s ease-in-out 0s infinite;
	animation:swinging 10s ease-in-out 0s infinite;
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	transform-origin:50% 0;
}

@-webkit-keyframes swinging{
	0% { -webkit-transform: rotate(0); }
	5% { -webkit-transform: rotate(10deg); }
	10% { -webkit-transform: rotate(-9deg); }
	15% { -webkit-transform: rotate(8deg); }
	20% { -webkit-transform: rotate(-7deg); }
	25% { -webkit-transform: rotate(6deg); }
	30% { -webkit-transform: rotate(-5deg); }
	35% { -webkit-transform: rotate(4deg); }
	40% { -webkit-transform: rotate(-3deg); }
	45% { -webkit-transform: rotate(2deg); }
	50% { -webkit-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
	100% { -webkit-transform: rotate(0); }
}

@-moz-keyframes swinging{
	0% { -moz-transform: rotate(0); }
	5% { -moz-transform: rotate(10deg); }
	10% { -moz-transform: rotate(-9deg); }
	15% { -moz-transform: rotate(8deg); }
	20% { -moz-transform: rotate(-7deg); }
	25% { -moz-transform: rotate(6deg); }
	30% { -moz-transform: rotate(-5deg); }
	35% { -moz-transform: rotate(4deg); }
	40% { -moz-transform: rotate(-3deg); }
	45% { -moz-transform: rotate(2deg); }
	50% { -moz-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
	100% { -moz-transform: rotate(0); }
}

@keyframes swinging{
	0% { transform: rotate(0); }
	5% { transform: rotate(10deg); }
	10% { transform: rotate(-9deg); }
	15% { transform: rotate(8deg); }
	20% { transform: rotate(-7deg); }
	25% { transform: rotate(6deg); }
	30% { transform: rotate(-5deg); }
	35% { transform: rotate(4deg); }
	40% { transform: rotate(-3deg); }
	45% { transform: rotate(2deg); }
	50% { transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
	100% { transform: rotate(0); }
}