/* ==============================
   |      Rules for "menu"      |
   ============================== */
div#menu
    {
     padding:          0px;
     margin:           0px;
     
     width:            1000px;
     height:           125px;
     
     position:         relative;
     top:              55px;
     left:             0px;
	 
	 z-index:			1000;
    }
    
    
div#menu ul
    {
     padding:          0px;
     margin:           0px;
     
     width:            1000px;
     height:           125px;
     
     position:         relative;
     top:              0px;
     left:             0px;
     
     list-style:       none;
    }
    
 
div#menu ul li
    {
     float: left;
    }
    
    
div#menu ul li a em
    {
     display: none; 
    }
    
div#menu ul li a:focus
    {
     outline: 0;
    }
    


/* =================================================
   |      Rules for button "before and after"      |
   ================================================= */
div#menu ul li#before_and_after
    {
     padding:          0px;
     margin:           0px;
     
     width:            182px;
     height:           108px;
     
     position:         relative;
     top:              -645px;
     left:             489px;
    }    
    
    
div#menu ul li#before_and_after a
    {
     width:            182px;
     height:           108px;
     
     background-image: url("../Images/Buttons/Button-before_and_after-1.gif");
     display:          block;
		 
		  
    }
    
    
div#menu ul li#before_and_after a:hover 
    {
     width:               182px;
     height:              108px;
              
     /*
        Uses the method of one image. The image contains both
        non-highlighted and highlighted versions. The image is
        then repositoned in the a:hover state.
     */
     background-position: -182px 0px;
         
     /* cursor:              url("../Images/temp.cur"), crosshair; */
     display:             block;          
    }
    


/* ================================================
   |      Rules for button "lighting movies"      |
   ================================================ */
div#menu ul li#lighting_movies
    {
     padding:          0px;
     margin:           0px;
     
     width:            128px;
     height:           90px;

     position:         relative;
     top:              -635px;
     left:             475px;
    }    
    
    
div#menu ul li#lighting_movies a
    {
     width:            128px;
     height:           90px;
 
     background-image: url("../Images/Buttons/Button-lighting_movies.gif");             
     display:          block;
    }
    
     
div#menu ul li#lighting_movies a:hover 
    {
     width:               128px;
     height:              90px;
     
     background-position: -128px 0px;     
     display:             block;    
    }
    

    
/* =======================================
   |      Rules for button "Resume"      |
   ======================================= */
div#menu ul li#resume
    {
     padding:          0px;
     margin:           0px;
     
     width:            124px;
     height:           95px;
     
     position:         relative;
     top:              -648px;
     left:             630px;
    }    
    
    
div#menu ul li#resume a
    {
     width:            124px;
     height:           95px;
     
     background-image: url("../Images/Buttons/Button-resume-1.gif");
     display:          block;    
    }
        

div#menu ul li#resume a:hover 
    {
     width:               124px;
     height:              95px;
    

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


/* =========================================
   |      Rules for button "About Me"      |
   ========================================= */
div#menu ul li#about_me
    {
     padding:          0px;
     margin:           0px;
     
     width:            131px;
     height:           90px;
     
     position:         relative;
     top:              -548px;
     left:             520px;
    }    
    
    
div#menu ul li#about_me a
    {
     width:            131px;
     height:           90px;
     
     background-image: url("../Images/Buttons/Button-about_me-1.gif");
     display:          block;    
    }
        

div#menu ul li#about_me a:hover 
    {
     width:               131px;
     height:              90px;
    

     background-position: -131px 0px;          
     display:             block;          
    }
    
    
	       	
/* ============================================
   |      Rules for button "Photography"      |
   ============================================ */
div#menu ul li#photography
	{
	 padding:		0px;
	 margin:		0px;
	 
	 width:			185px;
	 height:		90px;
	 
	 position:		relative;
	 top:			-643px;
	 left:			207px;
	}
	
	
div#menu ul li#photography a
	{
	 width:			   185px;
	 height:		   90px;
	 
	 background-image: url("../Images/Buttons/Button-photography-1.gif");
	 display:		   block;
	}

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