/* 
    Document   : navigation
    Created on : Sep 22, 2010, 2:28:54 PM
    Author     : Byron McMullen
    Description:
        Creates a cross-page style guide for the persistent top
        navigation bar.
*/
#nav_back {
  background: url('../resources/images/nav_bar.png') repeat-x top;

}

#nav {
  height: 34px;
  position: relative; /* allows absolute positioning relative to div */
  overflow: hidden; /* forces div to enclose floated children */
}

#nav>ul {
  height: 100%;
  margin: 0;
}

#nav li {
  width: 160px;
  margin: 0;

  text-align: center;
}

#nav li a {
  display: block;

  line-height: 34px;
}

#nav li .nav_btn_left {
  display: none;
  float: left;
  background: url('../resources/images/nav_left.png') no-repeat;
  width: 2px;
  height: 34px;
}

#nav li .nav_btn_right {
  display: none;
  float: right;
  background: url('../resources/images/nav_right.png') no-repeat;
  width: 2px;
  height: 34px;
}
#nav a {
  background: #31273f url('../resources/images/nav_back.png') repeat-x;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  margin: 0 1px;
}

#nav a, #nav a:hover, #nav a:visited {
  color: white;
  text-decoration: none;
}

#nav a:hover, 
.overview #nav li.overview a,
.faq #nav li.faq a,
.media #nav li.media a,
.contact #nav li.contact a
{
  background: url('../resources/images/nav_back_hover.png') repeat-x;
}

/* media navigation */
#media-nav { 
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: auto;
	border-bottom: 1px solid #76B4C1;
	margin-bottom: 15px;
}
#media-nav li {
	float: left;
	margin: 0;
	padding: 0;
}
#media-art li.art a, #media-screen li.screen a, #media-movies li.movies a {
	color: #FFF;
	font-weight: bold;
}
#media-nav li a {
	display: block;
	width: 250px;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	color: #76B4C1;
}
#media-nav li a:hover {
	color: #FFF;
}