/*
	##     The Secret In Their Eyes
	##     Updated: March 21, 2010
  	##     css by www.mimoymima.com
  
	- - - Color References - - -
	background: #000;
	text: #FFF;
	footer text: #333;
*/

/* - - - Tags on this site - - - */
	
	html { color: #CCC; background: #000; }

	/* set width to 100% unless this is a fixed width site */
	body { background-color: #000; font: 300 1.3em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif; }
	.Container { position: relative; width: 902px; margin: 0 auto; }

	/* Links */
	a:link, a:visited { color: #FFFFFF; text-decoration: none; }
	a:hover, a:focus, a:active { color: #FFFFFF; text-decoration: underline; }
	
	/* Content Headings */
    #Content h1 { font-size: 1.8em; margin: 1.5em 0 .3em 0; }
    #Content h2 { font-size: 1.6em; margin: 1.5em 0 .3em 0; }
    #Content h3 { font-size: 1.4em; margin: 1.5em 0 .3em 0; }
    #Content h4 { font-size: 1.2em; margin: 1.5em 0 .3em 0; }
    #Content h5 { font-size: 1.0em; margin: 1.5em 0 .3em 0; }
    #Content h6 { font-size: 0.8em; margin: 1.5em 0 .3em 0; }
	#Content h1+h2, #Content h2+h3, #Content h3+h4, #Content h4+h5, #Content h5+h6 { padding-top: 0 !important; }
	
	/* jQuery */
	.MakeLink { color: #06F !important; text-decoration: none; } 
	.MakeLink:hover, .MakeLink:focus, .MakeLink:active { cursor: pointer; color: #C60; text-decoration: underline; }


/* - - - Page Divisions on this site - - - */
		
	/* Nav with image replacement */
	#Nav { position: absolute; top: 535px; left: 400px; height: 16px; font-family: courier, monospace; font-size: 1.3em; overflow: hidden; } /* don't remove overflow hidden */
	#Nav ul { width: 500px; }
	#Nav a { height: 16px; display: inline-block; color: #CCC; line-height: 1em; text-transform: uppercase; text-decoration: none; letter-spacing: .08em; }
	/*#Nav a {padding: 0px 9px}*/
	#Nav a:hover, #Nav a:focus, #Nav a:active { color: #FFF; }
	#Nav li.Active a { color: #FFF; }
	#Nav .Active a:hover, #Nav .Active a:focus { color: #FFF; }
			
		/* UP -- Image Replacement for nav */
		#NavHome a { height: 16px; width: 79px; background: url('../images/nav.png') 0 0 no-repeat; }
		#NavSynopsis a { height: 16px; width: 112px; background: url('../images/nav.png') -78px 0 no-repeat; }
		#NavGallery a { width: 103px; background: url('../images/nav.png') -188px 0 no-repeat; }
		#NavTrailer a { width: 110px; background: url('../images/nav.png') -292px 0 no-repeat; }
		#NavReviews a { width: 86px; background: url('../images/nav.png') -398px 0 no-repeat; }
		
				
		/* DOWN -- Image Replacement for nav */
		#NavHome a:hover, #NavHome a:focus { background-position: 0px -15px; }
		#NavSynopsis a:hover, #NavSynopsis a:focus { background-position: -78px -15px; }
		#NavGallery a:hover, #NavGallery a:focus { background-position: -188px -15px; }
		#NavTrailer a:hover, #NavTrailer a:focus { background-position: -292px -15px; }
		#NavReviews a:hover, #NavReviews a:focus { background-position: -398px -15px; }
		
		/* hide the span text */
		#Nav a span { position: absolute; left: -999em; }
			
		/* Active State - Image Replacement for nav */
		#NavHome.Active a { background-position: 0 -16px; }
		#NavSynopsis.Active a { background-position: -78px -15px; }
		#NavGallery.Active a { background-position: -188px -15px; }
		#NavTrailer.Active a { background-position: -292px -15px; }
		#NavReviews.Active a { background-position: -398px -15px; }
	
	/* Content*/
	#Content { font-size: 1.3em; }
	
	#MusicLink { position: absolute; top: 500px; left: 5px; }
	
	#DVDart { width: 179px; height: 185px; background: url('../images/secret-in-their-eyes_dvds.png') 0 0 no-repeat; position: absolute; top: 333px; left: 337px; }
		#BlueRayLink { display: block; width: 56px; height: 126px; position: absolute; }
		#DVDLink { display: block; width: 88px; height: 126px; position: absolute; }
		#Home #BlueRayLink { left: 25px; top: 16px; }
		#Home #DVDLink {  left: 83px; top: 16px; }
		
	#DVDlinks { color: white !important; font-size: 10px; background: #000; padding: 2px; position: absolute; top: 594px; left: 700px; }
	#Home #DVDlinks { top: 479px !important; left: 369px !important; }
		#DVDlinks a:link, #DVDlinks a:visited { color: white !important; }
		#DVDlinks a:hover, #DVDlinks a:active, #DVDlinks a:focus { color: white !important; text-decoration: underline !important; }
		
	/* Footer */
	#Footer { margin-left: 10px; margin-bottom: 40px; font-size: .7em; color: #333; clear: both; text-transform: uppercase; font-family: trajan, "Hoefler Text", baskerville, cambria, georgia, 'lucida bright', palatino, bookman, 'Bookman Old Style', 'Book Antiqua', serif !important; }
	#Footer #FooterLinks { min-height: 40px; height: auto !important; height: 40px; text-align: right; float: left; }
	#Footer a { color: #333; text-decoration: none; }
	#Footer a:hover, #Footer a:active { color: #666; }
	#Footer .Small { font-size: 10px; }
	#Footer #FacebookIcon { float: left; margin-top: -3px; margin-left: 7px; margin-right: 5px;  }
	#Footer #AddLinks a { display: inline-block; padding:10px 5px; font-size: 1.5em; border-left: 2px solid #333; }

/* - - - Classes - - - */
	
	/* TextBox */
	.TextBox { font-size: .7em; width: 400px; height: 240px; overflow: auto; }
	
	/* Elements you want hidden by placement off screen */
	.Hidden { position: absolute; left: -999em; }
	
	/* Javascript Indicator */
	#JSIndicator { position: absolute; top: 9em; right: 0px; }
	#JSIndicator a:link, #JSIndicator a:visited { font-weight: bold; font-size: .9em; text-transform: uppercase; background-color: #FF0; color: #09C; text-decoration: underline; padding: .5em 1em; }
	#JSIndicator a:hover, #JSIndicator a:active, #JSIndicator a:focus { text-decoration: none; }	

/* - - - Specific Pages on this site - - - */

/* Home */
#Home { background: #000 url('../images/bkg_secret-in-their-eyes.jpg') top left no-repeat; }
#Home #Content { min-height: 648px; height: auto !important; height: 648px; }
#Home #NavHome { visibility: hidden; }

/* Synopsis */
#Synopsis { background: #000 url('../images/bkg2_secret-in-their-eyes.jpg') 0 0 no-repeat; }
#Synopsis #Content { min-height: 628px; height: auto !important; height: 628px; }
#Synopsis .TextBox { position: absolute; top: 260px; left: 485px; }
#Synopsis #FlashMain { position: absolute; top: 260px; left: 470px; }

/* Gallery */
#Gallery { background: #000 url('../images/bkg2_secret-in-their-eyes.jpg') 0 0 no-repeat; }
#Gallery #Content { min-height: 628px; height: auto !important; height: 628px; }
#Gallery #FlashGallery { position: absolute; top: 260px; left: 470px; width: 420px; height: 260px; }
#Gallery #FlashMain { position: absolute; top: 260px; left: 470px; }

/* Reviews */
#Reviews { background: #000 url('../images/bkg2_secret-in-their-eyes.jpg') 0 0 no-repeat; }
#Reviews #Content { min-height: 628px; height: auto !important; height: 628px; }
#Reviews .TextBox { position: absolute; top: 260px; left: 485px; }
#Reviews #FlashMain { position: absolute; top: 260px; left: 470px; }