/* link heights corresponds with image height */
.navButton, .navButton:visited 
		{
        height:25px;
        position:relative !important;
        }

/* link and list-item widths correspond with image widths */
#windows, #windowsButton, #windowsButton:visited 
		{
		display: none;
        width:85px;
        }
#doors, #doorsButton, #doorsButton:visited 
		{
		display: none;
        width:66px;
        }
#kitchen, #kitchenButton, #kitchenButton:visited 
		{
		display: none;
        width:75px;
        }
#hardware, #hardwareButton, #hardwareButton:visited 
		{
		display: none;
        width:91px;
        }
#installation, #installationButton, #installationButton:visited 
		{
		display: none;
        width:112px;
        }
#contact, #contactButton, #contactButton:visited 
		{
		display: none;
        width:99px;
        }

        
        
/* span is same dimensions as link and positioned to superimpose */
.navButton span, .navButton:visited span 
		{
        display:block;
        height:25px;
        width:100%;
        position:absolute;
        left:0;
        top:0;
        z-index:1;
        background-repeat:no-repeat;
        }
        
/* button images are span background images */
#windowsButton span, #windowsButton:visited span 
		{
        background-image:url(../images/nav-dropdown/nav-windowsx85.gif);
        }
        
#doorsButton span, #doorsButton:visited span 
		{
        background-image:url(../images/nav-dropdown/nav-doorsx66.gif);
        }
        
#kitchenButton span, #kitchenButton:visited span 
		{
        background-image:url(../images/nav-dropdown/nav-kitchenx75.gif);
        }
#hardwareButton span, #hardwareButton:visited span 
		{
       background-image:url(../images/nav-dropdown/nav-hardwarex91.gif);
        }
#installationButton span, #installationButton:visited span 
		{
        background-image:url(../images/nav-dropdown/nav-installationx112.gif);
        }
#contactButton span, #contactButton:visited span 
		{
        background-image:url(../images/nav-dropdown/nav-contactusx99.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;
			}


