@charset "utf-8";
/* CSS Document */

#navigation {
	width: 1026px;
	height: 25px;
	background: url(../grfx/navigation_bg.png) top left no-repeat;
}

#navigation ul {
	font-size: 0.8em;
	width: 592px;
	height: 25px;
	margin: 0 0 0 434px;
}

#navigation li {
	float: left;
	list-style: none;
	font-weight: bold;
}

* html #navigation li {
	font-size: 2px;
}

#navigation li a {
	border: 0;
	height: 25px;
	display: block;
}

#navigation li a span {
	display: none;
}

#navigation li#home a {
	background: url(../grfx/nav.png) 0 0 no-repeat;
	width: 60px;
}

#navigation li#home a:hover, #navigation li#home a.active {
	background: url(../grfx/nav.png) 0 -25px no-repeat;
}

#navigation li#about a {
	background: url(../grfx/nav.png) -60px 0 no-repeat;
	width: 58px;
}

#navigation li#about a:hover, #navigation li#about a.active {
	background: url(../grfx/nav.png) -60px -25px no-repeat;
}

#navigation li#live a {
	background: url(../grfx/nav.png) -118px 0 no-repeat;
	width: 45px;
}

#navigation li#live a:hover, #navigation li#live a.active {
	background: url(../grfx/nav.png) -118px -25px no-repeat;
}

#navigation li#mixology a {
	background: url(../grfx/nav.png) -163px 0 no-repeat;
	width: 78px;
}

#navigation li#mixology a:hover, #navigation li#mixology a.active {
	background: url(../grfx/nav.png) -163px -25px no-repeat;
}

#navigation li#pictures a {
	background: url(../grfx/nav.png) -241px 0 no-repeat;
	width: 78px;
}

#navigation li#pictures a:hover, #navigation li#pictures a.active {
	background: url(../grfx/nav.png) -241px -25px no-repeat;
}

#navigation li#video a {
	background: url(../grfx/nav.png) -319px 0 no-repeat;
	width: 56px;
}

#navigation li#video a:hover, #navigation li#video a.active {
	background: url(../grfx/nav.png) -319px -25px no-repeat;
}

#navigation li#downloads a {
	background: url(../grfx/nav.png) -375px 0 no-repeat;
	width: 92px;
}

#navigation li#downloads a:hover, #navigation li#downloads a.active {
	background: url(../grfx/nav.png) -375px -25px no-repeat;
}

#navigation li#contact a {
	background: url(../grfx/nav.png) -467px 0 no-repeat;
	width: 69px;
}

#navigation li#contact a:hover, #navigation li#contact a.active {
	background: url(../grfx/nav.png) -467px -25px no-repeat;
}

#navigation li#links a {
	background: url(../grfx/nav.png) -536px 0 no-repeat;
	width: 56px;
}

#navigation li#links a:hover, #navigation li#links a.active {
	background: url(../grfx/nav.png) -536px -25px no-repeat;
}