ul#nav {
   float: left;
   list-style-type: none;
   margin: 15px 0 30px 5px;
   padding: 0;
   width: 795px;
   height: 34px;
   }
   
ul#nav li {
   float: left;
   margin: 0;
   padding: 0;
   text-align: center;
   }   
   
ul#nav li a {
   margin: 0;
   padding: 0 18px;
   display: block;
   text-decoration: none;
   outline: none;
   color: #829cb7;
   text-transform: uppercase;
   line-height: 33px;
   }
   
ul#nav li a:hover {
   background-color: #829cb7;
   color: #fff;
   font-weight: normal;
   }   
   
body#home ul#nav li a#home-nav,
body#contact ul#nav li a#contact-nav,
body#aboutme ul#nav li a#about-nav,
body#dreamtales ul#nav li a#dreamtales-nav,
body#games ul#nav li a#games-nav,
body#websites ul#nav li a#websites-nav,
body#photography ul#nav li a#photos-nav,
body#work ul#nav li a#work-nav,
body#blog ul#nav li a#blog-nav,
body#travel ul#nav li a#travel-nav,
body#toolbox ul#nav li a#toolbox-nav,
body#resume ul#nav li a#resume-nav,
body#guestbook ul#nav li a#guestbook-nav {
   background-color: #829cb7;
   color: #fff;
   }
   
   
   
        
#subnav {
   float: left;
   width: 198px;
   }   
   
#subnav ul {
   padding: 10px 0;
   margin: 0;
   list-style-type: none;
   }   
   
#subnav ul li {
   margin: 0;
   padding: 2px 5px 2px 0;
   }    
   
#subnav ul li ul {
   margin: 0;
   padding: 0;
   }  
   
#subnav ul li ul li {
   margin: 0;
   padding: 0;
   } 
   
#subnav ul li a:hover {
   color: #000;
   } 
        
#subnav ul li h3, #content #content h3, #content #respond h3 {
   color: #333;
   font-size: 13px;
   }