/*
Style for main navigation
*/

/*
Positions navigation on the page,
all items are placed relative to this element
*/
#mainnavi_container {
	width: 100%;
	height: 250px;
/* Position, relative to #TITLE_CONTAINER */
	position: absolute;
	left: 0;
	bottom: 0;
}

/*
Navi-images, with mouseover changing
*/
/*
Globally set these values for a button
*/
.navi {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
}
.navi a {
	display: block;
}
.navi img {
	border: 0;
}
.navi a:hover img {
	visibility: hidden;
}
.navi span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
* html a:hover {
	visibility: visible;
}
/*
Spacers between navilinks
*/
.spacer1 {
	position: absolute;
	right: -21px;
	top: -5px;
	width: 21px;
	height: 27px;
	background-image: url(images/navi/navi_spacer.gif);
	background-repeat: no-repeat;
}
.spacer2 {
	position: absolute;
	right: -25px;
	top: -10px;
	width: 25px;
	height: 28px;
	background-image: url(images/navi/navi_spacer2.gif);
	background-repeat: no-repeat;
}
.spacer3 {
	position: absolute;
	right: -25px;
	top: -12px;
	width: 25px;
	height: 30px;
	background-image: url(images/navi/navi_spacer3.gif);
	background-repeat: no-repeat;
}

/* NAVIBUTTON 1 */
.button1 {
/* Position the button, relative to #MAINNAVI_CONTAINER */
	left: 13px;
	bottom: 10px;
/* Background, this is the mouseover image */
	background-image: url(images/navi/over/navi1.gif);
}
.button1,
.button1 img {
/* Size, should  be the image size */
	width: 56px;
	height: 16px;
}

/* NAVIBUTTON 2 */
.button2 {
/* Position the button, relative to #MAINNAVI_CONTAINER */
	left: 93px;
	bottom: 13px;
/* Background, this is the mouseover image */
	background-image: url(images/navi/over/navi2.gif);
}
.button2,
.button2 img {
/* Size, should  be the image size */
	width: 97px;
	height: 22px;
}

/* NAVIBUTTON 3 */
.button3 {
/* Position the button, relative to #MAINNAVI_CONTAINER */
	left: 214px;
	bottom: 24px;
/* Background, this is the mouseover image */
	background-image: url(images/navi/over/navi3.gif);
}
.button3,
.button3 img {
/* Size, should  be the image size */
	width: 104px;
	height: 28px;
}

/* NAVIBUTTON 4 */
.button4 {
/* Position the button, relative to #MAINNAVI_CONTAINER */
	left: 343px;
	bottom: 43px;
/* Background, this is the mouseover image */
	background-image: url(images/navi/over/navi4.gif);
}
.button4,
.button4 img {
/* Size, should  be the image size */
	width: 99px;
	height: 35px;
}

/* NAVIBUTTON 5 */
.button5 {
/* Position the button, relative to #MAINNAVI_CONTAINER */
	left: 465px;
	bottom: 70px;
/* Background, this is the mouseover image */
	background-image: url(images/navi/over/navi5.gif);
}
.button5,
.button5 img {
/* Size, should  be the image size */
	width: 64px;
	height: 30px;
}

/* NAVIBUTTON 6 */
.button6 {
/* Position the button, relative to #MAINNAVI_CONTAINER */
	left: 555px;
	bottom: 96px;
/* Background, this is the mouseover image */
	background-image: url(images/navi/over/navi6.gif);
}
.button6,
.button6 img {
/* Size, should  be the image size */
	width: 74px;
	height: 35px;
}