/* 

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:link, a#films:visited { 
	background-image: url(../images/nav-films-on.gif);
	background-repeat:no-repeat;
}
a#news:hover { 
	background-image: url(../images/nav-news-over.gif);
	background-repeat:no-repeat;
}
a#projects:hover { 
	background-image: url(../images/nav-projects-over.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: 546px;
	height: 44px;
	
	background-image:   url("../images/films/filmNav-bg.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#lost, a#democracy, a#rape, a#beginning, a#fire, a#kofi, a#wonders, a#open { top: 0px; }
a#lost { left: 0px;} /* add 67px (space between thumbs)*/
a#democracy { left: 67px;}
a#rape { left: 134px;}
a#beginning { left: 201px;}
a#kofi { left: 268px;}
a#fire { left: 335px;}
a#wonders { left: 402px;}
a#open { left: 469px;}


/*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#lost:hover {background-image:  url("../images/filmNav/filmNav-lost.gif"); background-repeat:no-repeat; border: none;}
a#rape:hover {background-image:  url("../images/filmNav/filmNav-rape.gif"); background-repeat:no-repeat; border: none;}
a#democracy:hover {background-image:  url("../images/filmNav/filmNav-democracy.gif"); background-repeat:no-repeat; border: none;}
a#beginning:hover {background-image:  url("../images/filmNav/filmNav-beginning.gif"); background-repeat:no-repeat; border: none;}
a#fire:hover {background-image:  url("../images/filmNav/filmNav-fire.gif"); background-repeat:no-repeat; border: none;}
a#kofi:hover {background-image:  url("../images/filmNav/filmNav-kofi.gif"); background-repeat:no-repeat; border: none;}
a#wonders:hover {background-image:  url("../images/filmNav/filmNav-wonders.gif"); background-repeat:no-repeat; border: none;}
a#open:hover {background-image:  url("../images/filmNav/filmNav-open.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;
}