/*"CSS Menu using background position" adapted by GaryWong@telus.net*/
/*based CSS Tutorials provided by websitebuildingtuts.com, March 2009*/

.menu
{
height: 53px;
width: 780px;
}

.home-button, .products-button, .benefits-button, .blog-button, .contact-button
{
height: 53px;
float: left;
}

.home-button {background-image: url(menu-abcoop.jpg); 0px 0 px; width: 289px;}
.products-button {background-image: url(menu-abcoop.jpg); background-position: -290px 0px; width: 179px;}
.benefits-button {background-image: url(menu-abcoop.jpg); background-position: -469px 0px; width: 148px;}
.blog-button {background-image: url(menu-abcoop.jpg); background-position: -617px 0px; width: 56px;}
.contact-button {background-image: url(menu-abcoop.jpg); background-position: -673px 0px; width: 108px;}

.home-button:hover {background-image: url(menu-abcoop.jpg); background-position: 0px 53px; width: 289px;}
.products-button:hover {background-image: url(menu-abcoop.jpg); background-position: -290px 53px; width: 179px;}
.benefits-button:hover {background-image: url(menu-abcoop.jpg); background-position: -469px 53px; width: 148px;}
.blog-button:hover {background-image: url(menu-abcoop.jpg); background-position: -617px 53px; width: 56px;}
.contact-button:hover {background-image: url(menu-abcoop.jpg); background-position: -673px 53px; width: 108px;}


.abcoop-header
{
background-image: url(header-abcoop.jpg); height: 147px; width: 780px;
}