/* Beebe Bahrami navigation rollover styles  */



 .rollovernav1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav-home-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 379px;
height: 45px;
margin: 0;
padding: 0;
}

 .rollovernav1 a
{
display: block;
color: #000000;
font-size: 11px;
width: 379px;
height: 45px;
display: block;
float: left;
color: black;
text-decoration: none;
}

 .rollovernav1 img
{
width: 379px;
height: 45px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .rollovernav1 a:hover img
{
visibility:hidden
}

 .rollovernav1 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



 .rollovernav2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav-plot-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 379px;
height: 24px;
margin: 0;
padding: 0;
}

 .rollovernav2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 379px;
height: 24px;
display: block;
float: left;
color: black;
text-decoration: none;
}

 .rollovernav2 img
{
width: 379px;
height: 24px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .rollovernav2 a:hover img
{
visibility:hidden
}

 .rollovernav2 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}




 .rollovernav3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav-filmmakers-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 379px;
height: 24px;
margin: 0;
padding: 0;
}

 .rollovernav3 a
{
display: block;
color: #000000;
font-size: 11px;
width: 379px;
height: 24px;
display: block;
float: left;
color: black;
text-decoration: none;
}

 .rollovernav3 img
{
width: 379px;
height: 24px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .rollovernav3 a:hover img
{
visibility:hidden
}

 .rollovernav3 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}




 .rollovernav4
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav-timeline-rollover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 379px;
height: 46px;
margin: 0;
padding: 0;
}

 .rollovernav4 a
{
display: block;
color: #000000;
font-size: 11px;
width: 379px;
height: 46px;
display: block;
float: left;
color: black;
text-decoration: none;
}

 .rollovernav4 img
{
width: 379px;
height: 46px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .rollovernav4 a:hover img
{
visibility:hidden
}

 .rollovernav4 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}