/* link heights corresponds with image height */
		.navButton, .navButton:visited {
			height:42px;
			
			/*
				this is for mac/ie5
				it would normally cause a rendering problem
				(a vertical expansion in the topnav)
				but it doesn't here because the topnav is a fixed height
			*/
			position:relative !important;

			}

		/* link and list-item widths correspond with image widths */
		#aboutus, #aboutusButton, #aboutusButton:visited, #templates, #templatesButton, #templatesButton:visited, #portfolio, #portfolioButton, #portfolioButton:visited, #quote, #quoteButton, #quoteButton:visited, #contactus, #contactusButton, #contactusButton:visited, #toolbox, #toolboxButton, #toolboxButton:visited, #plans, #plansButton, #plansButton:visited {
			width:82px;
			}
			
		/* span is same dimensions as link, and positioned to superimpose */
		.navButton span, .navButton:visited span {
			display:block;
			height:42px;
			width:100%;
			position:absolute;
			left:0;
			top:0;
			z-index:1;
			background-repeat:no-repeat;
			}

		/* button images are span background images */
		#aboutusButton span, #aboutusButton:visited span {
			background-image:url(images/aboutus.gif);
			}
		#templatesButton span, #templatesButton:visited span {
			background-image:url(images/templates.gif);
			}
		#portfolioButton span, #portfolioButton:visited span {
			background-image:url(images/portfolio.gif);
			}
		#quoteButton span, #quoteButton:visited span {
			background-image:url(images/quote.gif);
			}	
		#contactusButton span, #contactusButton:visited span {
			background-image:url(images/contactus.gif);
			}
		#toolboxButton span, #toolboxButton:visited span {
			background-image:url(images/toolbox.gif);
			}
		#plansButton span, #plansButton:visited span {
			background-image:url(images/plans.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 -100px;
			}