/* Rollovers using one piece of art for all buttons */

/* This hides the text link from CSS browsers, but allows it to show when CSS is turned off. */
a {color: #75381D; text-decoration: none;}
a:hover {color: #B2352C; background-color:#CCC0B0}
a img {text-decoration: none;}
a:hover img {background-color: #CCC0B0}

.linkDisplay {
	display: none
	}

#frontButtons  {
	position: absolute;
	margin: 165px 0 0 0;
	top: 10px;
	left: 10px;
	width: 112px;
	}

/*Front Link Rollovers*/
#frontList {
	background-image: url(../gif/OMI_Navigation.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	width: 112px;
	height: 455px
	}

#frontList li {
	list-style: none;
	display: block;
	height: 30px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0
	}

#frontList li, #frontList a {
	display: block;
	height: 30px;
	overflow:hidden;
	}

/*This defines the location of the <li> graphic*/
ul {
	list-style-type: none;
	margin: 0;
	padding: 0
	}

#home, #aArms, #ballJoints, #tieRods, #catalog, #stemMounts, #handlebars, #handlebarRisers, #handlebarGrips, #clutches, #specials, #racePics, #contact, #pcr, #integra {
	width: 113px
	}

/*This defines which "slice" of the a:hover portion of the graphic is used, moving its location over, compensating for the location of the <li> id position*/

#homeHere, #home a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px 0px
	}

#aArmsHere, #aArms a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px -30px
	}

/*#ballJointsHere, #ballJoints a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px -60px
	}*/

#tieRodsHere, #tieRods a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px -60px
	}

#steeringStemsHere, #steeringStems a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px -90px
	}

#stemMountsHere, #stemMounts a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px -120px
	}

#handlebarsHere, #handlebars a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px -150px
	}

#handlebarRisersHere, #handlebarRisers a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px -180px
	}

#handlebarGripsHere, #handlebarGrips a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px -210px
	}

#clutchesHere, #clutches a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px -240px
	}

#specialsHere, #specials a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px -270px
	}

#racePicsHere, #racePics a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px -300px
	}

#contactHere, #contact a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px -330px
	}

#pcrHere, #pcr a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px -360px
	}

#integraHere, #integra a:hover {
	background: url(../gif/OMI_Navigation.gif) no-repeat -114px -390px
	}