/* Nav */

ul#nav	{	background:url(../../images/nav/navbar.jpg)	}
ul#nav li	{float:left; display:block; list-style-type:none;	}
ul#nav li a	{height: 45px; display:block; position:absolute; top:0; text-indent:-9009px; outline:none	}
li#navAbout a, li#navProducts a, li#navDrink a, li#navGo a, li#navHome a, li#navPress a, li#navEvents a, li#navLocations a, li#navContact a	{	background:url(../../images/nav/navbar.jpg)	}


li#navAbout a						{	background-position:0 0; width:117px; left:0	}
li#navAbout a:hover					{	background-position:0 -45px;	}
body#pageAbout li#navAbout a		{	background-position:0 -90px;	}

li#navProducts a					{	background-position:-117px 0; width:76px; left:117px	}
li#navProducts a:hover				{	background-position:-117px -45px;	}
body#pageProducts li#navProducts a	{	background-position:-117px -90px;	}

li#navDrink a						{	background-position:-192px 0; width:102px; left:192px	}
li#navDrink a:hover					{	background-position:-192px -45px;	}
body#pageDrink li#navDrink a		{	background-position:-192px -90px;	}

li#navGo a							{	background-position:-294px 0; width:78px; left:294px	}
li#navGo a:hover					{	background-position:-294px -45px;	}
body#pageGo li#navGo a				{	background-position:-294px -90px;	}

li#navHome a						{	background-position:-372px 0; width:152px; left:372px	}
li#navHome a:hover					{	background-position:-372px -45px;	}
body#pageHome li#navHome a			{	background-position:-372px -90px;	}

li#navPress a						{	background-position:-524px 0; width:66px; left:524px	}
li#navPress a:hover					{	background-position:-524px -45px;	}
body#pagePress li#navPress a		{	background-position:-524px -90px;	}

li#navEvents a						{	background-position:-590px 0; width:75px; left:590px	}
li#navEvents a:hover				{	background-position:-590px -45px;	}
body#pageEvents li#navEvents a		{	background-position:-590px -90px;	}

li#navLocations a						{	background-position:-665px 0; width:88px; left:665px	}
li#navLocations a:hover					{	background-position:-665px -45px;	}
body#pageLocations li#navLocations a	{	background-position:-665px -90px;	}

li#navContact a							{	background-position:-749px 0; width:151px; left:749px	}
li#navContact a:hover					{	background-position:-749px -45px;	}
body#pageContact li#navContact a		{	background-position:-749px -90px;	}



/*
Measurements for the nav image replacement:

The distance from the top to the...
initial state = 0
rollover state = 45px
selected state = 90px

The distance from the far left to the...

about button = 0
products button = 117px
drink button = 192px
go green button = 294px
home button = 372px
press button = 524px
events button = 590px
locations button = 665px
contact button = 749px

*/ 

body {  width:900px; margin:0 auto; position:relative }
ul#nav { position:absolute; top:12px; left:0px }