/* ================================================
   |      Rules for body (id = before-after)      |
   ================================================ */
body#before-after_body
    {
	 padding:           0px;
     margin-top:        0%;
     margin-bottom:     0%;
	 
	 height:        	100%;

     background-color:  rgb(0,0,0);
     
	 font-family:       "Arial", sans-serif;
	 /* font-family:       "MV Boli", cursive;*/
     font-size:         medium;
	 
	 background:		#000 url(../Images/Backgrounds/Canvas-1.jpg) repeat center center;
	 
	 z-index:      		1;     
    }




/* ================================================
   |      Rules for "before_after_tatter" div     |
   ================================================ */   
div#before_after_tatter
    {
	 margin-left:       auto;
     margin-right:      auto;
	 
	 padding-bottom:    20px;
	 min-height: 		100%;
	 height:			100%;
	 height:			3590px;
	    
	 background-image:  url("../Images/Backgrounds/Background-Black.gif");
	 background-repeat: repeat-y; 
     width: 			1200px;
	 	 
	 z-index:           1;
    }
	
		

/* ============================================
   |      Rules for div (id = bg_header)      |
   ============================================ */   
div#bg_header
    {
	 background-image:  url("../Images/Backgrounds/Background-Before_and_After-3.jpg");
	 
	 width:				900px;
	 height:			3500px;
	  
	 margin-left:		226px;
	 
	 position:			relative;
	 top:				-70px;
    }	
/* ################################################ */



/* ====================================================
   |      Rules for before_after_Star_Wars1 Image     |
   ==================================================== */
img#before_after-StarWars1
    {
	 position:      relative;
	 left:          120px;
	 top:			240px;  
    }	
	
	
	
/* ==========================================
   |      Rules for film_titles-6 Image     |
   ========================================== */
img#film_titles-6
    {
	 position:      relative;
	 left:          120px;
	 top:			220px;  
    }
	
	
/* =====================================================
   |      Rules for "movie_player_before-after-1"      |
   ===================================================== */    
div#movie_player_before-after-1
    {
     padding:      0px;
     margin:       0px;
     margin-left:  200px;
     
     width:        640px;
	 height:	   360px;
     
     position:     relative;
     top:          191px;     
     left:         -70px;
	 
	 z-index:      1000;  
    }	
/* ################################################ */




/* ==========================================
   |      Rules for film_titles-1 Image     |
   ========================================== */
img#film_titles-1
    {
	 position:      relative;
	 left:          100px;
	 top:			220px;  
    }
	
	
	
	
/* ==============================================
   |      Rules for before_after-Mad1 Image     |
   ============================================== */
img#before_after-Mad1
    {
	 position:      relative;
	 left:          100px;
	 top:			240px;  
    }
	
	
	
	
/* =====================================================
   |      Rules for "movie_player_before-after-2"      |
   ===================================================== */    
div#movie_player_before-after-2
    {
     padding:      0px;
     margin:       0px;
     margin-left:  200px;
     
     width:        640px;
	 height:	   360px;
     
     position:     relative;
     top:          194px;     
     left:         -70px;
	 
	 z-index: 1000;  
    }	
/* ################################################ */




/* ================================================
   |      Rules for before_after_Shrek1 Image     |
   ================================================ */
img#before_after-Shrek1
    {
	 position:      relative;
	 left:          120px;
	 top:			240px;  
    }	
	
	

	
/* ==========================================
   |      Rules for film_titles-2 Image     |
   ========================================== */
img#film_titles-2
    {
	 position:      relative;
	 left:          100px;
	 top:			220px;  
    }
	



/* =====================================================
   |      Rules for "movie_player_before-after-3"      |
   ===================================================== */    
div#movie_player_before-after-3
    {
     padding:      0px;
     margin:       0px;
     margin-left:  200px;
     
     width:        640px;
	 height:	   360px;
     
     position:     relative;
     top:          191px;     
     left:         -70px;
	 
	 z-index:      1000;  
    }
/* ################################################ */
	
	
	
	
/* ==========================================
   |      Rules for film_titles-3 Image     |
   ========================================== */
img#film_titles-3
    {
	 position:      relative;
	 left:          60px;
	 top:			150px;  
    }
	
	
	
/* =================================================
   |      Rules for before_after_Dragon1 Image     |
   ================================================= */
img#before_after-Dragon1
    {
	 position:      relative;
	 left:          20px;
	 top:			220px;  
    }
	
	
	
/* =====================================================
   |      Rules for "movie_player_before-after-4"      |
   ===================================================== */    
div#movie_player_before-after-4
    {
     padding:      0px;
     margin:       0px;
     margin-left:  200px;
     
     width:        640px;
	 height:	   360px;
     
     position:     relative;
     top:          151px;     
     left:         -70px;
	 
	 z-index:      1000;  
    }
/* ################################################ */




/* ================================================
   |      Rules for before_after_Turbo1 Image     |
   ================================================ */
img#before_after-Turbo1
    {
	 position:      relative;
	 left:          90px;
	 top:			270px;  
    }
	
	
	
/* ==========================================
   |      Rules for film_titles-4 Image     |
   ========================================== */
img#film_titles-4
    {
	 position:      relative;
	 left:          140px;
	 top:			265px;  
	}
	
	

/* =====================================================
   |      Rules for "movie_player_before-after-5"      |
   ===================================================== */    
div#movie_player_before-after-5
    {
     padding:      0px;
     margin:       0px;
     margin-left:  200px;
     
     width:        640px;
	 height:	   360px;
     
     position:     relative;
     top:          241px;     
     left:         -70px;
	 
	 z-index:      1000;  
    }