/* CSS Document 
Special thanks to Son of Suckerfish Dropdowns
http://htmldog.com/articles/suckerfish/dropdowns/
*/

#top-menu {
	margin: 0px auto;
	padding: 0;
	width: 932px;
	height: 49px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	z-index: 100;
	background-color: #f2160f;
	background: url(../images/menu-bg.gif) repeat-x 0 0;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	z-index: 5000;
}

#nav a {
	display: block;
	width: auto;
	color: #fff;
	padding: 19px 47px 20px 47px;
	text-decoration: none;
}

#nav a:hover {
	text-decoration: none;
}

#nav a.pipebands {
	width: 159px; height: 49px;
	position: relative;
	padding: 0;
	}
	a.pipebands span {
		background: url(../images/menu.png) no-repeat 0 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

#nav a.pipebands:hover {
	width: 159px; height: 49px;
	position: relative;
	padding: 0;
	}
	a.pipebands:hover span {
		background: url(../images/menu.png) no-repeat -908px 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
#nav a.dancing {
	width: 121px; height: 49px;
	position: relative;
	padding: 0;
	}
	a.dancing span {
		background: url(../images/menu.png) no-repeat -159px 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

#nav a.dancing:hover {
	width: 121px; height: 49px;
	position: relative;
	padding: 0;
	}
	a.dancing:hover span {
		background: url(../images/menu.png) no-repeat -1067px 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
#nav a.after-party {
	width: 157px; height: 49px;
	position: relative;
	padding: 0;
	}
	a.after-party span {
		background: url(../images/menu.png) no-repeat -280px 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

#nav a.after-party:hover {
	width: 157px; height: 49px;
	position: relative;
	padding: 0;
	}
	a.after-party:hover span {
		background: url(../images/menu.png) no-repeat -1188px 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
#nav a.hotels {
	width: 108px; height: 49px;
	position: relative;
	padding: 0;
	}
	a.hotels span {
		background: url(../images/menu.png) no-repeat -437px 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

#nav a.hotels:hover {
	width: 108px; height: 49px;
	position: relative;
	padding: 0;
	}
	a.hotels:hover span {
		background: url(../images/menu.png) no-repeat -1345px 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

#nav a.sponsors {
	width: 132px; height: 49px;
	position: relative;
	padding: 0;
	}
	a.sponsors span {
		background: url(../images/menu.png) no-repeat -545px 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

#nav a.sponsors:hover {
	width: 132px; height: 49px;
	position: relative;
	padding: 0;
	}
	a.sponsors:hover span {
		background: url(../images/menu.png) no-repeat -1453px 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
#nav a.links {
	width: 93px; height: 49px;
	position: relative;
	padding: 0;
	}
	a.links span {
		background: url(../images/menu.png) no-repeat -677px 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

#nav a.links:hover {
	width: 93px; height: 49px;
	position: relative;
	padding: 0;
	}
	a.links:hover span {
		background: url(../images/menu.png) no-repeat -1585px 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
#nav a.contact {
	width: 138px; height: 49px;
	position: relative;
	padding: 0;
	}
	a.contact span {
		background: url(../images/menu.png) no-repeat -770px 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

#nav a.contact:hover {
	width: 138px; height: 49px;
	position: relative;
	padding: 0;
	}
	a.contact:hover span {
		background: url(../images/menu.png) no-repeat -1678px 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

#nav li {
	float: left;
	width: auto;
}