/*
Company:	
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @Movies */

.trailer_big, .trailer_small, .stills {
	position: relative;
}

.trailer_small {
	margin-bottom: 15px;
}

.trailer_big a {
	position: relative;
	left: 28px;
	top: -6px;
	font-size: 12pt;
	font-weight: bold;
	display: block;
	padding: 265px 0 30px 0;
}

.trailer_big a:hover {
	padding-top: 268px;
	margin-bottom: -3px;
}

.trailer_small a {
	position: relative;
	left: -16px;
	margin-top: 8px;
	padding: 8px 0 5px 127px;
	font-size: 12pt;
	font-weight: bold;
	display: block;
	width: 260px;
	height: 110px;
}

/* @end */
/* @Stills */

#polaroid {
	position: relative;
	left: 28px;
	top: -6px;
	display: block;
	padding: 265px 0 50px 40px;
	background: url(../images/directors.jpg) no-repeat;
}

#comingsoon {
	position: relative;
	left: 28px;
	top: -6px;
	display: block;
	padding: 265px 0 50px 40px;
	background: url(../images/comingsoon.jpg) no-repeat;
}

.stills a div{
	cursor: pointer;
	position: relative;
	float: left;
	height: 115px;
	width: 120px;
}

/* @end */
/* @Mortals */

a#mortals_trailer {
	background: url(../images/mortals_movie.jpg) no-repeat;
	padding-left: 40px;
}

a:hover#mortals_trailer {
	background: url(../images/mortals_trailer_over.jpg) no-repeat;	
}

a#mortals_movie {
	background: url(../images/mortals_movie.jpg) no-repeat;
	padding-left: 40px;
}

a:hover#mortals_movie {
	background: url(../images/mortals_movie_over.jpg) no-repeat;	
}

a#mortals1 div{
	background: url(../images/mortals1.jpg) no-repeat;
	margin-top: -3px;
	margin-right: 15px;
}

a:hover#mortals1 div{
	background: url(../images/mortals1_over.jpg) no-repeat;	
}

a#mortals2 div{
	background: url(../images/mortals2.jpg) no-repeat;
	margin-top: -3px;

}

a:hover#mortals2 div{
	background: url(../images/mortals2_over.jpg) no-repeat;	
}

a#mortals3 div{
	background: url(../images/mortals3.jpg) no-repeat;
	margin-right: 26px;
}

a:hover#mortals3 div{
	background: url(../images/mortals3_over.jpg) no-repeat;
	
}

a#mortals4 div{
	background: url(../images/mortals4.jpg) no-repeat;
}

a:hover#mortals4 div{
	background: url(../images/mortals4_over.jpg) no-repeat;	
}

a#mortals5 div{
	background: url(../images/mortals5.jpg) no-repeat;
	margin-right: 24px;
}

a:hover#mortals5 div{
	background: url(../images/mortals5_over.jpg) no-repeat;	
}

a#mortals6 div{
	background: url(../images/mortals6.jpg) no-repeat;
	width: 126px;
	margin-top: -4px;

}

a:hover#mortals6 div{
	background: url(../images/mortals6_over.jpg) no-repeat;	
}

a#mortals7 div{
	background: url(../images/mortals7.jpg) no-repeat;
	width: 124px;
	margin-top: 4px;
	margin-right: 20px;
	left: -148px;
}

a:hover#mortals7 div{
	background: url(../images/mortals7_over.jpg) no-repeat;	
}

a#mortals8 div{
	background: url(../images/mortals8.jpg) no-repeat;
	width: 126px;
	top: -119px;
	left: 143px;

}

a:hover#mortals8 div{
	background: url(../images/mortals8_over.jpg) no-repeat;	
}

/* @end */
/* @GotanMora */

a#gotanmora_trailer {
	background: url(../images/GM_movie.jpg) no-repeat;
	padding-left: 35px;
}

a:hover#gotanmora_trailer {
	background: url(../images/GM_movie_over.jpg) no-repeat;	
}

a#gotan1 div{
	background: url(../images/gotan1.jpg) no-repeat;
	margin-top: -3px;
	margin-right: 15px;
}

a:hover#gotan1 div{
	background: url(../images/gotan1_over.jpg) no-repeat;	
}

a#gotan2 div{
	background: url(../images/gotan2.jpg) no-repeat;
	margin-top: -3px;
}

a:hover#gotan2 div{
	background: url(../images/gotan2_over.jpg) no-repeat;	
}

a#gotan3 div{
	background: url(../images/gotan3.jpg) no-repeat;
	margin-right: 26px;
}

a:hover#gotan3 div{
	background: url(../images/gotan3_over.jpg) no-repeat;	
}

a#gotan4 div{
	background: url(../images/gotan4.jpg) no-repeat;
}

