/* Try Vending nav */


ul#navigation
{
	position: absolute;
	top: 170px;
	left: 16px;	
}
ul#navigation li 
{
	display:inline;
	float: left;
	padding: 0;
	margin: 0px 7px 0px 0px;
	width: auto;
	height: auto;
}
#navigation li A
{
	width: auto;
	height: auto;
	padding: 10px 9px 10px 9px;
	margin: 0;
	display: block;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight: bold;
	font-size:15px;
	letter-spacing:-1px;
	line-height:100%;
	text-transform: lowercase;
	float: left;
	outline:none;
	background-position: 0 -9000em;
	background-repeat: no-repeat;
	background-color: #111;
}


#navigation li a:hover 
{
	color: #fff;
	background-color: #1f1f1f;
}
#navigation li A.activeLink
{
	color: #505050;
	background-color: #dbdbdb;
}



/* nav*/

#home a 
{
	background-image: url(../images/nav_home.jpg);
}



#about a 
{
	background-image: url(../images/nav_about.jpg);
}
#vending a 
{
	background-image: url(../images/nav_vending.jpg);
}
#machines a 
{
	background-image: url(../images/nav_machines.jpg);
}


#coffee a 
{
	background-image: url(../images/nav_coffee.jpg);
}


#sustain a 
{
	background-image: url(../images/nav_sustain.jpg);
	width: 133px;
}
#contact a 
{
	background-image: url(../images/nav_contact.jpg);
}



/* panels on index*/

#panel_1 a {
	text-indent: -1000em;
	background: url(../images/nav_panel1.jpg) no-repeat left top;
	width: 304px;
	margin: 0 0 15px 11px;
	height: 133px;
	display: block;
	overflow: hidden;
	font-size:10px;
}

#panel_1 a:hover {
	background-position: 0px -133px;
}



#panel_2 a {
	text-indent: -1000em;
	background: url(../images/nav_panel2.jpg) no-repeat left top;
	width: 313px;
	margin: 0 0 15px 11px;
	height: 133px;
	display: block;
	overflow: hidden;
	font-size:10px;
}

#panel_2 a:hover {
	background-position: 0px -133px;
}



#panel_3 a {
	text-indent: -1000em;
	background: url(../images/nav_panel3.jpg) no-repeat left top;
	width: 306px;
margin: 0 0 5px 11px;
	height: 142px;
	display: block;
	overflow: hidden;
	font-size:10px;
}

#panel_3 a:hover {
	background-position: 0px -142px;
}



#panel_4 a {
	text-indent: -1000em;
	background: url(../images/nav_panel4.png) no-repeat left top;
	width: 307px;
margin: 5px 0 5px 8px;
	height: 142px;
	display: block;
	overflow: hidden;
	font-size:10px;
}

#panel_4 a:hover {
	background-position: 0px -142px;
}



#panel_5 a {
	text-indent: -1000em;
	background: url(../images/nav_panel5.png) no-repeat left top;
	width: 307px;
margin: 5px 0 10px 8px;
	height: 131px;
	display: block;
	overflow: hidden;
	font-size:10px;
}

#panel_5 a:hover {
	background-position: 0px -131px;
}

#panel_6 A, #panel_7 A, #panel_8 A 
{
	text-indent: -9000em;
	width: 304px;
	margin: 0 0 15px 11px;
	height: 133px;
	display: block;
	overflow: hidden;
	font-size:10px;
	background-position: left top;
	background-repeat: no-repeat;
}

#panel_6 A
{
	
	background-image: url(../images/nav_panel_6.jpg);
}
#panel_7 A
{
	background-image: url(../images/nav_panel_7.jpg);
}
#panel_8 A
{
	background-image: url(../images/nav_panel_8.jpg);
}

#panel_6 A:hover, #panel_7 A:hover, #panel_8 A:hover
{
	background-position: 0px -133px;
}

.menu_right a:link, .menu_right a:visited, .menu_right a:active {
	
	background-color: #f3f3f3;
		width: 286px;
			background-color: #d8d8d8;
	color: #6d6c6d;
	font-weight:bold;
	font-family:"trebuchet MS",Arial, Verdana,sans-serif;
	text-decoration: none;
	padding:7px 0 3px 5px;

margin:1px 0 10px 8px;
	}	



.menu_right A:hover  {
	
		width: 286px;
		background-color: #9fcc3a;
	color: #fff;
font-family:"trebuchet MS",Arial, Verdana,sans-serif;
	text-decoration: none;
	padding:7px 0 3px 5px;

	margin:1px 0 10px 8px;

	}	

.menu_rightON a  {
	
		width: 286px;
		background-color: #d8d8d8;
	color: #6d6c6d;
font-family:"trebuchet MS",Arial, Verdana,sans-serif;
	text-decoration: none;
	padding:7px 0 3px 5px;

	margin:1px 0 10px 8px;

	}