/*** NAV IMAGE MAP CONT'D ***/
/*swap images for links */
a#contact:link, a#contact:visited { 
	background-image: url(../images/nav-contact-on.gif);
	background-repeat:no-repeat;
}
a#films:hover { 
	background-image: url(../images/nav-films-over.gif);
	background-repeat:no-repeat;
}
a#projects:hover { 
	background-image: url(../images/nav-projects-over.gif);
	background-repeat:no-repeat;
}
a#news:hover { 
	background-image: url(../images/nav-news-over.gif);
	background-repeat:no-repeat;
}
a#about:hover { 
	background-image: url(../images/nav-about-over.gif);
	background-repeat:no-repeat;
}

/* fixes IE bug*/
a#about:hover, a#films:hover, a#news:hover, a#projects:hover, a#contact:hover { border: none; }

/*** FILM IMAGE MAP ***/
#filmFrame {
	position:relative;
	top:3px;
	left:130px;
	
	width: 600px;
	height: 44px;
	
	background-image:   url("../images/about/aboutNav-bg.jpg");
	background-repeat:no-repeat;
}
#film a {
	position:absolute;
	top:3px;	
	
	width:215px; /* width and height need to accomodate filmTitle below images on rollover */
	height:60px;
	
	text-decoration: none;
}
#film a i { 
	visibility: hidden;
}

/*position film links inside image map */
a#actual, a#bonni, a#jon { top: 0px; }
a#actual {left: 0px;} /* add 67px (space between thumbs)*/
a#bonni { left: 67px;}
a#jon { left: 134px;}

/*swap images for links */
/* border:none; fixes IE bug */
a#actual:link, a#actual:visited {background-image:  url("../images/filmNav/filmNav_on.gif"); background-repeat:no-repeat; border: none;}
a#bonni:hover {background-image:  url("../images/aboutNav/aboutNav-bonni.gif"); background-repeat:no-repeat; border: none;}
a#jon:hover {background-image:  url("../images/aboutNav/aboutNav-jon.gif"); background-repeat:no-repeat; border: none;}