/* CSS Document */

	

/* link heights corresponds with image height */

.navButton, .navButton:visited {

	height:40px;

	position:relative !important;

	}



/* link and list-item widths correspond with image widths */

#home, #homeButton, #homeButton:visited {

	width:56px;

	}

#short, #shortButton, #shortButton:visited {

	width:160px;

	}

#meet, #meetButton, #meetButton:visited {

	width:97px;

	}

#parents, #parentsButton, #parentsButton:visited {

	width:80px;

	}

#store, #storeButton, #storeButton:visited {

	width:77px;

	}

#contact, #contactButton, #contactButton:visited {

	width:65px;

	}

#fun, #funButton, #funButton:visited {

	width:93px;

	}

#news, #newsButton, #newsButton:visited {

	width:95px;

	}

#about, #aboutButton, #aboutButton:visited {

	width:71px;

	}

	

/* span is same dimensions as link and positioned to superimpose */

.navButton span, .navButton:visited span {

	display:block;

	height:40px;

	width:100%;

	position:absolute;

	left:0;

	top:0;

	z-index:1;

	background-repeat:no-repeat;

	}



/* button images are span background images */

#homeButton span, #homeButton:visited span {

	background-image:url(images/home-menu.gif);

	}

#shortButton span, #shortButton:visited span {

	background-image:url(images/angie-the-ant-menu.gif);

	}

#meetButton span, #meetButton:visited span {

	background-image:url(images/meet-the-cast-menu.gif);

	}

#parentsButton span, #parentsButton:visited span {

	background-image:url(images/for-parents-menu.gif);

	}

#storeButton span, #storeButton:visited span {

	background-image:url(images/angie-store-menu.gif);

	}

#contactButton span, #contactButton:visited span {

	background-image:url(images/contact-us-menu.gif);

	}	

#funButton span, #funButton:visited span {

	background-image:url(images/fun-games-menu.gif);

	}

#newsButton span, #newsButton:visited span {

	background-image:url(images/news-events-menu.gif);

	}

#aboutButton span, #aboutButton:visited span {

	background-image:url(images/about-us-menu.gif);

	}



/* rollovers are background position so that no preloading is necessary */

.navButton span, .navButton:visited span {

	background-position:0 0;

	}



.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {

	background-position:0 -40px;

	}