/* This CSS sets the default styles for the main navigation. */

/* ---------- Main navigation ---------- */

#navigation {
	margin: 0 auto 0.5em;
	min-height: 2.2em;
	overflow: hidden;
	padding-right: 1em;
	width: 93%;
}

#navigation ul {
	float: left;
	margin: 0;
	min-height: 2em;
	width: auto;
}

.ie6 #navigation, .ie6 #navigation ul {
	height: 2em;
	overflow: visible;
}

#navigation li {
	background: transparent url(../images/navigation/bg.png) no-repeat 100% 100%;
	display: inline;
	float: left;
	margin-right: 0.5em;
	padding: 0 0.5em 0 0;
	position: relative;
}

#navigation li a {
	background: transparent url(../images/navigation/bg.png) no-repeat 0 100%;
	display: block;
	padding: 0 2em 0.5em 1.5em;
	text-decoration: none;
}

#navigation li a:hover {
	padding-bottom: 1em;
}

#navigation li a span {
	background: url(../images/navigation/bullet.png) no-repeat 0 50%;
	padding-left: 17px;
	text-decoration: none;
}

#navigation li.selected a {
	padding-top: 0.5em;
}

#navigation li.selected a span {
	background: url(../images/navigation/bullet_selected.png) no-repeat 0 50%;
	font-size: 1.3em;
	font-weight: bold;
}

#navigation li.selected a:hover {
	padding-bottom: 0.5em;
}

#navigation li a:hover span {
	background: url(../images/navigation/bullet_over.png) no-repeat 0 50%;
}

#navigation .child-menu {
	display: none;
}