/* MAIN NAVIGATION */

div#nav	{ 
   height: 37px; 
   width: 715px; 
   margin: 0; 
   padding: 0; 
}

div#nav ul#menu { 
   height: 37px; 
   width: 715px; 
   background: url(/images_gf/nav.jpg) top left no-repeat; 
   margin: 0; 
   padding: 0; 
   position: relative; 
}

div#nav ul#menu li { 
   margin: 0; 
   padding: 0; 
   list-style: none; 
   position: absolute; 
   top: 0; 
}

ul#menu li, ul#menu a { 
   height: 37px; 
   display: block; 
}

div#nav ul#menu li a { 
   text-indent: -9999px; 
   text-decoration: none; 
}
	
#cartoonsmenu {
   left: 116px; 
   width: 115px;
}

#cartoonsmenu a:hover {
   background: url(/images_gf/nav.jpg) -116px -37px no-repeat;
}

#charactersmenu {
   left: 231px; 
   width: 116px;
}

#charactersmenu a:hover {
   background: url(/images_gf/nav.jpg) -231px -37px no-repeat;
}

#downloadsmenu {
   left: 347px; 
   width: 116px;
}

#downloadsmenu a:hover {
   background: url(/images_gf/nav.jpg) -347px -37px no-repeat;
}

#newslettersmenu {
   left: 463px; 
   width: 116px;
}

#newslettersmenu a:hover {
   background: url(/images_gf/nav.jpg) -463px -37px no-repeat;
}


/*  LOGIC FOR SELECTED STATE */

body#cartoons-on #cartoonsmenu {
   background: url(/images_gf/nav.jpg) -116px -37px no-repeat;
}

body#characters-on #charactersmenu {
   background: url(/images_gf/nav.jpg) -231px -37px no-repeat;
}

body#downloads-on #downloadsmenu {
   background: url(/images_gf/nav.jpg) -347px -37px no-repeat;
}

body#newsletters-on #newslettersmenu {
   background: url(/images_gf/nav.jpg) -463px -37px no-repeat;
}