@charset "utf-8";

div.navigation
{
	position: absolute;
	left: 50%;
	top: 320px;
	margin-left: -285px;
	width: 570px;
	height: 34px;
	font-weight: bold;
	background: url(navigation.png) no-repeat;
}

div.navigation div.left,
div.navigation div.right
{
	position: absolute;
	top: 0px;
	width: 225px;
	height: 34px;
}

div.navigation span.slow,
div.navigation span.medium,
div.navigation span.fast
{
	display: block;
	float: left;
	width: 75px;
	height: 0px;
	padding-top: 34px;
	overflow: hidden;
}

div.navigation span.slow:hover,
div.navigation span.medium:hover,
div.navigation span.fast:hover
{
	background: url(navigation.png) no-repeat;
}

/*
**

NAVIGATION LEFT

**
*/

div.navigation div.left
{
	left: 0px;
}

div.navigation div.left span.slow:hover
{
	cursor: url(/images/cursor-left-slow.png) 16 16, e-resize;
	background-position: -150px -34px;
}

div.navigation div.left span.medium:hover
{
	cursor: url(/images/cursor-left-medium.png) 16 16, e-resize;
	background-position: -75px -34px;
}

div.navigation div.left span.fast:hover
{
	cursor: url(/images/cursor-left-fast.png) 16 16, e-resize;
	background-position: 0px -34px;
}

/*
**

NAVIGATION RIGHT

**
*/


div.navigation div.right
{
	left: 100%;
	margin-left: -225px;
}

div.navigation div.right span.slow:hover
{
	cursor: url(/images/cursor-right-slow.png) 16 16, e-resize;
	background-position: -345px -34px;
}

div.navigation div.right span.medium:hover
{
	cursor: url(/images/cursor-right-medium.png) 16 16, e-resize;
	background-position: -420px -34px;
}

div.navigation div.right span.fast:hover
{
	cursor: url(/images/cursor-right-fast.png) 16 16, e-resize;
	background-position: -495px -34px;
}








/*
**

CYCLER

**
*/

div.navigation div.cycler
{
	position: absolute;
	width: 120px;
	height: 34px;
	left: 50%;
	margin-left: -60px;
}

div.navigation span.decrease,
div.navigation span.increase
{
	display: block;
	position: absolute;
	top: 0;
	width: 34px;
	height: 0;
	padding-top: 34px;
	overflow: hidden;
	cursor: pointer;
}

div.navigation span.decrease:hover,
div.navigation span.increase:hover
{
	background: url(navigation.png) no-repeat;
}

div.navigation span.decrease
{
	left: 0;
	background: black url(navigation.png) -225px 0px; /* ie fix, otherwise the element is not active */
}

div.navigation span.decrease:hover
{
	background-position: -225px -34px;
}

div.navigation span.increase
{
	left: 100%;
	margin-left: -34px;
	background: black url(navigation.png) -311px 0px; /* ie fix, otherwise the element is not active */
}

div.navigation span.increase:hover
{
	background-position: -311px -34px;
}

div.navigation div.pager
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	letter-spacing: -1px;
	padding-top: 6px;
}