/* =Styles for the lab
-------------------------------------------------------------- */
#title {
	letter-spacing:1vw; 
	padding:5px; 
	color:#FFF; 
	font-size:10px;
}

.buttonMenu {
	font-size: 2vw;
	width: auto;
	white-space: nowrap;
	overflow: hidden;
	color: #fff!important;
	font-weight: 400;
	letter-spacing: 2px;
	border-bottom: 1px solid rgba(255,255,255,1.00);
	margin-left: 1vw;
	margin-right: 1vw;
}
.buttonMenu:hover
{
	color: #CCC!important;
	border-bottom: 3px solid rgba(255,255,255,1.00);
	margin-bottom: -2px;

}
/* style all links */
nav a {
    color:#fff;
    text-decoration:none;
    display:block;
}
nav a:hover,
nav a:focus,
nav a:active {
    color:rgb(100,100,100, 1.00);
}

nav {
	padding:10px 0;
}
nav ul {
    list-style-type:none;
    padding:0;
	width:90vw;
    margin-left:5vw;
	margin-right:5vw;
}
nav ul li {
    display:inline-block;
    position:relative;
}

/* sub navigation */
#recent_releases_submenu {
	width: 25vw;
	margin-left: -1vw; 
}
#films_submenu {
	width: 20vw;
	margin-left: -1vw;
}
nav li ul {
    background: rgba(0, 0, 0, .85);
	font-size:1.5vw;
    position:absolute;
	left:0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
nav li li {
    position:relative;
    margin:0;
    display:block;
}
nav li li ul {
    position:absolute;
    top:0;
    margin:0;
}


/* style sub level links */
nav li li a {
    border-bottom:solid 1px #999;
    margin:0 20px;
    padding:0;
	line-height: 40px;
}
nav li li:last-child a {
    border-bottom:none;
}

/* hide sub menu links */
ul.sub-menu {
    display:none;
}

/* show arrows for dropdowns */
nav li.dropdown > a {
    background-image:url('../img/arrow-down.png');
    background-position:right 20px;
    background-repeat:no-repeat;
}

nav li li.dropdown > a {
    background-image:url('../img/arrow-right.png');
    background-position:right 16px;
    background-repeat:no-repeat;
}