.nobulletslist {
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

div#menu {
width: 900px;
height: 35px;
position: relative;
margin: 0 0 0 0;
}

div#menu div {
float: left;
position: relative;
margin: 0 0 0 0;
}

div#menu img {
float: left;
}

span#linkspan {
position:absolute;
width:100%; 
height:100%;
top:0;
left: 0;
z-index: 4;
}

div#homemenu {
background-image: url('../images/images/navbuttons/home.png');
background-repeat: no-repeat;
height: 35px;
width: 125px;
}

div#aboutmenu {
background-image: url('../images/images/navbuttons/about.png');
background-repeat: no-repeat;
height: 35px;
width: 116px;
}

div#partymenu {
background-image: url('../images/images/navbuttons/polepart.png');
background-repeat: no-repeat;
height: 35px;
width: 151px;
}

div#classesmenu {
background-image: url('../images/images/navbuttons/classes.png');
background-repeat: no-repeat;
width: 105px;
height: 35px;
}

div#ratesmenu {
background-image: url('../images/images/navbuttons/rates.png');
background-repeat: no-repeat;
height: 35px;
width: 190px;
}

div#photomenu {
background-image: url('../images/images/navbuttons/photo.png');
background-repeat: no-repeat;
height: 35px;
width: 213px;
}

div#homemenu:hover {
background-image: url('../images/images/navbuttons/home-1.png');
background-repeat: no-repeat;
height: 35px;
width: 125px;
}

div#aboutmenu:hover {
background-image: url('../images/images/navbuttons/about-1.png');
background-repeat: no-repeat;
height: 35px;
width: 116px;
}

div#partymenu:hover {
background-image: url('../images/images/navbuttons/polepart-1.png');
background-repeat: no-repeat;
height: 35px;
width: 151px;
}

div#classesmenu:hover {
background-image: url('../images/images/navbuttons/classes-1.png');
background-repeat: no-repeat;
height: 35px;
width: 105px;
}

div#ratesmenu:hover {
background-image: url('../images/images/navbuttons/rates-1.png');
background-repeat: no-repeat;
height: 35px;
width: 190px;
}

div#photomenu:hover {
background-image: url('../images/images/navbuttons/photo-1.png');
background-repeat: no-repeat;
height: 35px;
width: 213px;
}

#pagenav{

	float:left;

	width:100%;

	list-style:none;

	margin-bottom:0px;

	margin-left: 0px;

}

#pagenav li{

	float:left;

	margin-right:0px;

	position:relative;

	display:block;

}

#pagenav li a{

	display:block;

	text-decoration:none;

}



#pagenav li a:hover{

	color:#fff;



	text-decoration:underline;

}



/*--- DROPDOWN ---*/

#pagenav ul {

	list-style:none;

	position:absolute;

	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */

	opacity:0; /* Set initial state to transparent */

	z-index: 4;

	font-family:"century gothic", sans-serif;

	font-size: 	1.167em;
	
	margin-top: -40px;

	padding-top: 5px;
	
	padding-left: 0px;

	padding-bottom: 0px;

	text-align: left;

}

div#sidemovie {
vertical-align: middle;
}

#pagenav ul a {
	padding-left: 15px;

	padding-right: 39px;
}



#pagenav ul li{

	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */

	margin-bottom: 14px;
	
	z-index: 4;

	float:none;

}

#pagenav ul li:hover{
background-color: #83b73f;
}

#pagenav ul a{

	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */

	display:block;

	z-index: 4;

}

#pagenav li:hover ul#hovermenupage{ /* Display the dropdown on hover */

	left:0; /* Bring back on-screen when needed */

	opacity:1; /* Fade to opaque */

	z-index: 4;

	top: 55px;

	color: #000000;

	background:rgba(219,234,199,0.75); /* It'll look nice semi-transparent */

	z-index: 30;

}


#pagenav li:hover a{ /* Set styles for top level when dropdown is hovered */

	font-family:"century gothic", sans-serif;

	font-size: 	0.875em;

	z-index: 4;

}

#pagenav li:hover ul a{ /* Override some top level styles when dropdown is hovered */

	text-decoration:none;

	z-index: 4;

}

#pagenav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */

	z-index: 4;

	font-family:"century gothic", sans-serif;

	font-size: 	0.875em;

}


#hovermenupage li:hover a{ /* Set styles for top level when dropdown is hovered */

	color: #000000;

	z-index: 4;

}

#hovermenupage li a{ /* Set styles for top level when dropdown is hovered */

	color: #000000;

	z-index: 4;

}

div#nav-below.indexnavigation
{
height: 30px;
z-index: 50;
}