/* ==========================================
   |      Rules for body (id = resume)      |
   ========================================== */
body#resume_canvas
    {
     padding:           0px;
     margin-top:        0%;
     margin-bottom:     0%;
	 
	 height:            auto;
	 min-height:        100%;

	 background:		#000 url(../Images/Backgrounds/Canvas-1.jpg) repeat center center;
     
	 font-family:       "Arial", sans-serif;
     font-size:         medium;     
    }




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

/* ================================================
   |      Rules for div (id = resume_header)      |
   ================================================ */   	
div#resume_header
	{   
	 position:          relative;
     top:               -20px;
	 left:				225px;
     
     width:             900px;
	 height-min:		100%;
	 
	 font-size:	  		mediuim;
	 color:       		rgb(125, 125, 125); 
	 
	 /*border:      		1px solid red;   */    
       	 
	 z-index:			1;
	}
	
	
	
/* ===============================================
   |      Rules for div (id = resume_part7)      |
   =============================================== */   	
div#resume_part7
	{   
	 position:          relative;
     top:               -20px;
	 left:				225px;
     
     width:             900px;
	 height-min:        100%;
	 
	 font-size:	  		mediuim;
	 color:       		rgb(125, 125, 125); 
	 
	 /*border:      		1px solid red;   */    
       	 
	 z-index:			1;
	}
	
	
		
/* ===============================================
   |      Rules for div (id = resume_part1)      |
   =============================================== */   	
div#resume_part1
	{   
	 position:          relative;
     top:               -20px;
	 left:				225px;
     
     width:             900px;
	 height-min:        100%;
	 
	 font-size:	  		mediuim;
	 color:       		rgb(125, 125, 125); 
	 
	 /*border:      		1px solid red;   */    
       	 
	 z-index:			1;
	}


/* ===============================================
   |      Rules for div (id = resume_part2)      |
   =============================================== */   	
div#resume_part2
	{   
	 position:          relative;
     top:               -80px;
	 left:				225px;
     
     width:             900px;
	 height-min:        100%;
	 
	 font-size:	  		mediuim;
	 color:       		rgb(125, 125, 125); 
	 
	 /*border:      		1px solid red;   */    
       	 
	 z-index:			1;
	}
	
	
/* ===============================================
   |      Rules for div (id = resume_part3)      |
   =============================================== */   	
div#resume_part3
	{   
	 position:          relative;
     top:               -160px;
	 left:				225px;
     
     width:             900px;
	 height-min:        100%;
	 
	 font-size:	  		mediuim;
	 color:       		rgb(125, 125, 125); 
	 
	 /*border:      		1px solid red;   */    
       	 
	 z-index:			1;
	}
	

/* ===============================================
   |      Rules for div (id = resume_part4)      |
   =============================================== */   	
div#resume_part4
	{   
	 position:          relative;
     top:               -210px;
	 left:				225px;
     
     width:             900px;
	 height-min:        100%;
	 
	 font-size:	  		mediuim;
	 color:       		rgb(125, 125, 125); 
	 
	 /*border:      		1px solid red;   */    
       	 
	 z-index:			1;
	}
	

/* ===============================================
   |      Rules for div (id = resume_part5)      |
   =============================================== */   	
div#resume_part5
	{   
	 position:          relative;
     
	 /*top:               -260px; */
	 top:               -180px;
	 left:				225px;
     
     width:             900px;
	 height-min:        100%;
	 
	 font-size:	  		mediuim;
	 color:       		rgb(125, 125, 125); 
	 
	 z-index:			1;
	}
	

/* ===============================================
   |      Rules for div (id = resume_part6)      |
   =============================================== */   	
div#resume_part6
	{   
	 position:          relative;
     
	 top:				-200px;
	 left:				225px;
	 	 
     width:             900px;
	 height-min:        100%;
	 
	 font-size:	  		mediuim;
	 color:       		rgb(125, 125, 125); 
	 
	 /* border:      		1px solid red; */
	 z-index:			1;
	}
	

/* ===================================================
   |      Rules for div (id = container_skills)      |
   =================================================== */   	
