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

#navWrapper ul.menu {
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif, sans;
	font-size: 14px;
	min-height: 39px;
	line-height: 38px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: center;
	max-width: 990px;
	width: 100vw;
	z-index: 998;
}

#navWrapper div.acsMobileNav ul.menu {
	font-size: 13px;
}

	#navWrapper ul.menu li {
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		/* css3 */
		-webkit-transition: background 0.15s;
		-o-transition: background 0.15s;
		-ms-transition: background 0.15s;
		-moz-transition: background 0.15s;
		transition: background 0.15s;
		background: url("../images/nav.png") repeat scroll left top rgba(0, 0, 0, 0);
	}
	
	#navWrapper ul.menu li:before {
		content: '';
		content: none;
	}
	
	#navWrapper ul.menu li:hover,
	#navWrapper ul.menu li.hover {
		background: #6A5139;
	}
	
		#navWrapper ul.menu li a {
			color: #FFF;
			display: inline-block;
			font-weight: normal;
			padding: 0 17px 1px;
			text-decoration: none;
		}
		
		#navWrapper div.acsMobileNav ul.menu li a {
			padding: 0 7px 1px;
		}

			#navWrapper ul.menu li a:hover,
			#navWrapper ul.menu li.hover a {
				color: #FFF;
			}

			/* sub list */
			
			#navWrapper ul.menu li ul {
				background: #6A5139;
				border: 0;
				float: left;
				height: auto;
				left: 0px;
				line-height: auto;
				list-style: none;
				margin: 0;
				opacity: 0;
				padding: 0;
				position: absolute;
				text-align: left;
				text-transform: none;
				top: 40px;
				width: 200px;
				visibility: hidden;
				z-index: 999;
				/* css3 */
				-webkit-border-bottom-left-radius: 3px;
				-webkit-border-bottom-right-radius: 3px;
				-o-border-bottom-left-radius: 3px;
				-o-border-bottom-right-radius: 3px;
				-ms-border-bottom-left-radius: 3px;
				-ms-border-bottom-right-radius: 3px;
				-moz-border-radius-bottom-left: 3px;
				-moz-border-radius-bottom-right: 3px;
				border-bottom-left-radius: 3px;
				border-bottom-right-radius: 3px;
				-webkit-box-shadow: 0 2px 3px rgba(1,1,1,0.28);
				-moz-box-shadow: 0 2px 3px rgba(1,1,1,0.28);
				-ms-box-shadow: 0 2px 3px rgba(1,1,1,0.28);
				-o-box-shadow: 0 2px 3px rgba(1,1,1,0.28);
				box-shadow: 0 2px 3px rgba(1,1,1,0.28);
				-webkit-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
				-o-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
				-ms-transition: opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
				-moz-transition: opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
				transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
			}
			
				#navWrapper ul.menu li ul li {
					background: #6A5139;
				}
			/*Mobile browsers (at least WebKit based) cannot handle opacity with any other transistions. Changing to opcaity only transition.*/
			#navWrapper div.acsMobileNav ul.menu li ul {
				-webkit-transition: opacity 0.3s ease-out;
				-o-transition: opacity 0.3s ease-out;
				-ms-transition: opacity 0.2s 0.1s ease-out;
				-moz-transition: opacity 0.2s 0.1s ease-out;
				transition: opacity 0.3s ease-out;
			}

			#navWrapper ul.menu li:hover ul,
			#navWrapper ul.menu li.hover ul {
				opacity: 1;
				visibility: visible;
				z-index: 998;
			}

			#navWrapper ul.menu li:hover ul li ul,
			#navWrapper ul.menu li.hover ul li ul {
				opacity: 0;
			}

				#navWrapper ul.menu li ul li {
					border: none;
					border-bottom: 1px solid #CCC;
					clear: both;
					margin-top: -15px;
					padding: 0;
					position: relative;
					text-align: left;
					width: 200px;
					z-index: 999;
					/* css3 */
					-webkit-transition: background 0.15s, opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
					-o-transition: background 0.15s, opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
					-ms-transition: background 0.15s, opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
					-moz-transition: background 0.15s, opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
					transition: background 0.15s, opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
				}
				#navWrapper div.acsMobileNav ul.menu li ul li {
					/* css3 */
					-webkit-transition: opacity 0.1s 0.15s ease-out;
					-o-transition: opacity 0.1s 0.15s ease-out;
					-ms-transition: opacity 0.1s 0.15s ease-out;
					-moz-transition: opacity 0.1s 0.15s ease-out;
					transition: opacity 0.1s 0.15s ease-out;
				}

				#navWrapper ul.menu li.hover ul li,
				#navWrapper ul.menu li:hover ul li {
					margin-top: 0;
					opacity: 1;
				}
				
				#navWrapper ul.menu li ul li:last-child {	
					border: none;				
					/* css3 */
					-webkit-border-bottom-left-radius: 3px;
					-webkit-border-bottom-right-radius: 3px;
					-o-border-bottom-left-radius: 3px;
					-o-border-bottom-right-radius: 3px;
					-ms-border-bottom-left-radius: 3px;
					-ms-border-bottom-right-radius: 3px;
					-moz-border-radius-bottom-left: 3px;
					-moz-border-radius-bottom-right: 3px;
					border-bottom-left-radius: 3px;
					border-bottom-right-radius: 3px;
				}

					#navWrapper ul.menu li ul li a {
						color: #FFF;
						padding: 2px 17px;
						/* css3 */
						-webkit-transition: color 0.1s ease-out;
						-o-transition: color 0.1s ease-out;
						-ms-transition: color 0.1s ease-out;
						-moz-transition: color 0.1s ease-out;
						transition: color 0.1s ease-out;
					}
					
						#navWrapper ul.menu li ul li.hover,
						#navWrapper ul.menu li ul li:hover {
							background: #AF7419;
						}

						#navWrapper ul.menu li ul li.hover a,
						#navWrapper ul.menu li ul li a:hover {
							color: #FFF;
							/* css3 */
							-webkit-transition: color 0.3s ease-out;
							-o-transition: color 0.3s ease-out;
							-ms-transition: color 0.3s ease-out;
							-moz-transition: color 0.3s ease-out;
							transition: color 0.3s ease-out;
						}

						/* sub sub list */

						#navWrapper ul.menu li ul li ul {
							background: #222;
							border: 0;
							float: left;
							height: auto;
							left: 100px;
							line-height: auto;
							list-style: none;
							margin: 0;
							opacity: 0;
							padding: 0;
							position: absolute;
							text-align: left;
							text-transform: none;
							top: -999px;
							width: 250px;
							visibility: hidden;
							z-index: 998;
							/* css3 */
							-webkit-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
							-o-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
							-ms-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
							-moz-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
							transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
						}
						#navWrapper div.acsMobileNav ul.menu li ul li ul {
							-webkit-transition: opacity 0.2s 0.01s ease-in-out;
							-o-transition: opacity 0.2s 0.01s ease-in-out;
							-ms-transition: opacity 0.2s 0.01s ease-in-out;
							-moz-transition: opacity 0.2s 0.01s ease-in-out;
							transition: opacity 0.2s 0.01s ease-in-out;
						}

							#navWrapper ul.menu li ul li ul li {
								border: none;
								border-bottom: 1px solid #CCC;
								clear: both;
								margin: 0;
								opacity: 1;
								padding: 0;
								width: 250px;
							}
							
							#navWrapper ul.menu li ul li ul li:first-child {										
								border-top: 1px solid #CCC;
							}
							
							#navWrapper ul.menu li ul li ul li:last-child {										
								-webkit-border-radius: 0;
								-o-border-radius: 0;
								-ms-border-radius: 0;
								-moz-border-radius: 0;
								border-radius: 0;
							}

								#navWrapper ul.menu li ul li.hover>ul,
								#navWrapper ul.menu li ul li:hover>ul {
									border-left: 1px solid #CCC;
									border-right: 1px solid #CCC;
									left: 200px;
									opacity: 1;
									top: -1px;
									visibility: visible;
								}
								
								/* sub sub sub list */

								#navWrapper ul.menu li ul li ul li ul {
									background: #222;
									border: 0;
									float: left;
									height: auto;
									left: 100px;
									line-height: auto;
									list-style: none;
									margin: 0;
									opacity: 0;
									padding: 0;
									position: absolute;
									text-align: left;
									text-transform: none;
									top: -999px;
									width: 250px;
									visibility: hidden;
									z-index: 998;
									/* css3 */
									-webkit-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
									-o-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
									-ms-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
									-moz-transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
									transition: opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
								}
								#navWrapper div.acsMobileNav ul.menu li ul li ul li ul {
									-webkit-transition: opacity 0.2s 0.01s ease-in-out;
									-o-transition: opacity 0.2s 0.01s ease-in-out;
									-ms-transition: opacity 0.2s 0.01s ease-in-out;
									-moz-transition: opacity 0.2s 0.01s ease-in-out;
									transition: opacity 0.2s 0.01s ease-in-out;
								}
		
									#navWrapper ul.menu li ul li ul li ul li {
										border: none;
										border-bottom: 1px solid #CCC;
										clear: both;
										margin: 0;
										opacity: 1;
										padding: 0;
										width: 250px;
									}
									
									#navWrapper ul.menu li ul li ul li ul li:first-child {										
										border-top: 1px solid #CCC;
									}
									
									#navWrapper ul.menu li ul li ul li ul li:last-child {										
										-webkit-border-radius: 0;
										-o-border-radius: 0;
										-ms-border-radius: 0;
										-moz-border-radius: 0;
										border-radius: 0;
									}
		
										#navWrapper ul.menu li ul li ul li.hover ul,
										#navWrapper ul.menu li ul li ul li:hover ul {
											border-left: 1px solid #CCC;
											border-right: 1px solid #CCC;
											left: 250px;
											opacity: 1;
											top: -1px;
											visibility: visible;
										}