ÿþ/**	style used for both examples **/



		.quickLink { 

			height: 45px;

			display: block;

		}



		.quickLink ul {

			list-style: none;

			padding: 0;

			margin: 0;

		}



		.quickLink ul li {

			/* width and height of the quickLink items */  

			float: left;

			overflow: hidden;

			position: relative;

			text-align: center;

			line-height: 45px;

		}



		.quickLink ul li a {

			/* must be postioned relative  */ 

			position: relative;

			display: block;

			width: 70px;

			height: 45px;

			text-transform: uppercase;

			text-decoration: none;

			cursor: pointer;

		}



		.quickLink ul li a span {

			/* all layers will be absolute positioned */

			position: absolute;

			left: 0;

			width: 70px;

		}



		.quickLink ul li a span.out {

			top: 0px;

		}



		.quickLink ul li a span.over,

		.quickLink ul li a span.bg {

			/* hide */  

			top: -45px;

		}



		/** 1st example **/



		#quickLink {

			background: transparent;

		}



		#quickLink ul li a {

			color: #000;

		}



		#quickLink ul li a span.over {

			color: #FFF;

		}



		#quickLink ul li span.bg {

			/* height of the quickLink items */  

			height: 45px;

			background: url('bg_over.gif') center center no-repeat;

		}