/* WILD Nav Stylesheet 
   Created by Matt Radel 12.14.07 */
   
/* Top Nav Styles */

/* Home Top Nav */

#navWrapper {
	background: url(img/nav_bkg_lg.png);
	width: 990px;
	height: 61px;
	position: absolute;
	z-index: 5;
	top: 259px;
}

	#navWrapper ul {
		list-style: none;
		padding: 12px 0 0 6px;
		margin: 0;
	}
	
		#navWrapper ul span {
			display: none
		}
		
		#navWrapper ul li {
			float: left;
			position: relative;
		}
		
		#navWrapper a {
			display: block;
			position: relative;
		}
		
		#navWrapper ul li a:hover {
			background-color: transparent
		}
		
		#navWrapper ul li:hover ul { /* Displays dropdows */
			display: block;
		}
		
/* Interior Top Nav */



#navWrapperInner {
	background: url(img/nav_bkg_lg.png);
	width: 990px;
	height: 61px;
	position: absolute;
	z-index: 5;
	top: 150px;
}



	#navWrapperInner ul {
		list-style: none;
		padding: 12px 0 0 6px;
		margin: 0;
	}
	
		#navWrapperInner ul span {
			display: none
		}
		
		#navWrapperInner ul li {
			float: left;
			position: relative;
		}
		
		#navWrapperInner a {
			display: block;
			position: relative;
		}
		
		#navWrapperInner ul li a:hover {
			background-color: transparent
		}
		
		#navWrapperInner ul li:hover ul { /* Displays dropdows */
			display: block;
		}
		
		/* Top Nav Buttons */	
	
		#company {
			background: url(img/nav/company.png) no-repeat;
			width: 99px;
			height: 37px;
		}
		
		#company:hover {
			background: url(img/nav/company.png) no-repeat 0 -74px;
		}
		
		#company.on {
			background: url(img/nav/company.png) no-repeat 0 -37px;
		}
		
		#company.on:hover {
			background: url(img/nav/company.png) no-repeat 0 -74px;
		}
		
		#company a {
			width: 99px;
			height: 37px;
		}
		
		#flavors {
			background: url(img/nav/flavors.png) no-repeat;
			width: 84px;
			height: 37px;
		}
		
		#flavors:hover {
			background: url(img/nav/flavors.png) no-repeat 0 -74px;
		}
		
		#flavors.on {
			background: url(img/nav/flavors.png) no-repeat 0 -37px;
		}
		
		#flavors.on:hover {
			background: url(img/nav/flavors.png) no-repeat 0 -74px;
		}
		
		#flavors a {
			width: 84px;
			height: 37px;
		}
		
		#food {
			background: url(img/nav/food.png) no-repeat;
			width: 66px;
			height: 37px;
		}
		
		#food:hover {
			background: url(img/nav/food.png) no-repeat 0 -74px;
		}
		
		#food.on {
			background: url(img/nav/food.png) no-repeat 0 -37px;
		}
		
		#food.on:hover {
			background: url(img/nav/food.png) no-repeat 0 -74px;
		}
		
		#food a {
			width: 66px;
			height: 37px;
		}
		
		#beverage {
			background: url(img/nav/beverage.png) no-repeat;
			width: 102px;
			height: 37px;
		}
		
		#beverage:hover {
			background: url(img/nav/beverage.png) no-repeat 0 -74px;
		}
		
		#beverage.on {
			background: url(img/nav/beverage.png) no-repeat 0 -37px;
		}
		
		#beverage.on:hover {
			background: url(img/nav/beverage.png) no-repeat 0 -74px;
		}
		
		#beverage a {
			width: 102px;
			height: 37px;
		}
		
		#health {
			background: url(img/nav/health.png) no-repeat;
			width: 79px;
			height: 37px;
		}
		
		#health:hover {
			background: url(img/nav/health.png) no-repeat 0 -74px;
		}
		
		#health.on {
			background: url(img/nav/health.png) no-repeat 0 -37px;
		}
		
		#health.on:hover {
			background: url(img/nav/health.png) no-repeat 0 -74px;
		}
		
		#health a {
			width: 79px;
			height: 37px;
		}
		
		#colors {
			background: url(img/nav/colors.png) no-repeat;
			width: 75px;
			height: 37px;
		}
		
		#colors:hover {
			background: url(img/nav/colors.png) no-repeat 0 -74px;
		}
		
		#colors.on {
			background: url(img/nav/colors.png) no-repeat 0 -37px;
		}
		
		#colors.on:hover {
			background: url(img/nav/colors.png) no-repeat 0 -74px;
		}
		
		#colors a {
			width: 75px;
			height: 37px;
		}
		
		#innovations {
			background: url(img/nav/innovations.png) no-repeat;
			width: 118px;
			height: 37px;
		}
		
		#innovations:hover {
			background: url(img/nav/innovations.png) no-repeat 0 -74px;
		}
		
		#innovations.on {
			background: url(img/nav/innovations.png) no-repeat 0 -37px;
		}
		
		#innovations.on:hover {
			background: url(img/nav/innovations.png) no-repeat 0 -74px;
		}
		
		#innovations a {
			width: 118px;
			height: 37px;
		}
		
		#wisdom {
			background: url(img/nav/wisdom.png) no-repeat;
			width: 131px;
			height: 37px;
		}
		
		#wisdom:hover {
			background: url(img/nav/wisdom.png) no-repeat 0 -74px;
		}
		
		#wisdom.on {
			background: url(img/nav/wisdom.png) no-repeat 0 -37px;
		}
		
		#wisdom.on:hover {
			background: url(img/nav/wisdom.png) no-repeat 0 -74px;
		}
		
		#wisdom a {
			width: 131px;
			height: 37px;
		}
		
		#contact {
			background: url(img/nav/contact.png) no-repeat;
			width: 108px;
			height: 37px;
		}
		
		#contact:hover {
			background: url(img/nav/contact.png) no-repeat 0 -74px;
		}
		
		#contact.on {
			background: url(img/nav/contact.png) no-repeat 0 -37px;
		}
		
		#contact.on:hover {
			background: url(img/nav/contact.png) no-repeat 0 -74px;
		}
		
		#contact a {
			width: 108px;
			height: 37px;
		}
		
		#process_package {
			background: url(img/nav/packaging.png) no-repeat;
			width: 102px;
			height: 37px;
		}
		
		#process_package:hover {
			background: url(img/nav/packaging.png) no-repeat 0 -74px;
		}
		
		#process_package.on {
			background: url(img/nav/packaging.png) no-repeat 0 -37px;
		}
		
		#process_package.on:hover {
			background: url(img/nav/packaging.png) no-repeat 0 -74px;
		}
		
		#process_package a {
			width: 102px;
			height: 37px;
		}
		
		
		#newsMediaPage {
			background: url(img/nav/newsMedia.png) no-repeat;
			width: 122px;
			height: 37px;
		}
		
		#newsMediaPage:hover {
			background: url(img/nav/newsMedia.png) no-repeat 0 -74px;
		}
		
		#newsMediaPage.on {
			background: url(img/nav/newsMedia.png) no-repeat 0 -37px;
		}
		
		#newsMediaPage.on:hover {
			background: url(img/nav/newsMedia.png) no-repeat 0 -74px;
		}
		
		#newsMediaPage a {
			width: 122px;
			height: 37px;
		}
		
			/* Top Nav Dropdowns */
			
			/* Home Dropdowns */
			
			#navWrapper ul ul {
				width: 233px;
				display: none;
				position: absolute;
				top: 37px;
				left: 4px;
				z-index: 10;
				padding: 0 0 14px 0;
				background: url(img/nav/dropdown_foot.png) no-repeat bottom center;
			}
			
			#navWrapper ul li#contact ul {
				left: -130px;
			}
			
			#navWrapper ul li#newsMediaPage ul {
				left: -130px;
			}
			
			#navWrapper ul ul li {
				width: 233px;
				background: url(img/nav/dropdown_bkg.png) repeat-y;
			}
			
				#navWrapper ul ul li a {
					position: relative;
					left: 4px;
					padding: 6px 8px 6px 10px;
					width: 225px;
					height: auto !important;
					font-weight: bold;
					color: #006F0C;
					text-decoration: none;
					border-bottom: 1px solid #D6A481;
					voice-family: "\"}\""; 
  					voice-family:inherit;
  					width: 207px;
				}
				
				#navWrapper ul ul li a:hover {
					color: #fff;
					background: url(img/nav/hover_bkg.jpg) repeat-x #00730D;
					border-bottom: 1px solid #00730D;	
				}
				
			/* Interior Dropdowns */
			
			#navWrapperInner ul ul {
				width: 233px;
				display: none;
				position: absolute;
				top: 37px;
				left: 4px;
				z-index: 10;
				padding: 0 0 14px 0;
				background: url(img/nav/dropdown_foot.png) no-repeat bottom center;
			}
			
			#navWrapperInner ul li#contact ul {
				left: -130px;
			}
			
			#navWrapperInner ul li#newsMediaPage ul {
				left: -130px;
			}
			
			#navWrapperInner ul ul li {
				width: 233px;
				background: url(img/nav/dropdown_bkg.png) repeat-y;
			}
			
				#navWrapperInner ul ul li a {
					position: relative;
					left: 4px;
					padding: 6px 8px 6px 10px;
					width: 225px;
					height: auto !important;
					font-weight: bold;
					color: #006F0C;
					text-decoration: none;
					border-bottom: 1px solid #D6A481;
					voice-family: "\"}\""; 
  					voice-family:inherit;
  					width: 207px;
				}
				
				#navWrapperInner ul ul li a:hover {
					color: #fff;
					background: url(img/nav/hover_bkg.jpg) repeat-x #00730D !important;
					border-bottom: 1px solid #00730D;	
				}
			