div#container_skills
	{   	 
	 
	 /* margin-left:		120px; */
	 
	 z-index:			1;
	}
	
				
/* ============================================
   |      Rules for div (class = center)      |
   ============================================ */   	
div.center
	{
	 position:		relative;
	 left:			-35px;
	 
	 text-align: 	center;
	}
	
	
		
		
/* =====================================================
   |      Rules for div (id = resume_title_image)      |
   |		-> Top Image Header                        |
   ===================================================== */
div#resume_title_image
    {
     position:    relative;
     top:         -20px;
     left:        -40px;
	 
	 z-index:     1;
    }
	



/* ============================================
   |      		Rules for div films      	  |
   ============================================ */
div.films-1
	{
	 width:				 700px;
	 position: 			 relative;
	 top: 				 -5px;
	 
	 border-color: 		 rgb(70, 68, 68);
     border-width:		 medium;
     
	 border-style:		 double;
	 border-left-style:  none;
	 border-right-style: none;
	 border-bottom:		 none;
	 border-top:		 none;
	 
	 padding-right: 	 0px;
	 padding-bottom: 	 10px;
	}
   

div.films-2
	{
	 width:				 700px;
	 position: 			 relative;
	 top: 				 0px;
	 
	 border-color: 		 rgb(70, 68, 68);
     border-width:		 medium;
     
	 border-style:		 double;
	 border-left-style:  none;
	 border-right-style: none;
	 border-bottom:		 none;
	 border-top:		 none;
	 
	 padding-right: 	 0px;
	 padding-bottom: 	 10px;
	}
	

div.films-3
	{
	 width:				 700px;
	 position: 			 relative;
	 top: 				 0px;
	 
	 border-color: 		 rgb(70, 68, 68);
     border-width:		 medium;
     
	 border-style:		 double;
	 border-left-style:  none;
	 border-right-style: none;
	 border-bottom:		 none;
	 border-top:		 none;
	 
	 padding-right: 	 0px;
	 padding-bottom: 	 10px;
	}
	
	
	
/* ================================================
   |      		Rules for div dividers      	  |
   ================================================ */   
div#divider-1
    {
	 position: 	  relative;		 
     left: 		  100px;
	 top: 		  -68px;
    }
	
	
div#divider-2
    {
	 position: 	  relative;		 
     left: 		  100px;
	 top: 		  -148px;
    }
	
	
div#divider-3
    {
	 position: 	  relative;		 
     left: 		  100px;
	 top: 		  -220px;
    }


div#divider-4
    {
	 position: 	  relative;		 
     left: 		  100px;
	 top: 		  -270px;
    }
	 
	 
div#divider-5
    {
	 position: 	  relative;		 
     left: 		  100px;
	 
	 /* top: 		  -310px; */
	 top:		  -220px;
    }	


div#divider-7
    {
	 position: 	  relative;		 
     left: 		  100px;
	 
	 top:		  -70px;
    }
	
			   
/* =======================================================
   |      Rules for table (class = work-experience)      |
   ======================================================= */
table.work-experience
	{
	 border-collapse: 	collapse;
	 text-align:		left;
	 
	 /* border:      		1px solid blue; */
	}
	
	
table.work-experience th
	{
	 font-weight:	normal;
	 padding-right: 40px;
	}
	
	

 /* ==========================================
   |      Rules for table (id = skills)      |
   =========================================== */
table#skills
	{
		border-collapse: 	collapse;
	 	text-align:			left;
	}


table#skills th
	{
		padding-left:    38px;
		
		width:			 220px;		
     	vertical-align:  top;
		
		font-size: 		 normal;
		font-weight:	 normal;
		font-style:		 italic;
		
		text-align:      center;
		text-decoration: underline;
	}
	
	
table#skills td
	{
		padding-left:   30px;
		
		font-size:	small;
		text-align: center;
	}


	

/* =============================
   |      Rules for spans      |
   ============================= */	   
span.education
    {
     font-size: medium;
    }
	
	
