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

.navigation {
	margin: 40px 0;
  font-family: Century Gothic;
  font-size: 15px;
  
  text-align: right
}
.navigation li {
	background-image: url(../image/navigationBg.png);
  background-repeat: repeat-y;
  background-position: right;
}
.navigation li a {
	display: block;
	padding: 5px 10px;
  
  color: #36451c;
  background-color: rgba(255,255,255,0.8);
}
.navigation li.title {
	padding: 10px 10px 10px 20px;
  margin-left: -10px;
  
	color: #36451C;
	text-align: left;

	background-image: none;
  background-color: rgba(177,226,92,0.9);	
	-moz-border-radius-topleft: 3px;
}
.navigation li:last-child a {
	-moz-border-radius-bottomleft: 3px;
}
.navigation li.beforeSpacer a {
	-moz-border-radius-bottomleft: 3px;
}
.navigation li.spacer + li a {
	-moz-border-radius-topleft: 3px;
}

.navigation li:hover a,
.navigation li.active a {
  padding-right: 15px;
	color: #627C33;
  
  background-color: rgba(255,255,255,0.8);
}
.navigation li.active a {
  margin-left: -10px;
  padding-right: 20px;
  
	color: #627C33;
  background-color: rgba(255,255,255,0.9);
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
}