/*************
NAVIGATION
*************/  

#nav { 
   width: 178px; height: 305px;
   background-color: #fff;
   float: right;
   margin: 30px 0px 20px 25px;
   padding: 0;
   /*ie6*/
   _border-right: 1px solid #000;
   _margin-top: 0;
   _padding-top: 30px;
   _height: 335px;
   _background: url(../pix/layout/bkg.gif) repeat-x 0 0;
   _margin-right: -1px;
   } 
   
#nav a { 
   text-indent: -9999px;
   display: block;
   margin: -3px 0 0 0; 
   padding: 0;
   width: 178x;
   }              

#nav_listings a { 
   background: url(../pix/layout/nav.gif) no-repeat 0 0;
   height: 39px;
   }

#nav_services_s a { 
   background: url(../pix/layout/nav.gif) no-repeat 0px -39px; 
   height: 39px;
   }  

#nav_services_b a { 
   background: url(../pix/layout/nav.gif) no-repeat 0px -78px; 
   height: 38px;
   }  
                                      
#nav_resources a { 
   background: url(../pix/layout/nav.gif) no-repeat 0px -116px;
   height: 37px; 
   }  

#nav_about a { 
   background: url(../pix/layout/nav.gif) no-repeat 0px -153px;
   height: 37px; 
   }                 

#nav_blog a { 
   background: url(../pix/layout/nav.gif) no-repeat 0px -190px;
   height: 38px; 
   }  

#nav_contact a { 
   background: url(../pix/layout/nav.gif) no-repeat 0px -228px;
   height: 39px; 
   }  
    
#nav_directions a { 
   background: url(../pix/layout/nav.gif) no-repeat 0px -267px;
   height: 38px; 
   } 
                
/*************
HOVER STATES
*************/  

#nav_listings a:hover { 
   background: transparent url(../pix/layout/nav.gif) no-repeat -178px 0;
   height: 39px;
   }

#nav_services_s a:hover { 
   background: transparent url(../pix/layout/nav.gif) no-repeat -178px -39px; 
   height: 39px;
   }  

#nav_services_b a:hover { 
   background: transparent url(../pix/layout/nav.gif) no-repeat -178px -78px; 
   height: 38px;
   }  
                                      
#nav_resources a:hover { 
   background: transparent url(../pix/layout/nav.gif) no-repeat -178px -116px;
   height: 37px; 
   }  

#nav_about a:hover { 
   background: transparent url(../pix/layout/nav.gif) no-repeat -178px -153px;
   height: 37px; 
   }                 

#nav_blog a:hover { 
   background: transparent url(../pix/layout/nav.gif) no-repeat -178px -190px;
   height: 38px; 
   }  

#nav_contact a:hover { 
   background: transparent url(../pix/layout/nav.gif) no-repeat -178px -228px;
   height: 39px; 
   }  
    
#nav_directions a:hover { 
   background: transparent url(../pix/layout/nav.gif) no-repeat -178px -267px;
   height: 38px; 
   }