/*background component css*/

.peBackground {
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
}

.pePatternOverlay{
	z-index:2;
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/content/pat1.png) repeat;
}

.peBackground img{
	/* background-color: rgba(0,0,0,.01); */
	display:block;
	position:absolute;
	-webkit-transform-origin: 0 0;
}

.peOverlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.bgColor{
	z-index:3;
	background-color: rgba(255,255,255,0.1);
}

.peBackground img {
}

.peBackground img.pePrevBW{
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	transition: opacity 0.4s;
	z-index:1;
}

.peBackground img.pePrevColor{
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	transition: opacity 0.4s;
	z-index:2;
}

.peBackground img.peCurrentBW{
	-webkit-transition: opacity 0.8s;
	-moz-transition: opacity 0.8s;
	-o-transition: opacity 0.8s;
	-ms-transition: opacity 0.8s;
	transition: opacity 0.8s;
	z-index:4;
}

.peBackground img.peCurrentColor{
	-webkit-transition: opacity 1.2s;
	-moz-transition: opacity 1.2s;
	-o-transition: opacity 1.2s;
	-ms-transition: opacity 1.2s;
	transition: opacity 1.2s;
	z-index:5;
}

/*escape responsive img flow technique for this component*/
.peBackground img, .pePatternOverlay img{
    max-width:inherit;
}