/* Horizontal Nav with Graphic main nav. CSS
-------------------------------------------------------- */


div#navrow {
	display: block;
	width: 780px;
	margin: 0; padding: 0;
	}

div#nav {
   display: block;
   float: right;
   height: 31px; 
   margin: 0px;
   padding: 0;
	width/**/:/**/ 626px;
   text-align: right;
   }

div#nav ul#menu {
   margin: 0px;
   height: 31px;
   padding: 0;
   text-align: left;
   }

   div#nav ul#menu li { 
      float: left;
      list-style: none;
      }

      div#nav ul#menu li, 
      ul#menu a { 
         height: 31px; 
         display: block;
         margin: 0;
         padding: 0;
         outline: none; 
         }

      div#nav ul#menu li a { 
         text-indent: -9999px; 
         margin: 0;
         padding: 0;
         text-decoration: none;
         }

      div#nav ul#menu li, 
      ul#menu a {
         height: 31px; 
         margin: 0;
         padding: 0;
         display: block;
         }



#aboutmenu {
   width: 93px;
	background: url(/images/nav/about.gif) top left no-repeat; 
   }

   #aboutmenu a:hover { 
      background: url(/images/nav/about.gif) center left no-repeat; 
      }

         body.about #aboutmenu a {
         background: url(/images/nav/about.gif) bottom left no-repeat; 
         }

#productsmenu {
   width: 111px;
	background: url(/images/nav/products.gif) top left no-repeat; 
   }

   #productsmenu a:hover { 
      background: url(/images/nav/products.gif) center left no-repeat; 
      }

         body.products #productsmenu a {
         background: url(/images/nav/products.gif) bottom left no-repeat; 
         }
         
         
#sizingmenu {
   width: 121px;
	background: url(/images/nav/sizing.gif) top left no-repeat; 
   }

   #sizingmenu a:hover { 
      background: url(/images/nav/sizing.gif) center left no-repeat; 
      }

         body.sizing #sizingmenu a {
         background: url(/images/nav/sizing.gif) bottom left no-repeat; 
         }
         
#contactmenu {
   width: 126px;
	background: url(/images/nav/contact.gif) top left no-repeat; 
   }

   #contactmenu a:hover { 
      background: url(/images/nav/contact.gif) center left no-repeat; 
      }

         body.contact #contactmenu a {
         background: url(/images/nav/contact.gif) bottom left no-repeat; 
         }
         
#troubleshootingmenu {
   width: 175px;
	background: url(/images/nav/troubleshooting.gif) top left no-repeat; 
   }

   #troubleshootingmenu a:hover { 
      background: url(/images/nav/troubleshooting.gif) center left no-repeat; 
      }

         body.troubleshooting #troubleshootingmenu a {
         background: url(/images/nav/troubleshooting.gif) bottom left no-repeat; 
         }