/*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(255,255,255,.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.pePrevBW{
		z-index:1;
	}
	
	.peBackground img.pePrevColor{
		z-index:2;
	}
	
	.peBackground img.peCurrentBW{
		z-index:4;
	}
	
	.peBackground img.peCurrentColor{
		z-index:5;
	}
	
	/*escape responsive img flow technique for this component*/
	.peBackground img, .pePatternOverlay img{
        max-width:inherit;
    }