/* CSS Document */

#navigation {
width: 1024px;
height: 71px;
margin: 0px;
padding: 0px;
}

ul.nav {
list-style: none;
margin: 0px;
padding: 0px;
float: left;
}

ul.nav li {
display: inline;
margin: 0px;
padding: 0px;
}

li.end {
float: left;
margin: 0px;
padding: 0px;
}

#home  a{
display: block;
background-image: url(../nav_gfx/home.jpg);
background-repeat: no-repeat;
width: 113px;
height: 71px;
float: left;
}

#home a:hover {
background-image: url(../nav_gfx/home.gif);
background-repeat: no-repeat;
width: 113px;
height: 71px;
}

#products  a{
display: block;
background-image: url(../nav_gfx/products.jpg);
background-repeat: no-repeat;
width: 262px;
height: 71px;
float: left;
}

#products a:hover {
background-image: url(../nav_gfx/products.gif);
background-repeat: no-repeat;
width: 262px;
height: 71px;
}

#resources  a{
display: block;
background-image: url(../nav_gfx/resources.jpg);
background-repeat: no-repeat;
width: 132px;
height: 71px;
float: left;
}

#resources a:hover {
background-image: url(../nav_gfx/resources.gif);
background-repeat: no-repeat;
width: 132px;
height: 71px;
}

#aboutus  a{
display: block;
background-image: url(../nav_gfx/aboutus.jpg);
background-repeat: no-repeat;
width: 126px;
height: 71px;
float: left;
}

#aboutus a:hover {
background-image: url(../nav_gfx/aboutus.gif);
background-repeat: no-repeat;
width: 126px;
height: 71px;
}

#orderonline  a{
display: block;
background-image: url(../nav_gfx/orderonline.jpg);
background-repeat: no-repeat;
width: 161px;
height: 71px;
float: left;
}

#orderonline a:hover {
background-image: url(../nav_gfx/orderonline.gif);
background-repeat: no-repeat;
width: 161px;
height: 71px;
}