/* *** Backgrounds *** */
.effectContainer {
	position: relative;
   	z-index: 1;
	overflow: hidden;
	height: 125px;
	min-width: 300px;
	
	background-image: url('../images/backgrounds/vines-back.png');
	background-repeat: repeat-x;
	background-position: 0 0;
}

.pseudo:before,
.pseudo:after {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background-repeat: repeat-x;
	background-color: transparent;	
	background-position: 0 0;
}



.effectContainer div {
	height: 100%;
	background-repeat: repeat-x;
	background-color: transparent;
	background-position: 0 0;
}

.effectContainer > div {
	background-image: url('../images/backgrounds/vines-mid.png');
}

.effectContainer > div > div {
	background-image: url('../images/backgrounds/vines-front.png');
}

.pseudo:before {
	background-image: url('../images/backgrounds/vines-mid.png');
}

.pseudo:after {
	background-image: url('../images/backgrounds/vines-front.png');
}

/* *** CSS3 native transitions *** */
/*
.css3Effect,
.css3Effect:before,
.css3Effect:after {
	background-position: 0 0;
	
	-moz-transition: background-position 30s ease-in;
	-webkit-transition: background-position 30s ease-in;
	-o-transition: background-position 30s ease-in;
	-transition: background-position 30s ease-in;
}

.css3Effect:hover {
	background-position: 600px 0;
	
	-moz-transition-property: background-position;
	-webkit-transition-property: background-position;
	-o-transition-property: background-position;
	-transition-property: background-position;
}

.css3Effect:hover:before {
	background-position: 1200px 0;
	
	-moz-transition-property: background-position;
	-webkit-transition-property: background-position;
}

.css3Effect:hover:after {
	background-position: 2400px 0;
	
	-moz-transition-property: background-position;
	-webkit-transition-property: background-position;
}*/