@charset "utf-8";
/* CSS Document */

#navigation {
	position: absolute;
	top: 266px;
	left: 45px;
	width: 168px;
	height: 269px;
	padding: 13px 0 0 14px;
	margin: 0;
	background: url(../grfx/nav-bg.jpg) top left no-repeat;
	z-index: 100;
}

#navigation ul {
	float: left;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	width: 89px;
	height: 109px;
}

#navigation li {
	float: left;
	list-style: none;
	font-weight: bold; /* font properties added to fool IE */
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

#navigation li a {
	border: 0;
	display: block;
	width: 89px;
	text-decoration: none;
}

#navigation li a span{
	display: none;
}

#navigation li#venue a {
	height: 16px;
	background: url(../grfx/nav.jpg) 0px 0px no-repeat;
}

#navigation li#venue a:hover {
	background: url(../grfx/nav.jpg) -89px 0px no-repeat;
}

#navigation li#events a {
	height: 24px;
	background: url(../grfx/nav.jpg) 0px -16px no-repeat;
}

#navigation li#events a:hover {
	background: url(../grfx/nav.jpg) -89px -16px no-repeat;
}

#navigation li#functions a {
	height: 24px;
	background: url(../grfx/nav.jpg) 0px -40px no-repeat;
}

#navigation li#functions a:hover {
	background: url(../grfx/nav.jpg) -89px -40px no-repeat;
}

#navigation li#gallery a {
	height: 28px;
	background: url(../grfx/nav.jpg) 0px -64px no-repeat;
}

#navigation li#gallery a:hover {
	background: url(../grfx/nav.jpg) -89px -64px no-repeat;
}

#navigation li#contact a {
	height: 17px;
	background: url(../grfx/nav.jpg) 0px -92px no-repeat;
}

#navigation li#contact a:hover {
	background: url(../grfx/nav.jpg) -89px -92px no-repeat;
}

#element-navigation {
	float: left;
	width: 97px;
	height: 118px;
	padding: 34px 0 0 0;
	margin: 0;
}

#element-navigation ul {
	float: left;
	font-size: 0.7em;
	width: 97px;
	height: 118px;
	padding: 0;
	margin: 0;
}

#navigation li {
	float: left;
	list-style: none;
	font-weight: bold; /* font properties added to fool IE */
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

#navigation li a {
	border: 0;
	display: block;
	text-decoration: none;
}

#navigation li a span{
	display: none;
}

#element-navigation li#fire a {
	float: left;
	width: 45px;
	height: 56px;
	padding: 0;
	margin: 0;
	background: url(../grfx/fire.jpg) top left no-repeat;	
}

#element-navigation li#fire a:hover {
	background: url(../grfx/fire.jpg) 0 -56px no-repeat;	
}

#element-navigation li#earth a {
	float: left;
	width: 52px;
	height: 56px;
	padding: 0;
	margin: 0;
	background: url(../grfx/earth.jpg) top left no-repeat;	
}

#element-navigation li#earth a:hover {
	background: url(../grfx/earth.jpg) 0 -56px no-repeat;	
}

#element-navigation li#air a {
	float: left;
	width: 45px;
	height: 62px;
	padding: 0;
	margin: 0;
	background: url(../grfx/air.jpg) top left no-repeat;	
}

#element-navigation li#air a:hover {
	background: url(../grfx/air.jpg) 0 -62px no-repeat;	
}

#element-navigation li#water a {
	float: left;
	width: 52px;
	height: 62px;
	padding: 0;
	margin: 0;
	background: url(../grfx/water.jpg) top left no-repeat;	
}

#element-navigation li#water a:hover {
	background: url(../grfx/water.jpg) 0 -62px no-repeat;	
}