/* QUICKNAV -------------------------------------- */
#quicknav {
  filter: alpha(opacity=0.97);
	-moz-opacity: 0.97;
	opacity: 0.97;
	font-family: Helvetica,Arial,sans-serif;
	overflow: hidden;
}

#quicknav .toggle {
  padding: 20px;
  background: #444;
  font-weight: bold;
  color: #FFF;
  font-size: 1.8em;
  border-bottom-left-radius: 30px;
	-moz-border-radius-bottomleft: 30px;
	-webkit-border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;
}

#quicknav .toggle:hover {
  cursor: pointer;
}

#quicknav:hover .toggle {
  background-color: #93a41d;
}

#quicknav .menu {
  padding: 40px;
  background: #FFF;
  border: 10px solid #444;
  
  border-bottom-left-radius: 30px;
	-moz-border-radius-bottomleft: 30px;
	-webkit-border-bottom-left-radius: 30px;
}

#quicknav .menu ul {
  float: left;
  margin-left: 40px;
  padding-left: 40px;
  border-left: 1px solid #DDD;
}

#quicknav .menu ul:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: 0 none;
}

#quicknav .menu span,
#quicknav .menu a {
  display: block;
  line-height: 1.3em;
}

#quicknav .menu ul h2 {
  font-weight: bold;
  font-size: 2.5em;
  letter-spacing: -2px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 3px dashed #ddd;
  padding-top: 40px;
}

#quicknav .menu ul h2:first-child {
  padding-top: 0;
}

#quicknav .menu span {
  font-weight: bold;
  font-size: 1.3em;
}

#quicknav .menu a:hover,
#quicknav .menu a:hover span {
  text-decoration: none;
}

/* --- */
#quicknav .menu h2,
#quicknav .menu span {
  color: #888;
}
#quicknav .menu a {
  color: #aaa;
  padding: 10px;
}
#quicknav .menu a:hover {
  color: #FFF !important;
  background: #93a41d;
}
#quicknav .menu a:hover span {
  color: #FFF !important;
}

#quicknav .menu ul:first-child h2,
#quicknav .menu ul:first-child span {
  color: #93a41d;
}
#quicknav .menu ul:first-child a {
  color: #555;
}
/* --- */
