/* HTML Tags
-----------------------------------------------*/
html
{
	margin:0;
   	padding:0;
   	height:100%;

}

body
{
	margin:0px;
	padding:0px;
	background:#666666 url("../images/ui/background.jpg") no-repeat top center;
	font:12px "Century Gothic" Verdana, sans-serif;
	color:#dedede;
	height:100%
}

a
{
	color:#dedede;
	
	/* Get rid of that annoying Firefox outline */
  	outline: none;
}

a:link, a:visited
{
	text-decoration:underline;
}

a:hover
{
	color:#FFFFFF;
}

p
{
	line-height:16px;
}

/* Common
-----------------------------------------------*/
.clear
{
	clear:both;
}

.block
{
	display:block;
}

.top-gutter-image
{
	margin:10px 0px 0px 0px;
	_margin:7px 0px 0px 0px;
}

.top-gutter-text
{
	margin:5px 0px 0px 0px;
	_margin:6px 0px 0px 0px;
}

.top-gutter-after-bio-header
{
	margin:11px 0px 0px 0px;
	_margin:8px 0px 0px 0px;
}

.no-gutter
{
	margin:0px;
}

#container
{
	min-height:100%;
	position:relative;
}

/* Titles
-----------------------------------------------*/

#title-watch-the-trailer
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-watch-the-trailer.gif") no-repeat top;
	text-indent:-5000px;
}

#title-trailer
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-trailer.gif") no-repeat top;
	text-indent:-5000px;
}

#title-synopsis
{
	line-height:7px;
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-synopsis.gif") no-repeat top;
	text-indent:-5000px;
}

#title-from-the-director
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-from-the-director.gif") no-repeat top;
	text-indent:-5000px;
}

#title-press
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-press.gif") no-repeat top;
	text-indent:-5000px;
}

#title-press-media
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-press-media.gif") no-repeat top;
	text-indent:-5000px;
}

#title-movie-clips
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-movie-clips.gif") no-repeat top;
	text-indent:-5000px;
}

#title-downloads
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-downloads.gif") no-repeat top;
	text-indent:-5000px;
}

#title-bio
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-bio.gif") no-repeat top;
	text-indent:-5000px;
}

#title-biographies
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-biographies.gif") no-repeat top;
	text-indent:-5000px;
}

#title-movie-outline
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-movie-outline.gif") no-repeat top;
	text-indent:-5000px;
}

#title-screenings
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-screenings.gif") no-repeat top;
	text-indent:-5000px;
}

#title-contact
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-contact.gif") no-repeat top;
	text-indent:-5000px;
}

#title-long-synopsis
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-long-synopsis.gif") no-repeat top;
	text-indent:-5000px;
}

#title-directors-statement
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-directors-statement.gif") no-repeat top;
	text-indent:-5000px;
}

#title-homer-hickam
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-homer-hickam.gif") no-repeat top;
	text-indent:-5000px;
}

#title-leroy-dubeck
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-leroy-dubeck.gif") no-repeat top;
	text-indent:-5000px;
}

#title-patrick-lucanio
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-patrick-lucanio.gif") no-repeat top;
	text-indent:-5000px;
}

#title-gary-coville
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-gary-coville.gif") no-repeat top;
	text-indent:-5000px;
}

#title-richard-scheib
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-richard-scheib.gif") no-repeat top;
	text-indent:-5000px;
}

#title-david-gargani
{
	display:block;
	margin:0px;
	padding:0px;
	width:269px;
	height:12px;
	background:url("../images/ui/title-david-gargani.gif") no-repeat top;
	text-indent:-5000px;
}


/* Buttons
-----------------------------------------------*/
.button-read-more
{
	display:block;
	width:104px;
	height:26px;
	text-indent:-5000px;
	background:url("../images/ui/button-read-more.gif") no-repeat top;
}

.button-watch
{
	display:block;
	width:104px;
	height:26px;
	text-indent:-5000px;
	background:url("../images/ui/button-watch.gif") no-repeat top;
}

.button-find-screenings-your-area
{
	display:block;
	width:242px;
	height:26px;
	text-indent:-5000px;
	background:url("../images/ui/button-find-screenings-your-area.gif") no-repeat top;
}

.button-find-showtimes
{
	display:block;
	width:138px;
	height:26px;
	text-indent:-5000px;
	background:url("../images/ui/button-find-showtimes.gif") no-repeat top;
}

