/* CSS Document */

/****************************/
/*********BUTTONS************/

/*set images for items inside menu*/
/*Use :link :visited for the button ON state*/
/*Use :hover for live buttons*/
a#home:hover { 
	background-image:  url("../images/navButtons/home-over.gif");
	background-repeat:no-repeat;
}
a#about:hover { 
	background-image:  url("../images/navButtons/about-over.gif");
	background-repeat:no-repeat;
}
a#trailer:link, a#trailer:visited { 
	/*background-image: url(../images/trailer-over.gif);*/
	background-repeat:no-repeat;
}
a#screenings:hover { 
	background-image:  url("../images/navButtons/screenings-over.gif");
	background-repeat:no-repeat;
}
a#filmmakers:hover { 
	background-image: url(../images/filmmakers-over.gif);
	background-repeat:no-repeat;
}
a#press:hover { 
	background-image:  url("../images/navButtons/press-over.gif");
	background-repeat:no-repeat;
}
a#education:hover { 
	background-image:  url("../images/navButtons/education-over.gif");
	background-repeat:no-repeat;
}
a#extra:hover { 
	background-image:  url("../images/navButtons/extra-over.gif");
	background-repeat:no-repeat;
}
/* fixes IE bug*/
a#home:hover,
a#about:hover,
a#trailer:hover,
a#screenings:hover,
a#filmmakers:hover,
a#press:hover,
a#education:hover,
a#extra:hover { border: none; }

/*********************************/
/************STYLES***************/
.boxLink a:link, .boxLink a:visited {
	color:#CCFF33;
	background-color:#999;
	text-decoration: none;
}
.boxLink a:hover {
	color:#CCFF00;
	background-color:#777;
	text-decoration: none;
}
#trailerContainer {
	position:relative;
	width: 480px;
	margin-top: -18px;
	margin-left:10px;
	float: left;
}