/* navigation stuff */
body {
	behavior: url("/global/nav/csshover.htc"); /* WinIE behaviour call */ 
}

div#nav {
	position:relative;
	z-index:2;
	width:788px;
	height:35px;
	margin:0 29 0 29px;
	padding:0px;
	background-color:#5f6062;
	text-align:center;
}

/* +++ */
div#nav ul {
	position:absolute;
	top:2px;
	left:2px;
	width:782px;
	height:29px;
	margin:0px;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:1px solid #bababb;
}

#nav a{
	display:block;
	height:29px;
	border:0px solid black;
	text-decoration:none;
}

#home, #wines, #ordering, #resources, #about, #contact {
	float:left;
	position:relative;
	height:29px;
	text-align:left;
}

#home {
	width:93px;
	margin:0 0 0 43px;
}

#home a, #home a:visited {background:url("/img/btn-home.gif") top left no-repeat;}

#home a:hover {background:url("/img/btn-home.gif") top right no-repeat;}

#wines  {width:93px;}

#wines a, #wines a:visited {background:url("/img/btn-wines.gif") top left no-repeat;}

#wines a:hover {background:url("/img/btn-wines.gif") top right no-repeat;}

#ordering {width:124px;}

#ordering a, #ordering a:visited {background:url("/img/btn-ordering.gif") top left no-repeat;}

#ordering a:hover {background:url("/img/btn-ordering.gif") top right no-repeat;}

#about {width:119px;}

#about a, #about a:visited {background:url("/img/btn-about.gif") top left no-repeat;}

#about a:hover {background:url("/img/btn-about.gif") top right no-repeat;}

#resources {width:129px;}

#resources a, #resources a:visited {background:url("/img/btn-resources.gif") top left no-repeat;}

#resources a:hover {background:url("/img/btn-resources.gif") top right no-repeat;}

#contact {width:138px;}

#contact a, #contact a:visited {background:url("/img/btn-contact.gif") top left no-repeat;}

#contact a:hover {background:url("/img/btn-contact.gif") top right no-repeat;}


div#nav ul li#home ul li a,div#nav ul li#wines ul li a,div#nav ul li#ordering ul li a,div#nav ul li#about ul li a,div#nav ul li#resources ul li a,div#nav ul li#contact ul li a{ 
	background-image:none;
	} /* IE FIX to keep main name images from displaying on drop downs*/
	
/*+++
div#nav {	
	position:absolute;
	top:-84px;
	left:250px;
	border:0px solid #eddfbb;	
	float: left; 
	z-index:21; 
	width:480px;
	padding: 0 0 0 0px;
} 

div#nav ul {
	margin: 0;	
	padding: 0;	
	background: #f9f9f8; 
}

div#nav li {
	position: relative; 
	list-style: none; 
	margin: 0; 
	float:left; 
} 

div#nav li:hover {
	background: #15546f; 
}

div#nav li.submenu {
	width: auto;
	padding:9px 15px 9px 15px; changes main button height
}

div#nav li a {
	display: block; 
	padding: 0px;	
	font:12px arial, verdana, sans-serif;
	color:#FFFFFF; 
	text-decoration: none;
}
	
div#nav li a:hover {
	border-left-color:#222222;
}*/

div#nav ul li {
	z-index:22;
}

div#nav ul ul {
	position: absolute; 
	width:170px ; 
	display: none; 
	z-index: 23;	
	list-style:none;
	list-style-image:none;
}

div#nav ul ul li { 
	background-image:none;
	background-repeat:no-repeat;
	border-bottom: 1px solid #6f7072;
		border-left: 1px solid #6f7072;
		border-right: 1px solid #6f7072;
}

div#nav li.submenu li.submenu {
	width:170px;
	padding:0px;
}

div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 {
	display: block;
}

/*div#nav ul.level1 li.submenu:hover {
	background-image:url("/img/nav_bg_on.gif");
	background-repeat:repeat-x;
	background-color: #000; changes main btn hover bg color
}*/

div#nav ul.level2 li.submenu:hover {
	background-color: #9da273; /*changes dropdown hover bg color*/
	
}

div#nav li ul.level2 li:hover {
	background: #9da273; /*changes dropdown hover bg color*/
	
}

/*div#nav ul.level1 a:hover {
	color:#fff; change main btn text color on hover
}*/

div#nav ul.level2 {
	position:absolute;
	top: 29px; 
	left: 0px; 
	width:140px; 
 	 
	border: 0px solid #6f7072;
}

div#nav ul.level2 li {
	width:140px; 
		height:25px;
	background:#babbbb;
background:#5f6062;

}

div#nav ul.level2 a {
	color:#fff;
	font:11px arial, Verdana sans-serif;
	padding:5 0 0 5px; 
			height:25px;
	width: 130px !important;
	width:140px;
	background-image:none;
	/* border-left:5px solid #747474;*/ 
}

div#nav ul.level2 a:hover {
	border-left-color:#d7d7d7;
	background-image:none;
	color:#fff; /*change subnav text color on hover*/
}

div#nav ul.level3 {
	top: -1px; left: 180px; 
	border: 1px solid #d7d7d7;  
}

div#nav ul.level3 a {
	padding:5px;
	width: 170px;
}

