/* =================================
   |      Rules for "sidebar"      |
   ================================= */
div#sidebar
    {
     padding:           0px;
	 background-color:	rgb(0,0,0);
	 background-image:  url("../Images/Backgrounds/Background-Film_Strip_Tile-1.jpg");
	 background-repeat: repeat-y;
   
	 width:      122px;
	 height:     auto;
	 min-height: 100%;
	 
     
     position: absolute;
     z-index:  10;
     
     top:      0px;
     left:     17px;
    }

	
div#sidebar ul
    {
     padding:    0px;
     margin:     0px;
     
     position:   relative;
     top:        0px;
     left:       0px;
     
     list-style: none;
    }

    
div#sidebar ul li
    {
     float: left;
    }
    
            
div#sidebar ul li a em
    {
     display: none; 
    }
    

div#sidebar ul li a:focus
    {
     outline: 0;
    }
	

    

/* ===============================================
   |      Rules for sidebar button "home"        |
   =============================================== */         
ul#sidebar_ul li#home
    {
     padding:  0px;
     margin:   0px;
     
     width:    124px;
     height:   95px;
     
     position: absolute;
	 top:      40px;
     left:     -1px;
    }
	

ul#sidebar_ul li#home a
    {
     width:            124px;
     height:           95px;
     
     background-image: url("../Images/Buttons/Button-home-2.gif");
     display:          block;
    }
    
    
ul#sidebar_ul li#home a:hover 
    {
     width:               124px;
     height:              95px;
    
     background-position: -124px 0px;      
     display:             block;          
    }
	
	
	
	
/* =========================================================
   |      Rules for sidebar button "before_and_after"      |
   ========================================================= */         
ul#sidebar_ul li#before_and_after
    {
     padding:          0px;
     margin:           0px;
     
     width:            182px;
     height:           108px;
     
     position:         absolute;
     top:              122px;
     left:             -29px;
    }
    
    
ul#sidebar_ul li#before_and_after a
    {
     width:            182px;
     height:           108px;
     
     background-image: url("../Images/Buttons/Button-before_and_after-2.gif");
     display:          block;
    }
    
    
ul#sidebar_ul li#before_and_after a:hover 
    {
     width:               182px;
     height:              108px;
    
     background-position: -182px 0px;      
     display:             block;          
    }
	
	
	
	
/* ========================================================
   |      Rules for sidebar button "lighting_movies"      |
   ======================================================== */ 
ul#sidebar_ul li#lighting_movies
    {
     padding:          0px;
     margin:           0px;
     
     width:            128px;
     height:           90px;
     
     position:         absolute;
     top:              202px;
     left:             -1px;
    }

    
ul#sidebar_ul li#lighting_movies a
    {
     width:            128px;
     height:           90px;
     
     background-image: url("../Images/Buttons/Button-lighting_movies-2.gif");
     display:          block;
    }
    
    
ul#sidebar_ul li#lighting_movies a:hover 
    {
     width:                128px;
     height:               90px;
     
     background-position: -128px 0px;      
     display:              block;          
    }
	



/* ===============================================
   |      Rules for sidebar button "resume"      |
   =============================================== */
ul#sidebar_ul li#resume
    {
     padding:          0px;
     margin:           0px;
     
     width:            124px;
     height:           95px;
     
     position:         absolute;
     top:              265px;
     left:             -1px;
    }    
    
    
ul#sidebar_ul li#resume a
    {
     width:            124px;
     height:           95px;
     
     background-image: url("../Images/Buttons/Button-resume-2.gif");
     display:          block;    
    }
        

ul#sidebar_ul li#resume a:hover 
    {
     width:               124px;
     height:              95px;
    
     background-position: -124px 0px;          
     display:             block;          
    }
	
	
	
	
/* ====================================================
   |      Rules for sidebar button "photography"      |
   ==================================================== */
ul#sidebar_ul li#photography
    {
     padding:          0px;
     margin:           0px;
     
     width:            182px;
     height:           90px;
     
     position:         absolute;
     top:              330px;
     left:             -31px;
    }    
    
    
ul#sidebar_ul li#photography a
    {
     width:            182px;
     height:           90px;
     
     background-image: url("../Images/Buttons/Button-photography-2.gif");
     display:          block;    
    }
        

ul#sidebar_ul li#photography a:hover 
    {
     width:               182px;
     height:              90px;
    
     background-position: -182px 0px;          
     display:             block;          
    }




/* =================================================
   |      Rules for sidebar button "about_me"      |
   ================================================= */
ul#sidebar_ul li#about_me
    {
     padding:          0px;
     margin:           0px;
     
     width:            124px;
     height:           95px;
     
     position:         absolute;
     top:              390px;
     left:             -1px;
    }    
    
    
ul#sidebar_ul li#about_me a
    {
     width:            124px;
     height:           90px;
     
     background-image: url("../Images/Buttons/Button-about_me-2.gif");
     display:          block;    
    }
        

ul#sidebar_ul li#about_me a:hover 
    {
     width:               124px;
     height:              90px;
    

     background-position: -124px 0px;          
     display:             block;          
    }