/* 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. */
.linkDisplay {
	display: none
	}

#frontButtons  {
	visibility: visible;
	position: absolute;
	top: 50px;
	left: 50px;
	width: 130px;
	height: 260px
	}

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

#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, #aboutUs, #newsInfo, #champions, #catalog, #integraTech, #technical, #apparel, #contact, $careers, #portCityRacing {
	width: 120px
	}

/*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/ButtonGroupIntegra.gif) no-repeat -130px 0px
	}

#aboutUsHere, #aboutUs a:hover {
	background: url(../gif/ButtonGroupIntegra.gif) no-repeat -130px -30px
	}

#newsInfoHere, #newsInfo a:hover {
	background: url(../gif/ButtonGroupIntegra.gif) no-repeat -130px -60px
	}

#championsHere, #champions a:hover {
	background: url(../gif/ButtonGroupIntegra.gif) no-repeat -130px -90px
	}

#catalogHere, #catalog a:hover {
	background: url(../gif/ButtonGroupIntegra.gif) no-repeat -130px -120px
	}

#integraTechHere, #integraTech a:hover {
	background: url(../gif/ButtonGroupIntegra.gif) no-repeat -130px -150px
	}

#technicalHere, #technical a:hover {
	background: url(../gif/ButtonGroupIntegra.gif) no-repeat -130px -180px
	}

#apparelHere, #apparel a:hover {
	background: url(../gif/ButtonGroupIntegra.gif) no-repeat -130px -210px
	}

#contactHere, #contact a:hover {
	background: url(../gif/ButtonGroupIntegra.gif) no-repeat -130px -240px
	}

#careersHere, #careers a:hover {
	background: url(../gif/ButtonGroupIntegra.gif) no-repeat -130px -270px
	}

#portCityRacing a:hover {
	background: url(../gif/ButtonGroupIntegra.gif) no-repeat -130px -300px
	}


/* Horizontal Link Rollovers (catalog page flip pages) */
#horizButtons  {
	visibility: visible;
	position: absolute;
	top: 65px;
	left: 10px;
	width: 820px;
	height: 19px;
	z-index:1000;
	}

#horizList {
	background-image: url(../gif/ButtonGroupHorizontallInteg.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	width: 982px;
	height: 19px
	}
#horizList li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0
	}

#horizList li, #horizList a {
	display: block;
	height: 18px;
	}
ul#horizList {
	list-style-type: none;
	margin: 0;
	padding: 0
	}

#hhome, #haboutUs, #hnewsInfo, #hchampions, #hcatalog, #hintegraTech, #htuning, #happarel, #hcontact, #hcareers, #hpcRacing {
	width: 82px
	}
#hhome	{left: 0px;}
#haboutUs	{left: 82px;}
#hnewsInfo	{left: 164px;}
#hchampions	{left: 246px;}
#hcatalog	{left: 328px;}
#hintegraTech	{left: 410px;}
#htuning	{left: 492px;}
#happarel	{left: 574px;}
#hcontact	{left: 656px;}
#hcareers	{left: 738px;}
#hpcRacing	{left: 820px;}

/*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*/

#hhomeHere, #hhome a:hover {
	background: url(../gif/ButtonGroupHorizontallInteg.gif) no-repeat 0px -19px
	}

#haboutUsHere, #haboutUs a:hover {
	background: url(../gif/ButtonGroupHorizontallInteg.gif) no-repeat -82px -19px
	}

#hnewsInfoHere, #hnewsInfo a:hover {
	background: url(../gif/ButtonGroupHorizontallInteg.gif) no-repeat -164px -19px
	}

#hchampionsHere, #hchampions a:hover {
	background: url(../gif/ButtonGroupHorizontallInteg.gif) no-repeat -246px -19px
	}

#hcatalogHere, #hcatalog a:hover {
	background: url(../gif/ButtonGroupHorizontallInteg.gif) no-repeat -328px -19px
	}

#hintegraTechHere, #hintegraTech a:hover {
	background: url(../gif/ButtonGroupHorizontallInteg.gif) no-repeat -410px -19px
	}

#htuningHere, #htuning a:hover {
	background: url(../gif/ButtonGroupHorizontallInteg.gif) no-repeat -492px -19px
	}

#happarelHere, #happarel a:hover {
	background: url(../gif/ButtonGroupHorizontallInteg.gif) no-repeat -574px -19px
	}

#hcontactHere, #hcontact a:hover {
	background: url(../gif/ButtonGroupHorizontallInteg.gif) no-repeat -656px -19px
	}
#hcareersHere, #hcareers a:hover {
	background: url(../gif/ButtonGroupHorizontallInteg.gif) no-repeat -738px -19px
	}

#hpcRacing a:hover {
	background: url(../gif/ButtonGroupHorizontallInteg.gif) no-repeat -820px -19px
	}