@charset "utf-8";

/* Menu */
#menu {
	font-family: "Lucida Grande", Lucida, Arial, sans-serif;
	font-size: 12px;
	-webkit-border-radius: 5px;
	-mo-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background-image: url("../_images/menu-bg.XXX");
	width: 620px;
	height: 45px;
	margin: 0px;
	padding: 0;
	display: block;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu a {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

	/* Top buttons */
	#menu > ul > li {
		float: left;
		margin: 7px 5px 6px 0;
		position: relative;
	}
	#menu > ul > li > a {
		line-height: 32px;
		color: #ffffff;
		-webkit-border-radius: 4px;
		-mo-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		padding: 7px 10px;
		-webkit-transition: background-color 0.1s;
		-moz-transition: background-color 0.1s;
		-ms-transition: background-color 0.1s;
		-o-transition: background-color 0.1s;
		transition: background-color 0.1s;
	}
	#menu > ul > li:hover > a {
		color: #900;
		background-color: #ffffff;
		-webkit-transition: background-color 0.1s, color 0.1s;
		-moz-transition: background-color 0.1s, color 0.1s;
		-ms-transition: background-color 0.1s, color 0.1s;
		-o-transition: background-color 0.1s, color 0.1s;
		transition: background-color 0.1s, color 0.1s;
	}
	
	.active {
		color: #900 !important;
		background-color: #ffffff;
		-webkit-transition: background-color 0.1s, color 0.1s;
		-moz-transition: background-color 0.1s, color 0.1s;
		-ms-transition: background-color 0.1s, color 0.1s;
		-o-transition: background-color 0.1s, color 0.1s;
		transition: background-color 0.1s, color 0.1s;
	}
	
	#menu .menu-drop > a {
		-webkit-border-radius: 4px 4px 0 0;
		-mo-border-radius: 4px 4px 0 0;
		-ms-border-radius: 4px 4px 0 0;
		-o-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
		padding-right: 10px;
	}
	#menu .menu-label {
		background: url("../_images/drop1.png") no-repeat right;
		-webkit-transition: background 0.1s;
		-moz-transition: background 0.1s;
		-ms-transition: background 0.1s;
		-o-transition: background 0.1s;
		transition: background 0.1s;
		padding-right: 15px;
	}
	#menu .menu-drop:hover .menu-label {
		background: url("../_images/drop2.png") no-repeat right;
		-webkit-transition: background 0.1s;
		-moz-transition: background 0.1s;
		-ms-transition: background 0.1s;
		-o-transition: background 0.1s;
		transition: background 0.1s;
	}
	#menu .menu-right {
		float: right;
	}
	
		/* Home button */
		#menu #menu-home {
			padding: 7px 18px;
			background-image: url("../_images/home1.png");
			background-repeat: no-repeat;
			background-position: center;
			-webkit-transition: background-image 0.1s;
			-moz-transition: background-image 0.1s;
			-ms-transition: background-image 0.1s;
			-o-transition: background-image 0.1s;
			transition: background-image 0.1s;
		}
		#menu li:hover #menu-home {
			background-image: url("../_images/home2.png");
			-webkit-transition: background-image 0.1s;
			-moz-transition: background-image 0.1s;
			-ms-transition: background-image 0.1s;
			-o-transition: background-image 0.1s;
			transition: background-image 0.1s;
		}
	
	/* Dropdown */
	#menu ul ul {
		background-color: #ffffff;
		-webkit-border-radius-: 0 0 4px 4px;
		-mo-border-radius: 0 0 4px 4px;
		-ms-border-radius: 0 0 4px 4px;
		-o-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		padding: 4px 0;
		position: absolute;
		top: 32px;
		left: -5000px;
		min-width: 100%;
		z-index: 100;
		opacity: 0;
	}
	#menu .menu-right:hover ul {
		left: auto;
		right: 0;
	}
	#menu li:hover ul {
		left: 0;
		opacity: 1;
		-webkit-transition: opacity 0.1s;
		-moz-transition: opacity 0.1s;
		-ms-transition: opacity 0.1s;
		-o-transition: opacity 0.1s;
		transition: opacity 0.1s;
	}
	
		/* Dropdown buttons */
		#menu ul ul li {
			white-space: nowrap;
		}
		#menu ul ul a {
			font-size: 12px;
			color: #9004;
			padding: 6px 15px;
			display: block;
			-webkit-transition: background-color 0.1s, color 0.1s;
			-moz-transition: background-color 0.1s, color 0.1s;
			-ms-transition: background-color 0.1s, color 0.1s;
			-o-transition: background-color 0.1s, color 0.1s;
			transition: background-color 0.1s, color 0.1s;
		}
		#menu ul ul a:hover {
			color: #ffffff;
			background-color: #900;
			-webkit-transition: background-color 0.1s, color 0.1s;
			-moz-transition: background-color 0.1s, color 0.1s;
			-ms-transition: background-color 0.1s, color 0.1s;
			-o-transition: background-color 0.1s, color 0.1s;
			transition: background-color 0.1s, color 0.1s;
		}