a:hover#gotan4 div{
	background: url(../images/gotan4_over.jpg) no-repeat;	
}

a#gotan5 div{
	background: url(../images/gotan5.jpg) no-repeat;
	margin-right: 24px;
}

a:hover#gotan5 div{
	background: url(../images/gotan5_over.jpg) no-repeat;	
}

a#gotan6 div{
	background: url(../images/gotan6.jpg) no-repeat;
	width: 126px;
	margin-top: -4px;
}

a:hover#gotan6 div{
	background: url(../images/gotan6_over.jpg) no-repeat;	
}

a#gotan7 div{
	background: url(../images/gotan7.jpg) no-repeat;
	width: 124px;
	margin-top: 4px;
	margin-right: 20px;
	left: -148px;
}

a:hover#gotan7 div{
	background: url(../images/gotan7_over.jpg) no-repeat;	
}

/* @end */
/* @EarlyFilms */

a#Badass_trailer {
	background: url(../images/Badass_movie.jpg) no-repeat;
}

a#Steve_trailer {
	background: url(../images/Steve_movie.jpg) no-repeat;
	top: -5px;
}

a#Liesel_trailer {
	background: url(../images/Liesel_movie.jpg) no-repeat;
	top: -10px;
}

/* @end */
/* @NCFA */

a#ncfa_trailer {
	background: url(../images/NCFA_movie.jpg) no-repeat;
	padding-left: 55px;
}

a:hover#ncfa_trailer {
	background: url(../images/NCFA_movie_over.jpg) no-repeat;	
}

a#ncfaspan_trailer {
	background: url(../images/NCFAsp_movie.jpg) no-repeat;
	padding-left: 55px;
}

a:hover#ncfaspan_trailer {
	background: url(../images/NCFAsp_movie_over.jpg) no-repeat;	
}

a#ncfa1 div{
	background: url(../images/ncfa1.jpg) no-repeat;
	margin-top: -3px;
	margin-right: 15px;
}

a:hover#ncfa1 div{
	background: url(../images/ncfa1_over.jpg) no-repeat;	
}

a#ncfa2 div{
	background: url(../images/ncfa2.jpg) no-repeat;
	margin-top: -3px;
}

a:hover#ncfa2 div{
	background: url(../images/ncfa2_over.jpg) no-repeat;	
}

a#ncfa3 div{
	background: url(../images/ncfa3.jpg) no-repeat;
	margin-right: 26px;
}

a:hover#ncfa3 div{
	background: url(../images/ncfa3_over.jpg) no-repeat;	
}

a#ncfa4 div{
	background: url(../images/ncfa4.jpg) no-repeat;
}

a:hover#ncfa4 div{
	background: url(../images/ncfa4_over.jpg) no-repeat;	
}

a#ncfa5 div{
	background: url(../images/ncfa5.jpg) no-repeat;
	margin-right: 24px;
}

a:hover#ncfa5 div{
	background: url(../images/ncfa5_over.jpg) no-repeat;	
}

a#ncfa6 div{
	background: url(../images/ncfa6.jpg) no-repeat;
	width: 126px;
	margin-top: -4px;
}

a:hover#ncfa6 div{
	background: url(../images/ncfa6_over.jpg) no-repeat;	
}

a#ncfa7 div{
	background: url(../images/ncfa7.jpg) no-repeat;
	width: 124px;
	margin-top: 4px;
	margin-right: 20px;
	left: -148px;
}

a:hover#ncfa7 div{
	background: url(../images/ncfa7_over.jpg) no-repeat;	
}

a#ncfa8 div{
	background: url(../images/ncfa8.jpg) no-repeat;
	width: 126px;
	top: -119px;
	left: 143px;
}

a:hover#ncfa8 div{
	background: url(../images/ncfa8_over.jpg) no-repeat;	
}

/* @end */
/* @SafeHaven */

a#SHpatty_trailer {
	background: url(../images/SHpatty_movie.jpg) no-repeat;
}

a#SHlaura_trailer {
	background: url(../images/SHlaura_movie.jpg) no-repeat;
	top: -5px;
}

/* @end */
/* @AspenBay */

a#ABkungfu_trailer {
	background: url(../images/ABkungfu_movie.jpg) no-repeat;
}

a#ABwakeup_trailer {
	background: url(../images/ABwakeup_movie.jpg) no-repeat;
	top: -5px;
}

a#ABsecurity_trailer {
	background: url(../images/ABsecurity_movie.jpg) no-repeat;
	top: -10px;
}

/* @end */
/* @FifthFreedom */

a#fifthfreedom_trailer {
	background: url(../images/FF_movie.jpg) no-repeat;
	padding-left: 30px;
}

a:hover#fifthfreedom_trailer {
	background: url(../images/FF_movie_over.jpg) no-repeat;	
}

/* @end */