@charset "utf-8";
/* CSS Document */

body {
	background-image:url(../images/Dereks-homepageBackGrad_01.gif);
     margin:0;
	 padding:0;
	 }
	 			
#home a {
	background: url(../images/Nhomebut_03.png) no-repeat;
	width: 131px;
	height: 64px;
	    }
#home a:hover {
	background: url(../images/homeH_03.png) no-repeat;
	width: 131px;
	height: 64px;
	         }
	

#aboutme a {
	background:url(../images/Naboutbut_04.png) no-repeat;
	width: 208px;
	height: 64px;
	       }
#aboutme a:hover {
	background:url(../images/aboutHover_05.png) no-repeat;
	width: 208px;
	height: 64px;
	             }		   
	
#portfolio a {
	background:url(../images/Nportbut_06.png) no-repeat;
	width: 232px;
	height: 64px;
	         }
#portfolio a:hover {
	background:url(../images/portH_06.png) no-repeat;
	width: 232px;
	height: 64px;
	               }	
#contact a {background:url(../images/NcontactBut_07.png) no-repeat;
	width: 195px;
	height: 64px;	
                  }
#contact a:hover
	 {background:url(../images/Hcontactbut_03.png) no-repeat;
	width: 195px;
	height: 64px;	
     }  		 		   
		   
#link a {background:url(../images/Nlinksbut_05.png) no-repeat;
	width: 129px;
	height: 64px;
        }
		 
#link a:hover {background:url(../images/linksH_07.png) no-repeat;
	width: 129px;
	height: 64px;
	}			 		   
	
		
/*---Step 3: Set a hover backgound for your "a" tags ---*/
	

	
/*--- Step 4: expand the block area and hide the text ---*/

#navlist a {
	display: block;
	overflow: hidden;
	text-indent:-9999px;
	       }
#maincontainer {
	text-align: center;
	margin-top: 30px;
               }   


/*--- Step 5: remove the bullet and change align the list horizontally (if desired) ---*/

#navlist li {
	float: left; /*--- horizontal alignment ---*/
	list-style-type: none; /*--- Removes the bullet ---*/
	margin-left: 25px; /*--- spaces the elements ---*/
	        }
	
li#home {
	margin-left: -40px;
	    }

#mainnavigation {
	margin-top: 25px;
	width: 1000px;
	margin: auto;
	height: 100px;
                }

p {
color:#FFFF00;
  }
  
#content {
	width: 600px;
	margin: 0 auto;
	     }
	
#drac {
	margin-top: 15px;
	  }
#djsketch {
    margin-top: 15px;
	      }	
		  
#mainpicture {
               margin-top: 30px;
		     } 
			  
			  
#gallerynavigation a { color: #FFFF00;
                     }	
				   
#gallerynavigation.li { color:#FFFF00;
                      }