/*
Title:      AlterBridgeRocks navbar (inc. image swap styles)
Author:     Steve Caponetto, steve@alterbridgerocks.com
Updated:    Jan 15 2005
*/

#navbar {
	height: 23px;
	clear: both;
}

#navbar ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#navbar ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

/* ---[ image swap ]------------------------------- */

#home-swap {
	background-image: url(/images/navbar/home-on.png);
	width: 59px;
	height: 23px;
}
#news-swap {
	background-image: url(/images/navbar/news-on.png);
	width: 53px;
	height: 23px;
}
#band-swap {
	background-image: url(/images/navbar/band-on.png);
	width: 51px;
	height: 23px;
}
#discography-swap {
	background-image: url(/images/navbar/discography-on.png);
	width: 95px;
	height: 23px;
}
#songbank-swap {
	background-image: url(/images/navbar/songbank-on.png);
	width: 86px;
	height: 23px;
}
#tour-swap {
	background-image: url(/images/navbar/tour-on.png);
	width: 97px;
	height: 23px;
}
#media-swap {
	background-image: url(/images/navbar/media-on.png);
	width: 56px;
	height: 23px;
}
#photos-swap {
	background-image: url(/images/navbar/photos-on.png);
	width: 61px;
	height: 23px;
}
#messageboard-swap {
	background-image: url(/images/navbar/messageboard-on.png);
	width: 112px;
	height: 23px;
}
#fanzone-swap {
	background-image: url(/images/navbar/fanzone-on.png);
	width: 80px;
	height: 23px;
}

/* ---[ swap application ]------------------------------- */

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */