/**** NAVIGATION STYLES ****/

* { 
   margin: 0px;
   padding: 0px;
   }

/* logo */

#logo {
   position: absolute;
   top: 0px; left: 16px;
   float: left; 
   }

/* top nav bar */

#ltblue { 
   width: 1000px;
   height: 118px;
   background: url(../pix/layout/top_nav.jpg) repeat top left;
   }    
          
#ltblue a { 
   text-indent: -9999px;
   text-decoration: none;
   display: block;
   margin: 0; padding: 0;
   height: 118px; 
   }          
          
#database_bubble { 
   height: 118px; width: 143px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 0px; left: 267px;
   background: url(../pix/layout/databasedesign.jpg) no-repeat left top; 
   }
                   
#website_bubble { 
   height: 118px; width: 143px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 0px; left: 465px;
   background: url(../pix/layout/websitedesign.jpg) no-repeat left top; 
   }
                   
#seo_bubble { 
   height: 118px; width: 143px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 0px; left: 660px;
   background: url(../pix/layout/seo.jpg) no-repeat left top; 
   }

/* hover states for top nav bar */

#database_bubble a:hover { 
   background: transparent url(../pix/layout/databasedesign.jpg) -143px 0 no-repeat;
   height: 118px; 
   }

#website_bubble a:hover {
   background: transparent url(../pix/layout/websitedesign.jpg) -144px 0 no-repeat;
   height: 118px; 
   }  
                           
#seo_bubble a:hover {
   background: transparent url(../pix/layout/seo.jpg) -144px 0 no-repeat;
   height: 118px; 
   }                                                                        


/* bottom nav bar */

#darkblue { 
   width: 1000px; height: 24px;
   background-color: #7B8ABD; 
   } 

#darkblue a { 
   text-indent: -9999px;
   text-decoration: none;
   display: block;
   margin: 0; padding: 0;
   height: 24px; 
   }              
            
#home_nav { 
   height: 24px; width: 62px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 118px; left: 252px;
   background: url(../pix/layout/bottom_nav.jpg) no-repeat left top; 
   }

#contactus_nav { 
   height: 24px; width: 113px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 118px; left: 340px;
   background: url(../pix/layout/bottom_nav.jpg) no-repeat -82px 0px; 
   }                           

#aboutus_nav { 
   height: 24px; width: 95px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 118px; left: 470px;
   background: url(../pix/layout/bottom_nav.jpg) no-repeat -216px 0px; 
   } 
                             
#databasejournal_nav { 
   height: 24px; width: 162px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 118px; left: 585px;
   background: url(../pix/layout/bottom_nav.jpg) no-repeat -332px 0px;
   } 

#newsletters_nav { 
   height: 24px; width: 113px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 118px; left: 765px;
   background: url(../pix/layout/bottom_nav.jpg) no-repeat -513px 0px; 
   }                  
                 
/* hover states for bottom nav bar */

#home_nav a:hover { 
   background: transparent url(../pix/layout/bottom_nav.jpg) 0px -24px no-repeat;
   height: 24px; 
   }

#contactus_nav a:hover { 
   background: transparent url(../pix/layout/bottom_nav.jpg) -82px -24px no-repeat;
   height: 24px; 
   }

#aboutus_nav a:hover { 
   background: transparent url(../pix/layout/bottom_nav.jpg) -216px -24px no-repeat;
   height: 24px; 
   }

#databasejournal_nav a:hover { 
   background: transparent url(../pix/layout/bottom_nav.jpg) -332px -24px no-repeat;
   height: 24px; 
   }

#newsletters_nav a:hover { 
   background: transparent url(../pix/layout/bottom_nav.jpg) -513px -24px no-repeat;
   height: 24px; 
   }                               

/* x states */

#xdatabase_bubble { 
   height: 118px; width: 143px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 0px; left: 267px;
   background: transparent url(../pix/layout/databasedesign.jpg) -143px 0 no-repeat; 
   }

#xwebsite_bubble { 
   height: 118px; width: 143px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 0px; left: 465px;
   background: transparent url(../pix/layout/websitedesign.jpg) -144px 0 no-repeat; 
   }                    

#xseo_bubble  { 
   height: 118px; width: 143px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 0px; left: 660px;
   background: transparent url(../pix/layout/seo.jpg) -144px 0 no-repeat; 
   }

#xcontactus_nav { 
   height: 24px; width: 113px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 118px; left: 340px;
   background: transparent url(../pix/layout/bottom_nav.jpg) no-repeat -82px -24px; 
   }

#xaboutus_nav { 
   height: 24px; width: 95px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 118px; left: 470px;
   background: transparent url(../pix/layout/bottom_nav.jpg) no-repeat -216px -24px; 
   }                

#xdatabasejournal_nav { 
   height: 24px; width: 162px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 118px; left: 585px;
   background: transparent url(../pix/layout/bottom_nav.jpg) no-repeat -332px -24px; 
   }

#xnewsletters_nav { 
   height: 24px; width: 113px; 
   margin: 0; padding: 0;
   position: absolute;
   top: 118px; left: 765px;
   background: transparent url(../pix/layout/bottom_nav.jpg) no-repeat -513px -24px; 
   }