span.subject
	{
	 font-size:   		26px;
	 font-weight: 		bold;
	 font-family:     	"MV Boli", "GillSans-LightItalic", "Arial", sans-serif;
	 
	 /*text-decoration: 	underline;*/
	 color:           	rgb(170, 170, 170)
	}
	
	
span.work-role
	{
	 color: 	 		rgb(135, 135, 135);
	 font-style: 		italic;
	 text-decoration: 	underline;
	}
	

span.film-desc
	{
	 color: 	 	  rgb(135, 135, 135);
	 font-style: 	  italic;
	 text-decoration: underline;
	}
	
	
/* =======================================
   |      Rules for unordered lists      |
   ======================================= */
ul.bullet_points
	{
	 line-height: 	90%;
	 font-size: 	13px;
	 
	 margin-left: 	0px;
	 padding-left:  10px;
	 
	 position:      relative;
	 left:          35px;
	}


ul.bullet_points li
	{
	 margin-left:	20px;
	}
	
	
ul.skills
    {
     margin:          0;
     padding-left:    0;
     padding-right:   2em;
     
     list-style-type: none;
     text-align:      left;   
    }




/* =============================
   |      Rules for images     |
   ============================= */
img#Logo-Shrek
    {
	 position:      relative;
	 left:          45px;
	 
	 padding-top:	10px;
     padding-right: 80px;    
    }
    

img#Logo-Shrek2
    { 
     position:      relative;
     top:           1px;
	 
	 padding-right: 35px;
    }

           
img#Logo-Shrek3
    {     
     position:      relative;
     top:           1px;
	 
	 padding-right: 40px;
    }
    
    
img#Logo-Shrek_the_Halls
    {
     position: relative;
     top:      5px;
    }

    
img#Logo-Madagascar
    {
	 position: 		relative;
	 left:     		50px;

	 padding-top:   35px;
	 padding-right: 124px;      
    }


img#Logo-Madagascar2
    {
	 position: 		relative;
	 top:			15px;
	 
	 padding-right: 70px; 
	}
		
		
img#Logo-Madagascar3
    {
	 position: 		relative;
	 top:			10px;
	}
				   
				   
img#Logo-Over_the_Hedge
    {
	 position: 		 relative;
	 left:     		 40px;
	 
	 padding-top:    35px;	 
	 padding-right:  95px; 
    }
    
    
img#Logo-Bee
    {
	 position:      relative;
	 top:           5px;
	 
	 padding-right: 40px;     
    }
    
	
img#Logo-Megamind
	{	 
	 position:      relative;
	 top:           15px;
	       
	 padding-right: 5px;
	}
	
		
img#Logo-Dragon
	{
	 position: relative;
	 top:	   10px;
	}
	

img#Logo-Puss_in_Boots
    {
	 position: 		relative;
	 left:     		15px;
	 
	 padding-top:	30px;
	 padding-right: 82px;
	}

		
img#Logo-Guardians
    {
	 position: 		relative;
	 top:			-5px;
	 
	 padding-right: 80px;
	}
	
	
img#Logo-Turbo
    {
	 position: 		relative;
	 top:     		-5px;
	}
	
							
img#Logo-IMAX_Cyberworld_3D
    {
     position:    relative;
     left:        90px;
	 
	 padding-top: 10px;
    }
    
 
img#Logo-Antz
    {
     position: 		relative;
     left:     		45px;
	 
     padding-top:	10px;
	 padding-right: 80px;
    }
    
    
img#Logo-Shrek4D
    {
     position: 		relative;
     top:     		-2px;
	 
	 padding-right: 30px;
    }
    

img#Logo-Pumpkins
    {
	 position: 	relative;
	 top:		8px;
	}
	
	
img#Logo-Battlefield_Hardline
    {
	 position: 	relative;
	 top:		15px;
	 left:		70px;
	}
	
img#Logo-Star_Wars
	{
	 position:	relative;
	 top:		18px;
	 left:		120px;
	}

img#Logo-Madden
	{
	 position:	relative;
	 top:       24px;
	 left:      170px;
	}