/* --------------------------- Navigation ---------------------------- */

#topnav
{	
	border: 0px solid red;
	height:42px;
	background: url(../images/topnavbg.gif) repeat-y;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 18px;
}
#topnav ul
{
	
	float: left;
	padding: 0px;
	margin: 0px;
	font-style: normal;
}
#topnav li
{
	display: inline;
	float: left;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	background: none;
}
#topnav li A
{
	color: #fff;
	display: block;
	overflow: hidden;
	padding: 10px 16px 10px 16px;
	margin: 0px;
	border: 0px solid red;
}
#topnav li A:hover
{
	color: #1383F1;
	background-color: #F5E81D;
}





/* --------------------------- Navigation ---------------------------- 

#topnav
{	
	border: 0px solid red;
	width:100%;
	height:42px;
	background: url(../images/topnavbg.gif) repeat-y;
	clear: both;
}
#topnav ul
{
	display:inline;
	padding: 0px;
	margin: 0px;
}
#topnav li
{
	display: inline;
	float: left;
	padding: 0px;
	margin: 0px;
}
#topnav li A
{
	text-indent: -1000em;
	display: block;
	overflow: hidden;
	height: 42px; 
	padding: 0px;
	margin: 0px;
}
#topnav li A:hover
{
	background-position: 0px -42px;
}

li#home A
{
	background: url(../images/home-link.png) no-repeat left top;
	width: 70px;
}
li#home_on A, li#home_on A:hover
{
	background: url(../images/home-link.png) no-repeat 0px -84px;
	width: 70px;
}
li#about A
{
	background: url(../images/about-link.png) no-repeat left top;
	width: 72px;
}
li#about_on A, li#about_on A:hover
{
	background: url(../images/about-link.png) no-repeat 0px -84px;
	width: 72px;
}
li#services A
{
	background: url(../images/services-link.png) no-repeat left top;
	width: 85px;
}
li#services_on A, li#services_on A:hover
{
	background: url(../images/services-link.png) no-repeat 0px -84px;
	width: 85px;
}

li#food A
{
	background: url(../images/food-link.png) no-repeat left top;
	width: 125px;
}
li#food_on A, li#food_on A:hover
{
	background: url(../images/food-link.png) no-repeat 0px -84px;
	width: 125px;
}

li#flavia A
{
	background: url(../images/flavia-link.png) no-repeat left top;
	width: 64px;
}
li#flavia_on A, li#flavia_on A:hover
{
	background: url(../images/flavia-link.png) no-repeat 0px -84px;
	width: 64px;
}

li#water A
{
	background: url(../images/water-link.png) no-repeat left top;
	width: 65px;
}
li#water_on A, li#water_on A:hover
{
	background: url(../images/water-link.png) no-repeat 0px -84px;
	width: 65px;
}

li#gallery A
{
	background: url(../images/gallery-link.png) no-repeat left top;
	width: 142px;
}
li#gallery_on A, li#gallery_on A:hover
{
	background: url(../images/gallery-link.png) no-repeat 0px -84px;
	width: 142px;
}

li#starbucks A
{
	background: url(../images/starbucks-link.png) no-repeat left top;
	width: 102px;
}
li#starbucks_on A, li#starbucks_on A:hover
{
	background: url(../images/starbucks-link.png) no-repeat 0px -84px;
	width: 102px;
}

li#contact A
{
	background: url(../images/contact-link.png) no-repeat left top;
	width: 85px;
}
li#contact_on A, li#contact_on A:hover
{
	background: url(../images/contact-link.png) no-repeat 0px -84px;
	width: 85px;
}

*/