/* menu.css */
/* Lori Corbett - Raven'sHeart Design - lori@ravensheart.biz */

#outside{
	background-image : url(images/nav/menu-background.jpg);
	height:54px;
	width:900px;
	}
#navigation-1 {
	background:inherit;
	height:54px;
	padding:0;
	margin:0px;
	list-style:none;
	width:100%;
	font:bold 10pt arial, verdana, helvetica, sans-serif;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	text-align:center;
	vertical-align : middle;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding:0;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	background-color : inherit;
	height:54px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	padding:0;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	background-color : inherit;
	height:54px;
	background-image : url(images/nav/rolloverbackground.jpg);
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:inherit;
	width:200px;
	position:absolute;
	top:52px;
	left:-1px;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:200px;
	clear:left;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	text-align:left;
	font-weight:normal;
	background:gray;
	height:16px;
	line-height : 16px;
	padding:4px;
	width:200px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background:#555555;
	padding:4px;
	width:200px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}

.home { 
	width:106px;
	text-align:center;
	line-height:54px;
}
	
.about, .movie, .news, .press, .shop, .involved { 
	text-align:center;
	border-left: 1px solid gray;
	line-height:54px;
}	
	
.about { 
	width:168px;
}

.movie { 
	width:156px;
}

.news { 
	width:92px;
}

.press { 
	width:129px;
}

.shop { 
	width:96px;
}

.involved { 
	width:146px;
}