/* 

DEVELOPER INFORMATION

version: 1.0
modified date: unknown
author: Jeff Fassnacht Design
website: www.jefffassnacht.com

version: 1.1
modified date: 04/12/2007
author: Michael Yap
email: myap@exoatmospheric.com

*/

/*** NAV IMAGE MAP CONT'D ***/
/*swap images for links */
a#about:hover { 
	background-image: url(../images/nav-about-over.gif);
	background-repeat:no-repeat;
}
a#films:hover { 
	background-image: url(../images/nav-films-over.gif);
	background-repeat:no-repeat;
}
a#news:hover { 
	background-image: url(../images/nav-news-over.gif);
	background-repeat:no-repeat;
}
a#projects:link, a#projects:visited { 
	background-image: url(../images/nav-projects-on.gif);
	background-repeat:no-repeat;
}
a#contact:hover { 
	background-image: url(../images/nav-contact-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:100px;
	
	width: 413px;
	height: 44px;
	
	background-image:   url("../images/projects/project-nav.jpg");
}
#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#nobel, a#heroes,  a#blame, a#beth, a#make, a#gitmo { top: 0px; }
a#nobel { left: 0px;} /* add 67px (space between thumbs)*/
a#heroes { left: 67px;}
a#blame { left: 134px;}
a#beth { left: 201px;}
a#make { left: 268px;}
a#gitmo { left: 335px;}


/*swap images for links */
/* border:none; fixes IE bug */
.on {background-image:  url("../images/filmNav/filmNav_on.gif"); background-repeat:no-repeat; border: none;}
a#nobel:hover {background-image:  url("../images/filmNav/filmNav-nobel.gif"); background-repeat:no-repeat; border: none;}
a#heroes:hover {background-image:  url("../images/filmNav/filmNav-heroes.gif"); background-repeat:no-repeat; border: none;}
a#blame:hover {background-image:  url("../images/filmNav/filmNav-blame.gif"); background-repeat:no-repeat; border: none;}
a#beth:hover {background-image:  url("../images/filmNav/filmNav-beth.gif"); background-repeat:no-repeat; border: none;}
a#make:hover {background-image:  url("../images/filmNav/filmNav-make.gif"); background-repeat:no-repeat; border: none;}
a#gitmo:hover {background-image:  url("../images/filmNav/filmNav-gitmo.gif"); background-repeat:no-repeat; border: none;}

/*** GRAPHIC THUMBNAIL INDEX ***/
#indexFrame {
	position:relative;
	top:3px;
	left:20px;
	width:800px;
}
.indexThumb {
		float:left;
	width:370px; /*400px*/
	padding:16px 0 8px 20px;
	margin:0px;
	
	font-size:12px;
	line-height:16px;
	color:#CCCCCC;
}
.indexThumb p {
	padding:2px 0 2px 0;
	margin:0;
}
.indexThumb img{
		float:left;
	padding:0 5px 0 5px;
	border:0;
}
.indexThumb a {
	font-size:15px;
	margin:0;
	padding-bottom:.5em;
	text-decoration:none;
}
.indexThumb a.more {
	font-size:10px;
}