#topnav ul {
	width: 878px;
	height: 33px;
      position: relative; /** Places image at the top of the page **/
	background:url(../images/nav.gif) no-repeat 0 0;
	list-style: none;
	margin-left: 1px;
	padding: 0px;
	
	
}
#topnav li {
	display: inline;
}
#topnav li a:link, #topnav li a:visited {
	border: none;
	height: 34px; /** height of the button in active state **/
	display: block;
	position: absolute;
	top: 0;
	text-indent: -7000px; /** Removes li text from the screen **/
	outline: none;
	
}



/*------------------------------------------------------------------------------/*

 /** button width px HOME **/
#topnav li.home a:link, #topnav li.home a:visited {
	width:83px;
}


 /** button width px SERVICES **/
#topnav li.services a:link, #topnav li.services a:visited {
	width:98px;
}

 /** button width px STORE **/
#topnav li.store a:link, #topnav li.store a:visited {
	width:118px;
}

 /** button width px REQUEST **/
#topnav li.request a:link, #topnav li.request a:visited {
	width:132px;
}

 /** button width px SPECIALS **/
#topnav li.specials a:link, #topnav li.specials a:visited {
	width:94px;
}

 /** button width px FAQ **/
#topnav li.faq a:link, #topnav li.faq a:visited {
	width:71px;
}

 /** button width px TESTIMONIALS **/
#topnav li.testimonials a:link, #topnav li.testimonials a:visited {
	width:120px;
}

 /** button width px CONTACT **/
#topnav li.contact a:link, #topnav li.contact a:visited {
	width:81px;
}


 /** button width px ABOUT **/
#topnav li.about a:link, #topnav li.about a:visited {
	width:80px;
}


/*------------------------------------------------------------------------------/*

 /** how many px left of the first button i.e order HOME**/
#topnav li.home a:link, #topnav li.home a:visited {
	left: 0;
}

 /** how many px left of the first button i.e order SERVICES**/
#topnav li.services a:link, #topnav li.services a:visited {
	left: 83px;
}

 /** how many px left of the first button i.e order STORE**/
#topnav li.store a:link, #topnav li.store a:visited {
	left: 179px;
}

 /** how many px left of the first button i.e order REQUEST**/
#topnav li.request a:link, #topnav li.request a:visited {
	left: 299px;
}

 /** how many px left of the first button i.e order SPECIALS**/
#topnav li.specials a:link, #topnav li.specials a:visited {
	left: 432px;
}

 /** how many px left of the first button i.e order FAQ**/
#topnav li.faq a:link, #topnav li.faq a:visited {
	left: 526px;
} 

/** how many px left of the first button i.e order TESTIMONIALS**/
#topnav li.testimonials a:link, #topnav li.testimonials a:visited {
	left: 597px;
}

/** how many px left of the first button i.e order CONTACT**/
#topnav li.contact a:link, #topnav li.contact a:visited {
	left: 717px;
}


/** how many px left of the first button i.e order ABOUT**/
#topnav li.about a:link, #topnav li.about a:visited {
	left: 798px;
}



/*------------------------------------------------------------------------------/*

 /** the sum total of all buttons before, left to right 0  -  34px **/
 
 
 /** HOME **/
#topnav li.home a:hover {
	background: url(../images/nav.gif) no-repeat 0 -34px; 
}

 /** SERVICES **/
 #topnav li.services a:hover {
	background: url(../images/nav.gif) no-repeat -83px -34px; 
}

 /** STORE **/
#topnav li.store a:hover {
	background: url(../images/nav.gif) no-repeat -179px -34px; 
}


 /** REQUEST **/
#topnav li.request a:hover {
	background: url(../images/nav.gif) no-repeat -299px -34px; 
}


 /** SPECIALS **/
#topnav li.specials a:hover {
	background: url(../images/nav.gif) no-repeat -432px -34px; 
}

 /** FAQ **/
#topnav li.faq a:hover {
	background: url(../images/nav.gif) no-repeat -526px -34px; 
}

 /** TESTIMONIALS **/
#topnav li.testimonials a:hover {
	background: url(../images/nav.gif) no-repeat -597px -34px; 
}
/*------------------------------------------------------------------------------/*

 /** CONTACT **/
#topnav li.contact a:hover {
	background: url(../images/nav.gif) no-repeat -717px -34px; 
}
/*------------------------------------------------------------------------------/*

/** ABOUT **/
#topnav li.about a:hover {
	background: url(../images/nav.gif) no-repeat -798px -34px; 
}
/*------------------------------------------------------------------------------/*