.button-download-this-movieclip
{
	display:block;
	width:257px;
	height:42px;
	text-indent:-5000px;
	background:url("../images/ui/button-download-this-movieclip.gif") no-repeat top;
}

/* Player Box & Buttons
-----------------------------------------------*/

#player-buttons
{
	width:172px;
	height:17px;
	background:url("../images/ui/player-buttons-bg.gif") no-repeat top;
	float:right;
}

#player-buttons #button-small
{
	display:block;
	width:45px;
	height:17px;
	background:url("../images/ui/button-player-small.gif") no-repeat top;
	text-indent:-5000px;
	float:right;
	margin-right:4px;
}

#player-buttons #button-large
{
	display:block;
	width:46px;
	height:17px;
	background:url("../images/ui/button-player-large.gif") no-repeat top;
	text-indent:-5000px;
	float:right;
	margin-right:4px;
}

#player-buttons #button-wmv
{
	display:block;
	width:40px;
	height:17px;
	background:url("../images/ui/button-player-wmv.gif") no-repeat top;
	text-indent:-5000px;
	float:right;
}

/* Body
-----------------------------------------------*/
#body
{
	width:848px;
	margin:13px auto 0px auto;
	padding-bottom:80px;
}

/* Left Column
-----------------------------------------------*/

#left-column
{
	width:532px;
	float:left;
}

#left-column .contentbox{background: #5a5a5a url("../images/ui/border-top.gif") repeat-x top;}
#left-column .contentbox .border-right {background: url("../images/ui/border-right.gif") repeat-y right;}
#left-column .contentbox .border-bottom {background: url("../images/ui/border-bottom.gif") repeat-x bottom;}
#left-column .contentbox .border-left  {background: url("../images/ui/border-left.gif") repeat-y left;}
#left-column .contentbox .corner-upper-left {background: url("../images/ui/border-top-left-corner.gif") no-repeat top left;}
#left-column .contentbox .corner-upper-right {background: url("../images/ui/border-top-right-corner.gif") no-repeat top right;}
#left-column .contentbox .corner-bottom-right {background: url("../images/ui/border-bottom-right-corner.gif") no-repeat bottom right;}
#left-column .contentbox .corner-bottom-left {background: url("../images/ui/border-bottom-left-corner.gif") no-repeat bottom left; margin-bottom:15px; padding:14px 16px 16px 16px; width:500px; overflow: hidden;}

.contentbox h4
{
	font-weight:bold;
	font-size:11px;
	margin:5px 0px 0px 0px;
	_margin:6px 0px 0px 0px;
	padding:0px;
}

.contentbox .left-column, .contentbox .right-column
{
	float:left;
	width:250px;
}

.contentbox ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

/* Right Column
-----------------------------------------------*/

#right-column
{
	margin-left:15px;
	width:301px;
	float:left;
}

#right-column .teaserbox{background: #5a5a5a url("../images/ui/border-top.gif") repeat-x top;}
#right-column .teaserbox .border-right {background: url("../images/ui/border-right.gif") repeat-y right;}
#right-column .teaserbox .border-bottom {background: url("../images/ui/border-bottom.gif") repeat-x bottom;}
#right-column .teaserbox .border-left  {background: url("../images/ui/border-left.gif") repeat-y left;}
#right-column .teaserbox .corner-upper-left {background: url("../images/ui/border-top-left-corner.gif") no-repeat top left;}
#right-column .teaserbox .corner-upper-right {background: url("../images/ui/border-top-right-corner.gif") no-repeat top right;}
#right-column .teaserbox .corner-bottom-right {background: url("../images/ui/border-bottom-right-corner.gif") no-repeat bottom right;}
#right-column .teaserbox .corner-bottom-left {background: url("../images/ui/border-bottom-left-corner.gif") no-repeat bottom left; margin-bottom:15px; padding:14px 16px 16px 16px; width:269px; overflow: hidden;}

/* Teasers
-----------------------------------------------*/

.teaserbox h4
{
	font-weight:bold;
	font-size:11px;
	margin:5px 0px 0px 0px;
	_margin:6px 0px 0px 0px;
	padding:0px;
}

#teaser-director .image-right, #teaser-press .image-right
{
	float: right; 
	vertical-align: text-top;
	
	margin:0px;
	padding:0px;
}

.teaserbox .left-column, .teaserbox .right-column
{
	float:left;
	width:134px;
}

