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

/* Styles */

body {
	text-align: center;
	background-image:url(images/topbg.png);
	background-repeat:repeat-x;
	background-color:#331a0e;
	color:ccbbb6;
}


p {
	font-family:"arial", sans-serif;
	color:#ccbbb6;
	line-height:100%;
}

a:link {color: #ccbbb6; text-decoration: none; }
a:hover {color: #99ccff; text-decoration: none; }
a { outline: none;}
a img { outline: none;}
img {border: none;}

.container {
  vertical-align: middle;	
  margin: 0px auto;
  padding: 38px 0px 0px 0px;
  width: 800px;
  height: 640px;
  }
  
.header {
	vertical-align: middle;	
  	margin: 0px auto;
  	padding: 0px 0px 0px 0px;  
	width: 222px;
 	height: 79px; 
		}     

.contentHome {
				  background-image:url(images/mainpic.png);
				  background-repeat:no-repeat;
				  margin: 0px auto;
				  padding: 0px 0px 0px 0px;  
				  width:712px;
				  height:404px; 
				}

.contentEvents {
				  background-image:url(images/events2.png);
				  background-repeat:no-repeat;	
				  margin: 0px auto;
				  padding: 0px 0px 0px 0px;  
				  width:712px;
				  height:404px; 
				}

.contentParties {
				  background-image:url(images/parties2.png);
				  background-repeat:no-repeat;
				  margin: 0px auto;
				  padding: 0px 0px 0px 0px;  
				  width:712px;
				  height:404px; 
				}

.contentHours {
				  background-image:url(images/hours.png);
				  background-repeat:no-repeat;
				  margin: 0px auto;
				  padding: 0px 0px 0px 0px;  
				  width:712px;
				  height:404px; 
				}

.contentPress {
				  background-image:url(images/press.png);
				  background-repeat:no-repeat;
				  margin: 0px auto;
				  padding: 0px 0px 0px 0px;  
				  width:712px;
				  height:404px; 
				}


.navbox {
		  	vertical-align: middle;
			text-align:center;	
  		 	margin: 0px auto;
  		 	padding: 15px 0px 0px 0px;  
		  	width:600px;
		  	height:30px; 
		}  

ul#nav-menu {
		width: 500px; margin: 0px ; padding 0;
		text-align:center; margin: 0px auto;
		list-style: none;
		}

ul#nav-menu li { display: inline; }

ul#nav-menu li a {
		display: block; float: left; height: 30px;
		background-image: url(images/navigation2.png); text-indent: -9999px;
		}

			ul#nav-menu li a.events {
				width: 88px; background-position: 0 0;
			}
			ul#nav-menu li a.parties {
				width: 149px; background-position: -88px 0;
			}
			ul#nav-menu li a.hours {
				width: 149px; background-position: -237px 0;
			}
			ul#nav-menu li a.press {
				width: 84px; background-position: -386px 0;
			}
			
			ul#nav-menu li a.events:hover, ul#nav-menu li a.events:focus {
				background-position: 0 -30px;
			}
			
			ul#nav-menu li a.parties:hover, ul#nav-menu li a.parties:focus {
				background-position: -88px -30px;
			}
			
			ul#nav-menu li a.hours:hover, ul#nav-menu li a.hours:focus {
				background-position: -237px -30px;
			}
			
			ul#nav-menu li a.press:hover, ul#nav-menu li a.press:focus {
				background-position: -386px -30px;
			}

.bottomText {
	text-align: center;
	position: relative; 
	top: -15px;
	z-index:100;
}

.bottomText2 {
	text-align: center;
	position: relative; 
	top: -25px;
	z-index:100;
}

