/* main navigation positioning */
.nav   {
	 padding-top: 46px;
	 width: 222px;
	 margin-left: 110px;
}

/*** builds navigation menu STRUCTURALLY (inrcrement by ONE for each new nav item) ***/
a.one, a.two, a.three, a.four, a.five, a.six, a.seven, a.eight, a.nine   {
	display: block;
	height: 27px;
	width: 222px;
}

/*** builds navigation menu VISUALLY (inrcrement by ONE for each new nav item) ***/ 
a.one   {
	background: url(../images/nav/home.gif) 0 0 no-repeat;
}

a.two   {
	background: url(../images/nav/menu.gif) 0 0 no-repeat;
}

a.three   {
	background: url(../images/nav/chef.gif) 0 0 no-repeat;
}

a.four   {
	background: url(../images/nav/wine.gif) 0 0 no-repeat;
}

a.five   {
	background: url(../images/nav/priv.gif) 0 0 no-repeat;
}

a.six   {
	background: url(../images/nav/happ.gif) 0 0 no-repeat;
}

a.seven   {
	background: url(../images/nav/buzz.gif) 0 0 no-repeat;
}

a.eight   {
	background: url(../images/nav/cont.gif) 0 0 no-repeat;
}

a.nine {
	background: url(../images/nav/new_years.gif) 0 0 no-repeat;
}

/*** reveals :hover state (inrcrement by ONE for each new nav item) ***/
a.one:hover, a.two:hover, a.three:hover, a.four:hover, 
a.five:hover, a.six:hover, a.seven:hover, a.eight:hover , a.nine:hover  {
	background-position: 0 -27px;
}

/*** reveals :activated state ***/  /*** use #(id) in BODY tag of ACTIVE page ***/ 
#home a.one   {
	background-position: 0 -27px;
}

#menupage a.two   {
	background-position: 0 -27px;
}

#chefpage a.three   {
	background-position: 0 -27px;
}

#winebar a.four   {
	background-position: 0 -27px;
}

#private a.five   {
	background-position: 0 -27px;
}

#happenings a.six   {
	background-position: 0 -27px;
}

#buzz a.seven   {
	background-position: 0 -27px;
}

#contact a.eight   {
	background-position: 0 -27px;
}