.teaserbox ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

/* Contact
-----------------------------------------------*/

#contact-left-column, #contact-right-column
{
	float:left;
	width:250px;
}

/* Movieclips
-----------------------------------------------*/
#movie-clip-left-column
{
	float:left;
	width:320px;
}

#movie-clip-right-column
{
	float:left;
	padding-left:15px;
	width:165px;
}

#movie-clip-right-column #playlist li
{
	margin: 6px 0px;
}

#active-atoms #link-atoms, #active-homers #link-homers, #active-braun #link-braun, #active-dubeck #link-dubeck
{
	font-weight:bold;
}

/* Screenings
-----------------------------------------------*/
#screenings th
{
	font-weight:bold;
}

#screenings td
{
	border-bottom:solid 1px #b5b5b5;
	padding:5px 0px 5px 0px;
}

.date-column
{
	vertical-align:top;
	text-align:left;
	width:98px;
}

.time-column
{
	vertical-align:top;
	text-align:left;
	width:60px;
}

.theater-column
{
	vertical-align:top;
	text-align:left;
	width:181px;
}

.location-column
{
	vertical-align:top;
	text-align:left;
	width:163px;
}

/* Coming Soon
-----------------------------------------------*/
#coming-soon
{
	width:400px;
	text-align:center;
	font-size:25px;
	margin:200px auto 0px auto;
	
}

/* Logo
-----------------------------------------------*/
#logo
{
	width:848px;
	height:115px;
	margin:0px auto;
}

#logo h2
{
	margin:0px;
	padding:0px;
	text-indent:-5000px;
}

#logo h2 a
{
	width:264px;
	height:115px;
	display:block;
	border:none;
	background:url("../images/ui/logo-monsters.gif") no-repeat top left;
}

#logo h3
{
	margin:0px;
	padding:0px;
	height:0px;
	display:none;
	text-indent:-5000px;
}

/* Footer
-----------------------------------------------*/
#footer
{
	position:absolute;
	bottom:0px;
	font-size:11px;
	text-align:center;
	padding-top:8px;
	width:100%;
	height:30px;
	background:#333333 url("../images/ui/footer-bg.gif") repeat-x top left;
}

/* DVD offer */
#dvd-offer {  position:absolute; top:53px; margin-left:264px; }
#dvd-offer a { display:block; width:219px; height:62px; background:url(../images/ui/dvd-button.jpg) no-repeat top left; text-indent:-5000px; }
#dvd-offer a:hover { background-position:bottom; }

/* Menu
-----------------------------------------------*/
#menu
{
	width:852px;
	height:43px;
	margin:0px auto;
	padding:0px;
}

#menu ul
{
	margin:0px;
	padding:0px;
}

#menu li
{
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu a
{
	display:block;
	text-indent:-5000px;
	border-style: none;
	text-decoration: none;
	height:43px;
	float:left;
	margin:0px;
	padding:0px;
}

#menu-trailer a
{
	display:block;
	width:138px;
	height:43px;
	background:url("../images/ui/menu-trailer.gif") no-repeat top;
}

#menu-synopsis a
{
	display:block;
	width:156px;
	height:43px;
	background:url("../images/ui/menu-synopsis.gif") no-repeat top;
}

#menu-bio a
{
	display:block;
	width:96px;
	height:43px;
	background:url("../images/ui/menu-bio.gif") no-repeat top;
}

#menu-screenings a
{
	display:block;
	width:185px;
	height:43px;
	background:url("../images/ui/menu-screenings.gif") no-repeat top;
}

#menu-press a
{
	display:block;
	width:116px;
	height:43px;
	background:url("../images/ui/menu-press.gif") no-repeat top;
}

#menu-contact a
{
	display:block;
	width:161px;
	height:43px;
	background:url("../images/ui/menu-contact.gif") no-repeat top;
}

#menu a:active, #menu a:hover
{
	background-position: bottom;
}

#active-trailer #menu-trailer a, #active-synopsis #menu-synopsis a, #active-bio #menu-bio a, #active-screenings #menu-screenings a, #active-press #menu-press a, #active-contact #menu-contact a
{
	background-position:bottom;
}

/* Press */
div.pm-thumb-blurb { padding-top:10px; clear:both; cursor:pointer; }
div.pm-thumbnail { width:121px; padding-right:13px; margin-bottom:30px; float:left; }
div.pm-blurb { float:left; clear:right; width:350px; }