/* id for button div */
#buttons
{
	margin: 0;
	width: 72px; /* sets width of buttons to hide hover state of buttons */
}

#buttons ul
{
     	display: inline;
	margin: 0 auto 0 auto;
	padding: 0;
}

#buttons li
{
    	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
/* END id for button container */

/* class for button positioning */
.button_positioning li a
{	 
	text-indent: -999999px; /* forces anchor link off of page */
	overflow: hidden; /* hides part of the buttons image */
	display: block;
	width: 72px;
	height: 63px;
	margin-right: 5px; /* provides space between buttons */
}

/* button classes for round buttons to provide hover effect. The "a" is set with a top position of -85px to offset the image containing both states of the button. The "a:hover" is set with a top position of 0 to create the hover affect when user hovers mouse over button */
li.btn_ask_joe a {
     background: url('/images/buttons/btn_ask_joe.gif') no-repeat;
     background-position: 0 -85px;	 
}

li.btn_ask_joe a:hover {
     background: url('/images/buttons/btn_ask_joe.gif') no-repeat;
     background-position: 0 0;
}
/* END button classes */