/* before-after2.ccs */
		
	#container {width:320px; margin:0 auto;}
         
/* width and height for the block */
.beforeafter {width:320px; height:240px;}       
         
         
/* The following is the mandatory styling for the plugins */
     
.ba-mask {  /* first image */  
    position:absolute; 
    top:0; 
    left:0; 
    z-index:100; 
    border-right:3px solid #FFFFFF; 
    overflow:hidden; 
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6); 
    -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6);  
    -moz-box-shadow: 5px 0 7px rgba(0, 0, 0, 0.6);
}
 
.ba-bg {    /* second image */
    position:absolute; 
    top:0; 
    left:0; 
    z-index:0;
}
 
.ba-caption {   /* caption  */
             
    /* mandatory */
    position:absolute; 
    bottom:5px; 
    left:5px; 
    z-index:120;    
              
    /* customizable styling */
    background:#000000; 
    color:#FFFF00; 
    text-align:center;
    padding:4px; 
    font-size:12px; 
    font-family:arial; 
    filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; 
    -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;           
}