/* TOUR NAV
// ______________________________________________________ */

/* _____SHARED PROPERTIES_____ */
.tour-nav 
{
	position: relative;
	width: 204px;
	
	/* Main-nav height is half that of the sprite, 
	thus hides the bottom half of the sprite. */
	/*height: 53px;*/
	
	/* list-style-type: none; gives us a 
	style free list. eg. no bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#bu-tour-1 a, #bu-tour-2 a, #bu-tour-3 a, #bu-tour-4 a, #bu-tour-5 a
{
	background: transparent;
	position:relative;
	
	/* Height for each button needs to be set. 
	This is despite that we already 
	gave the ul a height, both need it. */
	height: 53px;
	text-decoration: none;
	
				/* top, right, bottom, left */
	margin:			0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	display:block;
	
	background-color:#669966;
}
#bu-tour-1 a:hover, #bu-tour-2 a:hover, #bu-tour-3 a:hover, #bu-tour-4 a:hover, #bu-tour-5 a:hover 
{ 
	/* x, y */
	/* move sprite up, to show over/on state */
	background-position: -204px 0px;
	height:53px;
}

/* 
*/

/* _____INDIVIDUAL PROPERTIES_____ */
#bu-tour-1 a {
	width: 204px;
	left: 0px; 
	background: url(/__img/tour-nav_breaking-it-down.png) 0 0 no-repeat;
	height:53px;
}
#bu-tour-2 a {
	width: 204px;
	left: 0px; 
	background: url(/__img/tour-nav_cue-points.png) 0 0 no-repeat;
	height:53px;
}
#bu-tour-3 a {
	width: 204px;
	left: 0px; 
	background: url(/__img/tour-nav_accuracy.png) 0 0 no-repeat;
	height:53px;
}
#bu-tour-4 a {
	width: 204px;
	left: 0px; 
	background: url(/__img/tour-nav_rate-and-tempo.png) 0 0 no-repeat;
	height:53px;
}
#bu-tour-5 a {
	width: 204px;
	left: 0px; 
	background: url(/__img/tour-nav_compatibility.png) 0 0 no-repeat;
	height:53px;
}

/* 
*/

/* _____ON STATES_____ */
#tour_breaking-it-down div.tour-nav span#bu-tour-1 a
{
	background: url(/__img/tour-nav_breaking-it-down_on.png) 0 0 no-repeat;
	
	width: 217px;
	left: 0px; 
	height:53px;
	
}

#tour_cue-points div.tour-nav span#bu-tour-2 a
{
	background: url(/__img/tour-nav_cue-points_on.png) 0 0 no-repeat;
	
	width: 217px;
	left: 0px; 
	height:53px;
	
}

#tour_accuracy div.tour-nav span#bu-tour-3 a
{
	background: url(/__img/tour-nav_accuracy_on.png) 0 0 no-repeat;
	
	width: 217px;
	left: 0px; 
	height:53px;
	
}

#tour_rate-and-tempo div.tour-nav span#bu-tour-4 a
{
	background: url(/__img/tour-nav_rate-and-tempo_on.png) 0 0 no-repeat;
	
	width: 217px;
	left: 0px; 
	height:53px;
	
}

#tour_compatibility div.tour-nav span#bu-tour-5 a
{
	background: url(/__img/tour-nav_compatibility_on.png) 0 0 no-repeat;
	
	width: 217px;
	left: 0px; 
	height:53px;
	
}

/* ______________________________________________________ */
/* 
*/