/*===================================
NAV STYLES */

#nav {
	z-index: 2;
	width: 748px;
	border: 1px dotted #777165;
	top: 40px;
	left: 0px;
	position: absolute;
	height: 39px;
	overflow:hidden;
	padding: 0 0 0 210px;
	background: url(/images/nav_backer.gif) top left repeat-x;
}
#nav ul {
	display: block;
	float:left;
	height: 20px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin: 0;
}

#nav ul li {
	display:inline;
	float:left;
	padding: 0;
}
#nav ul li a:link,
#nav ul li a:visited {
	display: block;
	padding: 50px 0;
}

#nav li.active a,
#nav li a:hover {
	background-position:0px -39px;
}

#nav a#navHome:link,
#nav a#navHome:visited {
	background-image: url(/images/nav_home.gif);
	width:50px;
}
#nav a#navArt:link,
#nav a#navArt:visited {
	background-image: url(/images/nav_art.gif);
	width:203px;
}
#nav a#navProducts:link,
#nav a#navProducts:visited {
	background-image: url(/images/nav_products.gif);
	width:85px;
}
#nav a#navAwards:link,
#nav a#navAwards:visited {
	background-image: url(/images/nav_awards.gif);
	width:101px;
}
#nav a#navWhere:link,
#nav a#navWhere:visited {
	background-image: url(/images/nav_where.gif);
	width:113px;
}
#nav a#navRecipes:link,
#nav a#navRecipes:visited {
	background-image: url(/images/nav_recipes.gif);
	width:65px;
}
#nav a#navContact:link,
#nav a#navContact:visited {
	background-image: url(/images/nav_contact.gif);
	width:95px;
}

/*===================================
SUBNAV STYLES */

#subNavBacker {
	z-index: 3;
	width: 488px;
	top: 80px;
	left: 0px;
	position: absolute;
	height: 25px;
	padding: 0 0 0 470px;
	background: url(/images/subNav_backer.png) top right no-repeat;
}

* html #subNavBacker {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/subNav_backer.png');
}

#subNav {
	z-index: 9;
	width: 488px;
	top: 80px;
	left: 0px;
	position: absolute;
	height: 25px;
	padding: 0 0 0 470px;
}


#subNav li {
	font: 11px Georgia, "Times New Roman", Times, serif;
	display: inline;
	padding: 4px 12px;
	float: left;
	color: #ab7c00;
	white-space: nowrap;
}
#subNav li a:link , #subNav li a:visited, #subNav li a:active {
	text-decoration: none;
	color: #ab7c00;
}
#subNav li.active a:link, #subNav li.active a:visited, #subNav li.active a:active {
	text-decoration: underline;
	color: #333;
}
#subNav li a:hover {
	text-decoration: underline;
}