/* Subnav */

#subnav {
	float: left;
	width: 217px;
	position: relative;
	left: 5px;
	margin-bottom: 20px;
}

#subnavCap {
	background: url(img/nav/subnav_cap.png) no-repeat;
	width: 217px;
	height: 26px;
}	

#subnavBody {
	background: url(img/nav/subnav_bkg.png) repeat-y;
	width: 217px;
}

#subnavFoot {
	background: url(img/nav/subnav_foot.png) no-repeat;
	width: 217px;
	height: 52px;
}

	/* Level One */

	#subnav ul {
		position: relative;
		left: 12px;
		margin: 0;
		padding: 0;
		width: 192px;
	}
	
	#subnav ul li {
		list-style: none;
	}	
	
		#subnav ul li a {
			display: block;
			font-size: 13px;
			font-weight: bold;
			text-decoration: none;
			padding: 5px 10px;
			border-bottom: 1px solid #ccc;
		}
		
		#subnav ul li a:visited {
			color: #00720D;
		}
		
		#subnav ul li a:hover {
			background: url(img/subnav_lvl_1_hover.jpg) repeat-x #DADADA;
			border-bottom: 1px solid #ccc;
		}
		
		#subnav ul li a.on {
			background: url(img/nav/subnav_lvl_1_on_bkg.jpg) repeat-x #FB4A02;
			color: #fff;
			border-bottom: 1px solid #FB4A02;
		}
		
		/* Level Two */
		
			#subnav ul ul {
			position: relative;
			left: 0;
			}
			
			#subnav ul ul li {
				list-style: none;
			}	
			
				#subnav ul ul li a {
					display: block;
					font-size: 12px;
					color: #000;
					font-weight: normal;
					text-decoration: none;
					padding: 4px 10px;
					background-color: #FFEB99;
					border-bottom: 1px solid #FFCC00;
				}
				
				#subnav ul ul li a:hover {
					background-image: none !important;
					background-color: #fff;
					color: #000;
					border-bottom: 1px solid #FFCC00;
				}
				
				#subnav ul ul li a:visited {
					color: #000;
				}
				
				#subnav ul ul li a.on {
					background: url(img/nav/subnav_lvl_2_on_bkg.jpg) repeat-x #FFEFB8;
					color: #000;
					font-style: italic;
					border-bottom: 1px solid #FFCC00;
				}
				
				#subnav ul ul li a.on:hover {
					background-color: #fff;
				}
				
				/* Level Three */
		
					#subnav ul ul ul {
						position: relative;
						left: 0;
					}
					
					#subnav ul ul ul li {
						list-style: none;
					}	
					
						#subnav ul ul ul li a {
							display: block;
							font-size: 12px;
							color: #000;
							font-weight: normal;
							text-decoration: none;
							padding: 4px 10px 4px 20px;
							background-color: #FFDB4C;
							border-bottom: 1px solid #FFC105;
						}
						
						#subnav ul ul ul li a:visited {
							color: #000;
						}
						
						#subnav ul ul ul li a:hover {
							background-image: none !important;
							background-color: #fff;
							color: #000;
							border-bottom: 1px solid #FFC105;
						}
						
						#subnav ul ul ul li a.on {
							background: url(img/nav/subnav_lvl_3_on_bkg.jpg) repeat-x #FFEEB4;
							color: #000;
							font-style: italic;
							border-bottom: 1px solid #FFC105;
						}
						
						#subnav ul ul ul li a.on:hover {
							background-color: #fff;
						}