/*
	-- -- -- -- -- -- -- -- -- --
	css sprite navigation (ALA)
	designed for SOKO by Rule13
	-- -- -- -- -- -- -- -- -- --	
*/

/* MAIN NAV SETUP */																	
.soko-nav {
	width: 500px;
	height: 22px;
	background: url(../img/nav/bg-nav-buy.gif) no-repeat;
	position: relative;
	left: 325px;
	top:128px;
}
.nav li {
	display: inline;
}
.nav a:link, .nav a:visited {
	position: absolute;
	top: 0;
	height: 22px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	border: none;
}

/* INFO */
	.nav .info a:link, .nav .info a:visited {
		left: 0px;
		width: 40px;
	}
	.nav .info a:hover, .nav .info a:focus {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat 0 -22px;
	}
	.nav .info a:active,
	#info .nav .info {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat 0 -44px;
	}	
	
	.nav-info, .nav-info-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 40px;
		height: 22px;
		background: url(../img/nav/bg-nav-buy.gif) no-repeat 0 -22px;
	}
	.nav-info-click {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat 0 -44px;
	}
	.current-info .info a:link, .current-info .info a:visited {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat 0 -44px;
		cursor: default;
	}

/* LISTEN */
	.nav .listen a:link, .nav .listen a:visited {
		left: 51px;
		width: 53px;
	}
	.nav .listen a:hover, .nav .listen a:focus {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -51px -22px;
	}
	.nav .listen a:active {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -51px -44px;
	}	
	.nav-listen, .nav-listen-click {
		position: absolute;
		top: 0;
		left: 51px;
		width: 53px;
		height: 22px;
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -51px -22px;
	}
	.nav-listen-click {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -51px -44px;
	}
	.current-listen .listen a:link, .current-listen .listen a:visited {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -51px -44px;
		cursor: default;
	}
	
/* VIEW */
	.nav .view a:link, .nav .view a:visited {
		left: 115px;
		width: 46px;
	}
	.nav .view a:hover, .nav .view a:focus {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -115px -22px;
	}
	.nav .view a:active {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -115px -44px;
	}	
	.nav-view, .nav-view-click {
		position: absolute;
		top: 0;
		left: 115px;
		width: 46px;
		height: 22px;
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -115px -22px;
	}
	.nav-view-click {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -115px -44px;
	}
	.current-view .view a:link, .current-view .view a:visited {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -115px -44px;
		cursor: default;
	}

/* RELEASES */
	.nav .releases a:link, .nav .releases a:visited {
		left: 172px;
		width: 74px;
	}
	.nav .releases a:hover, .nav .releases a:focus {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -172px -22px;
	}
	.nav .releases a:active {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -172px -44px;
	}	
	.nav-releases, .nav-releases-click {
		position: absolute;
		top: 0;
		left: 172px;
		width: 74px;
		height: 22px;
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -172px -22px;
	}
	.nav-releases-click {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -172px -44px;
	}
	.current-releases .releases a:link, .current-releases .releases a:visited {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -172px -44px;
		cursor: default;
	}

/* APPEARANCES */	
	.nav .appearances a:link, .nav .appearances a:visited {
		left: 257px;
		width: 113px;
	}
	.nav .appearances a:hover, .nav .appearances a:focus {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -257px -22px;
	}
	.nav .appearances a:active {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -257px -44px;
	}	
	.nav-appearances, .nav-appearances-click {
		position: absolute;
		top: 0;
		left: 257px;
		width: 113px;
		height: 22px;
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -257px -22px;
	}
	.nav-appearances-click {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -257px -44px;
	}
	.current-appearances .appearances a:link, .current-appearances .appearances a:visited {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -257px -44px;
		cursor: default;
	}

/* CONTACT */	
	.nav .contact a:link, .nav .contact a:visited {
		left: 381px;
		width: 68px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -381px -22px;
	}
	.nav .contact a:active {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -381px -44px;
	}	
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 381px;
		width: 68px;
		height: 22px;
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -381px -22px;
	}
	.nav-contact-click {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -381px -44px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -381px -44px;
		cursor: default;
	}

/* BUY */	
	.nav .buy a:link, .nav .buy a:visited {
		left: 460px;
		width: 36px;
	}
	.nav .buy a:hover, .nav .buy a:focus {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -460px -22px;
	}
	.nav .buy a:active {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -460px -44px;
	}	
	.nav-buy, .nav-buy-click {
		position: absolute;
		top: 0;
		left: 460px;
		width: 36px;
		height: 22px;
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -460px -22px;
	}
	.nav-buy-click {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -460px -44px;
	}
	.current-buy .buy a:link, .current-buy .buy a:visited {
		background: url(../img/nav/bg-nav-buy.gif) no-repeat -460px -44px;
		cursor: default;
	}