/* MAIN NAV
// ______________________________________________________ */

/* _____SHARED PROPERTIES_____ */
ul#main-nav 
{
	position: relative;
	width: 438px;
	
	/* Main-nav height is half that of the sprite, 
	thus hides the bottom half of the sprite. */
	height: 44px;
	
	/* list-style-type: none; gives us a 
	style free list. eg. no bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li#bu1 a, li#bu2 a, li#bu3 a, li#bu4 a
{
	background: transparent;
	position: absolute;
	
	/* Height for each button needs to be set. 
	This is despite that we already 
	gave the ul a height, both need it. */
	height: 44px;
	text-decoration: none;
}
li#bu1 a:hover, li#bu2 a:hover, li#bu3 a:hover, li#bu4 a:hover 
{ 
	/* x, y */
	/* move sprite up, to show over/on state */
	background-position: 0 -44px;
}
/* 
*/

/* _____INDIVIDUAL PROPERTIES_____ */
li#bu1 a {
	width: 110px;
	left: 0px; 
	background: url(/__img/btn_home_up-over-on.png) 0 0 no-repeat;
}
li#bu2 a {
	width: 109px;
	left: 110px; 
	background: url(/__img/btn_tour_up-over-on.png) 0 0 no-repeat;
}
li#bu3 a {
	width: 109px;
	left: 219px; 
	background: url(/__img/btn_help_up-over-on.png) 0 0 no-repeat;
}
li#bu4 a {
	width: 110px;
	left: 328px; 
	background: url(/__img/btn_contact_up-over-on.png) 0 0 no-repeat;
}

/* 
*/

/* _____ON STATES_____ */
/*#home ul#main-nav li#bu1 a
{
	background-position: 0 -88px;
}*/

#tour_breaking-it-down ul#main-nav li#bu2 a
{
	background-position: 0 -88px;
}
#tour_cue-points ul#main-nav li#bu2 a
{
	background-position: 0 -88px;
}
#tour_accuracy ul#main-nav li#bu2 a
{
	background-position: 0 -88px;
}
#tour_rate-and-tempo ul#main-nav li#bu2 a
{
	background-position: 0 -88px;
}
#tour_compatibility ul#main-nav li#bu2 a
{
	background-position: 0 -88px;
}

#help ul#main-nav li#bu3 a
{
	background-position: 0 -88px;
}

#contact ul#main-nav li#bu4 a
{
	background-position: 0 -88px;
}

/* ______________________________________________________ */
/* 
*/

/* BUY BUTTON
// ______________________________________________________ */

.cssnav {
	/*position: relative;*/
	font-family: arial, helvetica, sans-serif;
	background: url(/__img/btn_buy-now_over.png) no-repeat;
	white-space: nowrap;
	/*display: block;*/
	/*display:inline;*/
	height: 44px;
	margin: 0;
	padding: 0;
	overflow: visible;
	text-decoration:none;
}
.cssnav a {
	/*display: block;*/
	color: #ffffff;
	font-size: 15.25px;
	height: 44px;
	/*display: block;*/
	/*float: left;*/
	text-decoration:none;
}
.cssnav img {
	width: 80px;
	height: 44px;
	border: 0;
	vertical-align:middle;
}
* html a:hover {
	visibility:visible;
}
.cssnav a:hover img {
	visibility:hidden;

}
.cssnav span {
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	overflow: visible;
	/*vertical-align:middle;*/
	text-decoration:none;
	
	width: 50%;     
	margin: auto;

	border-bottom:1px solid #f1f9a2;
	
	/* horizontal distance, vertical distance, blur amount, color */
	text-shadow: 0px 0px 1px #888d00;

	
}

.center-me
{
width: 50%;     
/* top, right, bottom, left */
margin:-28px 10px -14px 25px;
/*vertical-align:middle;*/






}

/* ______________________________________________________ */
/* 
*/