/* @group main navigation */

div#navigation {
	max-width: 100%;

}

div#nav_wrapper {
	background: url(../img/nav_background.gif) repeat-x 0 center;
}

div#navigation {
	position: relative;
	padding: 0 1% 0 1%;
}

div#navigation li {
	float: left;
}

div#navigation li a {
	display: block;
	color: #666;
	text-decoration: none;
	padding: 0.8em;
}

div#navigation ul {
	background-color: #FFF;
	overflow: hidden;
}

div#navigation li a:hover {
	color: #333;
	background: #CCC url(../img/arrow_top.png) no-repeat center 0;
}

.current {
	color: #fff;
	background: #878380 url(../img/arrow_top_s.png) no-repeat center 0;
}

.current {
	color: #fff;
	background: #878380 url(../img/arrow_top_s.png) no-repeat center 0;
}

/* @end main navigation */