/* Eric Myer Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

body{width: 100%; height: 100%; background: url(../images/pattern.gif); #000;}

.mobile{display: none;}

img{position: absolute; z-index: 10;}
img.coming{right: 24px; top:10px; }
img.release{right: 4.2%; top:69px}
img.tribeca{right: 140px; top: 10px;}
img.sundance{right: 10px; top: 10px; }
img.download{right: 50px; top:570px;  width: 15%;}
img.trailer{right: 90px; top:590px;  width: 11%;}
img.facebook{right: 3%; margin-top:57%;  width: 3%;}

a.enter-site{background: url(../images/enter-site.png) no-repeat; display: block; height: 42px; width: 175px;  position: absolute; z-index: 100; right: 43px; top: 410px;}

div#tixMenu {position: absolute; z-index: 100; right: 25px; top: 235px;}

#soundtrack{position: absolute; right: 40px; top:120px; text-align: right;  width: 25%; z-index: 10;}
#hotlist{background: url(../images/hotlist.png) no-repeat; display: block; width: 315px; height: 40px; text-indent: -9000px; position: absolute; top: 660px; left: 320px;}


#soundtrack img{position: relative;}
#soundtrack img.full{ }
#soundtrack img.itunes{ top: 2px;}
#soundtrack img.amazon{ margin-right: 6%; top: 2px;}
#soundtrack img.bullet{top: 2px;}


#trailer-mobile{display: none;}
#container{}
.clear{clear: both;}
#wrapper{margin: 0 auto; position: relative; width: 1006px; height: 704px; background: url(../images/wrapper.jpg) no-repeat;}
a#trailerlink{display: block; z-index: 100;}

img#background{width: 100%; position: absolute; top: 0; left: 0; z-index: 1;}

iframe.desktop{position: absolute; right: -28px; top: 635px; z-index: 10;}
.desktop#twitterShare {position: absolute; right: 200px; top: 525px; z-index: 10;}

#nyroModalTitle{display: none;}

/*#trailerholder{z-index: 20; position: absolute; left: 15%;}*/
.ratings-mobile{display: none;}
.ratings-desktop{position: absolute; top: 650px; left: 50px;}


#soundtrack #btn-itunes, #soundtrack #btn-bluray {
	position:absolute;
	width:120px;
	height:20px;
	right:32px;
	z-index:100;
}

#soundtrack #btn-bluray {
	top:140px;	
}

#soundtrack #btn-itunes {
	top:45px;		
}


/* dropdown */

div#tixMenu > li {border:none !important;}
					
div#tixMenu ul li a.item1{
	background:url(../images/buytickets.png) no-repeat 0 -33px;
	display:block;
	height:32px;
	width:134px;
	border-right: none !important;
}

div#tixMenu ul li a.item1:hover{
	background-position:0 0;
}
div#tixMenu ul li a.item2:hover, div#tixMenu ul li a.item3:hover, div#tixMenu ul li a.item4:hover{
	background-position:0 -13px;
}

div#tixMenu ul li a.item2{
	background:url(../images/movieTickets.png) no-repeat 0 0px;
	display:block;
	height:13px;
	width:134px;
}

div#tixMenu ul li a.item3{
	background:url(../images/movieFone.png) no-repeat 0 0px;
	display:block;
	height:13px;
	width:134px;
}

div#tixMenu ul li a.item4{
	background:url(../images/fandango.png) no-repeat 0 0px;
	display:block;
	height:13px;
	width:134px;
}

body div#tixMenu {
	font: 14px Helvetica, Sans-Serif;
	text-align:center;
}
div#tixMenu a {
	text-decoration: none;
}
div#tixMenu ul {
	list-style: none;
}
div#tixMenu p {
	margin: 15px 0;
}
div#tixMenu ul.dropdown {
	position: relative;
}
div#tixMenu ul.dropdown li {
	font-weight: bold;
	float: left;
	zoom: 1;
	
}
div#tixMenu ul.dropdown a:hover {
	
}
div#tixMenu ul.dropdown a:active {
	
}
div#tixMenu ul.dropdown li a {
	display: block;
	padding: 0px 8px;
	
}
div#tixMenu ul.dropdown li:last-child a {
	border-right: none;
} /* Doesn't work in IE */
div#tixMenu ul.dropdown li.hover, div#tixMenu ul.dropdown li:hover {
	color: black;
	position: relative;
}
div#tixMenu ul.dropdown li.hover a {
	color: black;
}
div#tixMenu ul.dropdown ul {
	width: 134px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
}
div#tixMenu ul.dropdown ul li {
	font-weight: normal;
	color: #000;
	float: none;
}


/* Trailer */
.trailer-overlay {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -423px;
  margin-top: -180px;
  width: 640px;
  height: 360px;
  background: black;
  z-index: 9999;
}

.trailer-overlay .close {
  position: absolute;
  top: 0;
  right: 20px;
  width: 66px;
  height: 34px;
  background: url(../images/close-btn.png) no-repeat;
  cursor: pointer;
  opacity: .8;
  z-index: 999;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.trailer-overlay .close:hover {
  opacity: 1;
}

.trailer-btn {
  cursor: pointer;
  text-align: center;
  width: 107px;
}

.overlay .close {
  position: absolute;
  top: 0;
  right: 20px;
  width: 66px;
  height: 34px;
  background: url(../images/close-btn.png) no-repeat;
  cursor: pointer;
  opacity: .8;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.lights-down {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: .8;
  z-index: 10;
}


/* IE 6 & 7 Needs Inline Block */
div#tixMenu ul.dropdown ul li a {
	border-right: none;
	width: 100%;
	display: inline-block;
}
div#tixMenu ul.dropdown ul ul {
	left: 100%;
	top: 0;
}
div#tixMenu ul.dropdown li:hover > ul {
	visibility: visible;
}