/* id for button container */
#buttons
{
	margin: 0;
	position: relative; /* enables button to be positioned relative to the text */
}

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

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

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

/* 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_orientation a {
     background: url('/images/buttons/btn_orientation.gif') no-repeat;
     background-position: 0 -85px;	 
}

li.btn_orientation a:hover {
     background: url('/images/buttons/btn_orientation.gif') no-repeat;
     background-position: 0 0;
}