@charset "UTF-8";

#menu {
	list-style-type: none;
	margin: 0px;
	float: left;
	padding-top: 127px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	}
	
 ul#nav li {
	list-style:none;
	float: left;
	text-decoration: none;
	display: block;
	position: relative;
	height: 25px;
	width: 285px;
	margin: 0 20px;
	


}

#menu ul#nav li#about {width:102px;}
#menu ul#nav li#cast {width:31px;}
#menu ul#nav li#crew {width:32px;}
#menu ul#nav li#press {width:38px;}
#menu ul#nav li#video {width:36px;}
#menu ul#nav li#blog {width:33px;}



#menu ul#nav a span{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-decoration: none;
	
}

#menu ul#nav li#about a span, #menu ul#nav li#cast a span,#menu ul#nav li#crew a span, #menu ul#nav li#press a span, #menu ul#nav li#video a span,#menu ul#nav li#blog a span{
	background-image: url(../Images/nav_menu.png);
	background-repeat: no-repeat;
}



#menu #nav #about a {
	color: #603813;
}
#menu #nav #cast a {
	color: #603813;
}
#menu #nav #crew a {
	color: #603813;
}
#menu #nav #press a {
	color: #603813;
}
#menu #nav #video a {
	color: #603813;
}
#menu #nav #blog a {
	color: #603813;
}


/* button position*/

#menu ul#nav li#about a:link span, ul#nav li#about a:visited span {
background-position: 0 0;
}

#menu ul#nav li#cast a:link span, ul#nav li#cast a:visited span {
background-position: -105px 0;
}

#menu ul#nav li#crew a:link span, ul#nav li#crew a:visited span {
background-position: -138px 0;
}

#menu ul#nav li#press a:link span, ul#nav li#press a:visited span {
background-position: -171px 0;
}

#menu ul#nav li#video a:link span, ul#nav li#video a:visited span {
background-position: -211px 0;
}

#menu ul#nav li#blog a:link span, ul#nav li#blog a:visited span {
background-position: -251px 0;
}



/* rollover*/



#menu ul#nav li#about a:hover span, ul#nav li#about a:active span {
background-position: 0 -27px;
}

#menu ul#nav li#about a:hover span {
cursor: pointer; /*for IE*/
}

#menu ul#nav li#cast a:hover span, ul#nav li#cast a:active span {
background-position: -105px -27px;
}

#menu ul#nav li#cast a:hover span {
cursor: pointer; /*for IE*/
}

#menu ul#nav li#crew a:hover span, ul#nav li#crew a:active span {
background-position: -138px -27px;
}

#menu ul#nav li#crew a:hover span {
cursor: pointer; /*for IE*/
}

#menu ul#nav li#press a:hover span, ul#nav li#press a:active span {
background-position: -171px -27px;
}

#menu ul#nav li#press a:hover span {
cursor: pointer; /*for IE*/
}

#menu ul#nav li#video a:hover span, ul#nav li#video a:active span {
background-position: -211px -27px;
}

#menu ul#nav li#video a:hover span {
cursor: pointer; /*for IE*/
}

#menu ul#nav li#blog a:hover span, ul#nav li#blog a:active span {
background-position: -251px -27px;
}

ul#nav li#blog a:hover span {
cursor: pointer; /*for IE*/
}


/*selected state*/

#page_about #menu ul#nav li#about a span {
background-position: 0 -27px; cursor: pointer;

}

#page_cast #menu ul#nav li#cast a span {
background-position: -105px -27px; cursor: pointer;

}

#page_crew #menu ul#nav li#crew a span {
background-position: -138px -27px; cursor: pointer;

}

#page_press #menu ul#nav li#press a span {
background-position: -171px -27px; cursor: pointer;

}

#page_video #menu ul#video li#video a span {
background-position: -211px -27px; cursor: pointer;

}