html {
	height:100%;
}

body {
	background:#000;
	height:100%;
	font-family:"Times New Roman", Times, serif;
	font-size:62.5%;
	line-height:1.3;
}

body.error {
	color:#fff;
}

h1 {
	font-weight: bold;
	color: #fff;
	font-size: 2.2em;
	-moz-opacity:.80; 
	filter:alpha(opacity=80); 
	opacity:.80;
}

p {
	font-size:1.4em;
	font-weight:bold;
	color: #fff;
	-moz-opacity:.80; 
	filter:alpha(opacity=80); 
	opacity:.80;
	margin-bottom:16px;
}

p.last {
	margin-bottom:0;
}

pre {
	font-family:Arial, sans-serif;
	white-space:pre-line;
	font-size:1.4em;
	line-height:1.4;
}

.replace {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

/* accounts for a tags that have no href: */
a {
	cursor:pointer;
}

a.skip {
	width:92px;
	height:37px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
	background:url('../images/skip-button.png') no-repeat;
	margin:0;
	padding:0;
	z-index:3;
	position:absolute;
	top:51px;
	right:10px;
}

.hasJS .hide {
	display:none !important;
}

.hasJS .invisible {
	visibility:hidden !important;
}

.cufon-loading .cufon {
	visibility:hidden !important;
}

/* layout *********************************************************************/

#wrapper {
	min-height:100%;
	min-width:1024px;
	position:relative;
	overflow:hidden;
}

#header {
	position:relative;
	z-index:4;
	width:100%;
	overflow:hidden;
	background-color:#000;
	
	/* multiple backgrounds if supported */
	background-image:url('../images/background-header.jpg'), url('../images/background-header-repeat-y.png');
	background-repeat:no-repeat, repeat-x;
	background-position:center top;
}

#header #scrollMenu {
	width:855px;
	height:36px;
	margin:6px auto 0;
	padding:0 24px;
	position:relative;
}

#header #scrollMenu .container {
	width:855px;
	height:36px;
	overflow:hidden;
}

#header #scrollMenu.invisible {
	visibility:visible !important;
	width:0px;
	overflow:hidden;
}

#header ul.menu {
	height:35px;
}

#header ul.menu li {
	display:block;
	float:left;
	padding-top:2px;
}

.cufon-active #header ul.menu li {
	padding-top:0;
}

#header ul.menu li a {
	display:block;
	color:#fff;
	line-height:1.2;
	font-size:1.6em;
	font-weight:bold;
	text-decoration:none;
	padding:0 23px 0 25px;
	background:url('../images/background-header-link.png') no-repeat left 5px;
	position:relative;
	z-index:1;
}

#header ul.menu li a:hover, #header ul.menu li.active a {
	color:#b41f29;
}

#header ul.menu li:first-child a {
	background:none;
}

#subHeader {
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	width:100%;
	height:34px;
	overflow:hidden;
	background-color:#000;
}

#subHeader a.close {
	position:absolute;
	right:8px;
	top:7px;
	display:block;
	width:20px;
	height:20px;
	background:url('../images/close-button.png') no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	padding:0;
}

#subHeader #scrollSubNav {
	width:855px;
	height:28px;
	margin:5px auto 0px;
	padding:0 24px;
	position:relative;
}

#subHeader #scrollSubNav .container {
	width:855px;
	height:28px;
	overflow:hidden;
}

#subHeader #scrollSubNav.invisible {
	visibility:visible !important;
	width:0px;
	overflow:hidden;
}

#subHeader ul.subnav {
	height:28px;
}

#subHeader ul.subnav li {
	display:block;
	float:left;
	padding-top:2px;
}

.cufon-active #subHeader ul.subnav li {
	padding-top:0;
}

#subHeader ul.subnav li a {
	display:block;
	color:#fff;
	line-height:1.2;
	font-size:1.6em;
	font-weight:bold;
	text-decoration:none;
	padding:0 23px 0 25px;
	background:url('../images/background-header-link.png') no-repeat left 5px;
	position:relative;
	z-index:1;
}

#subHeader ul.subnav li a:hover {
	color:#b41f29;
}

#subHeader ul.subnav li:first-child a {
	background:none;
}

#heightBuffer {
	height:468px;
	padding-bottom:162px;
}

#special_features_header {
	width:100%;
	height:30px;
	background:#000;
	position: relative;
	float: left;
	z-index: 4;
}

#special_features_menu {
	width:855px;
	height:30px;
	position: relative;
	z-index: 4;
	margin:0 auto;
	text-align: center;
	
}


#content {
	position:absolute;
	width:100%;
	top:41px;
	left:0;
	z-index:2;
}

/* use this for all content containers for js animation later */
#content .inner {
	overflow:hidden;
	position:absolute;
	z-index:2;
}

#background {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	z-index:1;
}

#background.loading {
	background:url('../images/ajax-loader.gif') no-repeat center center;
}

#background img {
	width:100%;
	height:100%;
	position:relative;
	z-index:1;
}

/* resizing done with js if available */
.hasJS #background img {
	width:auto;
}

/* img is not always that same aspect, but transition is, so we can't use the same trick of resizing to the parent container, see js */
#transition {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	top:41px;
	left:0;
}

#transition.invisible {
	z-index:0;
}

#transition.invisible #transitionFlash {
	/*visibility:hidden !important;*/
	height:1px !important;
}

#transition video {
	width:100%;
	height:100%;
	z-index:1;
	top:0;
	left:0;
	position:relative;
	-webkit-transform-style:preserve-3d /* fix dynamically inserted video z-index for iPad/iPhone */
}

#footer {
	position:absolute;
	z-index:4;
	bottom:0;
	width:100%;
	height:162px;
	background-color:#000;
	
	/* multiple backgrounds if supported */
	background-image:url('../images/background-footer.jpg'), url('../images/background-footer-repeat-y.jpg');
	background-repeat:no-repeat, repeat-x;
	background-position:center top;
}

#footer p {
	font-size:1em;
}

#footer h1.replace {
	margin:-25px auto 0;
	width:268px;
	height:137px;
	background:url('../images/sherlock-title-treatment.png') no-repeat left top;
}

#footer p.release {
	display:block;
	text-transform:uppercase;
	color:#b41f29;
	line-height:1.1;
	font-size:1.9em;
	font-weight:bold;
	margin:-12px auto 0;
	text-align:center;
}

.cufon-active #footer p.release {
	line-height:0;
	margin:-9px auto 0;
}

#footer .inner {
	font-family:Arial, sans-serif;
	font-size:1em;
	font-weight:bold;
	/*text-transform:uppercase;*/
	background:#233335;
	height:35px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}

#footer .inner ul.left {
	padding-left:4px;
	float:left
}

#footer .inner ul.right {
	padding-right:6px;
	position:absolute;
	top:0;
	right:0;
}

#footer .inner li {
	display:block;
	height:35px;
	float:left;
	background:url('../images/background-footer-li.gif') no-repeat left center;
}

#footer .inner li:first-child {
	background:none;
}

#footer .inner li a, #footer .inner li p {
	color:#768284;
	text-decoration:none;
	display:block;
	line-height:1;
	padding:12px 9px 0 11px;
	height:23px;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;
}

#footer .inner li.menu {
	bottom:0;
}

#footer .inner li.menu ul {
	position:absolute;
	bottom:35px;
	overflow:hidden;
	display:block;
	visibility:hidden;
	z-index:2;
}

#footer .inner li.menu ul li {
	float:none;
	display:block;
	height:25px;
	background:none;
}

#footer .inner li.menu ul li a {
	display:block;
	padding-top:7px;
	background:#233335;
}

#footer .inner li.menu ul li:first-child a {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#footer .inner #credits {
	position:static;
}

#footer .inner #credits ul {
	width:100%;
	left:0;
	background:#000;
}

#footer .inner #credits li.close {
	position:absolute;
	top:10px;
	left:10px;
	width:20px;
	height:20px;
}

#footer .inner #credits li.close a {
	display:block;
	width:20px;
	height:20px;
	background:url('../images/close-button.png') no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	padding:0;
}

#footer .inner #credits li.content {
	height:190px;
}

#footer .inner #credits li.content p {
	width:100%;
	height:190px;
	overflow:hidden;
	text-indent:-9999px;
	background:url('../images/billing-block.png') no-repeat center center;
	padding:0;
	margin:0;
}

#footer .inner #credits li.creditLinks ul {
	position:relative;
	float:left;
	left:50%;
	top:0;
	width:auto;
	overflow:visible;
	background:none;
}

#footer .inner #credits li.creditLinks li {
	float:left;
	display:block;
	position:relative;
	right:50%;
	top:0;
	width:auto;
	margin:0 0 0 40px;
}

#footer .inner #credits li.creditLinks li:first-child {
	margin-left:0;
}

#footer .inner #credits li.creditLinks li p {
	color:#fff;
	margin:0;
	padding:0;
	font-weight:normal;
}

#footer .inner #credits li.creditLinks li a {
	margin:0;
	padding:0;
	background:none;
	color:#fff;
	width:auto;
	font-weight:normal;
}

#footer .inner #credits li.creditLinks li a:hover {
	text-decoration:underline;
}

#footer .inner #share ul, #footer .inner #flags ul {
	background:#233335;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#footer .inner #flags ul li {
	padding:8px;
}

#footer .inner #share ul, #footer .inner #flags ul li {
	/*height:115px;*/
}

#footer .inner #share li a, #footer .inner #find li a {
	padding-left:25px;
	background:#233335 url('../images/share-logos.gif') no-repeat 3px 2px;
}

#footer .inner #share li a:hover, #footer .inner #find li a:hover {
	background-color:#0f2b3c;
	color:#fff;
}

#footer .inner #share li.delicious a {
	background-position:3px 2px;
}

#footer .inner #share li.delicious a:hover {
	background-position:-197px 2px;
}

#footer .inner #share li.digg a {
	background-position:3px -28px;
}

#footer .inner #share li.digg a:hover {
	background-position:-197px -28px;
}

#footer .inner #share li.twitter a, #footer .inner #find li.twitter a {
	background-position:3px -58px;
}

#footer .inner #share li.twitter a:hover, #footer .inner #find li.twitter a:hover {
	background-position:-197px -58px;
}

#footer .inner #share li.facebook a, #footer .inner #find li.facebook a {
	background-position:3px -88px;
}

#footer .inner #share li.facebook a:hover, #footer .inner #find li.facebook a:hover {
	background-position:-197px -88px;
}

#footer .inner #social ul {
	padding-left:10px;
}

#footer .inner #social li {
	padding-top:7px;
	margin-left:2px;
	height:28px;
	overflow:hidden;
	background:none;
}

#footer .social_buttons {
	position: absolute;
	top:96px;
	left:12px;
	width:400px;
	height:20px;
}

#footer .social_buttons ul li {
	position: relative;
	float: left;
	padding:0 2px;
}


/* html5 **********************************************************************/

#header #audioPlayer {
	width:72px;
	height:36px;
	position:absolute;
	right:0;
	top:0;
}

#header #audio {
	width:1px;
	height:1px;
	overflow:hidden;
	position:absolute;
	left:-1px;
}

#header #audioPlayer ul.controls {
	overflow:hidden;
	position:static;
	margin:0;
	padding:0;
}

#header #audioPlayer ul.controls li {
	display:block;
	float:right;
}

#header #audioPlayer a {
	display:block;
	width:36px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
}

#header #audioPlayer a.play {
	background:url('../images/play.gif') no-repeat left top;
}

#header #audioPlayer a.playing {
	background-position:-36px top;
}

#header #audioPlayer a.mute {
	background:url('../images/mute.gif') no-repeat left top;
}

#header #audioPlayer a.muted {
	background-position:-36px top;
}

/* Index Video Page ***********************************************************/
.index-index #content {
	overflow:hidden;
}

.index-index #content a.skip {
	top:10px;
}

.index-index #content a.play {
	width:74px;
	height:74px;
	margin:-37px 0 0 -37px;
	background:url('../images/apple-ipad-play.png') no-repeat center center;
	padding:0;
	z-index:3;
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

.index-index #video {
    width:100%;
    height:100%;
    padding:0;
	margin:0;
	overflow:hidden;
	position:absolute;
	z-index:2;
}
 
.index-index #video video {
	width:100%;
	height:100%;
	position:relative;
	z-index:2;
	-webkit-transform-style:preserve-3d /* fix dynamically inserted video z-index for iPad/iPhone */
}

/* About Page *****************************************************************/
.index-about #content img.reverseCard {
	position:absolute;
	z-index:2;
	margin:-270px 0 0 -190px;
	top:50%;
	left:25%;
}

.index-about #content ul.cards {
	width:1px;
	height:100%;
}

.index-about #content ul.cards li {
	display:block;
	height:606px;
	width:469px;
	z-index:4;
	position:absolute;
	margin:-298px 0 0 -234px;
	top:50%;
	left:25%;
}

.index-about #content ul.cards li img {
	position:absolute;
	z-index:4;
	left:0;
	top:0;
}

.index-about #content .inner {
	width:480px;
	/*background: url("../images/about/synopsis_bg.png") no-repeat;*/
	
	/*filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=2)
        progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=90,strength=2)
        progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=180,strength=2)
        progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=270,strength=2);*/
        
    box-shadow: 0 0 50px rgba(255, 255, 255, .51);
    -webkit-box-shadow: 0 0 50px rgba(255, 255, 255, .51); 
    -moz-box-shadow: 0 0 50px rgba(255, 255, 255, .51);
    
    background:url("../images/box_background.png") repeat;
	border: solid #000 thin;
	
	left:75%;
	top:50%;
	margin:-171px 0 0 -228px;
}

.index-about #content.synopsis .inner {
	width:454px;
}

.index-about #content.cast .inner, .index-about #content.filmmakers .inner {
	width:570px;
	margin-left:-344px;
}

.index-about #content .inner .wrapper {
	overflow:hidden;
	padding:20px 30px 16px 0;
	position: relative;
	float:left;
	height:auto;
}

.keyline {
	height:2px;
	margin:12px 0;
	
	background:url("../images/about/keyline.gif") repeat-x;
	position:relative;
	float:left;
}

.index-about .keyline {
	width:350px;
	float:right;
	/*margin:12px 36px 0;*/
	margin:6px 36px 6px;
	display:inline;
}

.index-about h1.title {
	float:right;
	margin:0 36px 6px 0;
	width:350px;
	display:block;
	padding-bottom:12px;
	background:url("../images/about/keyline.gif") repeat-x left bottom;
}

.index-about ul.nav {
	display:block;
	float:right;
	overflow:hidden;
	/*height:24px;*/
	width:350px;
		
	margin:0 36px 0 0;
	/*background:url("../images/about/keyline.gif") repeat-x left bottom;*/
}

.index-about ul.nav li {
	float:left;
	font-size:1.4em;
	margin-right:18px;
	display:block;
	line-height:1;
}


.index-about #content a {
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	-moz-opacity:.80; 
	filter:alpha(opacity=80); 
	opacity:.80;
}

.index-about #content a:hover, .index-about #content ul.nav li.active a, .index-about #content ul.menu li.active a {
	color:#d12430;
}

.index-about ul.content {
	float:left;
	width:100%;
	height:160px;
	margin-bottom:3px;
}

.index-about ul.content li.section {
	display:none;
	overflow:hidden;
}

.index-about ul.content li.section.active {
	display:block;
}

.index-about ul.content div.scrollContainer {
	float:left;
	width:125px;
	height:147px;
	padding-bottom:28px;
	position:relative;
}

.index-about ul.content div.scrollContainer a.up {
	bottom:0px;
	right:22px;
	left:auto;
	top:auto;
}

.index-about ul.content div.scrollContainer a.down {
	bottom:0px;
	right:0px;
	left:auto;
	top:auto;
}

.index-about ul.content div.scrollContainer div.scroller {
	width:125px;
	height:147px;
	overflow:hidden;
}

.index-about ul.content ul.menu {
	width:125px;
}

.index-about ul.content ul.menu li {
	text-align:right;
	font-size:1.4em;
}

.index-about ul.content .copy {
	float:right;
	width:344px;
	height:174px;
	margin:0;
	padding:0 40px 0 2px;
	position:relative;
}

.index-about ul.content .copy .container {
	width:348px;
	height:162px;
}

.index-about ul.content .copy .container div.subsection {
	display:none;
}

.index-about ul.content .copy .container div.subsection.active {
	display:block;
}

.index-about ul.content .copy .container p {
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
	-moz-opacity:.80; 
	filter:alpha(opacity=80); 
	opacity:.80;
}

.index-about ul.content .copy .container p:last-child {
	margin-bottom:0;
}

/* Gallery Page ***************************************************************/

.index-gallery #galleryMenu {
	position:absolute;
	z-index:2;
	width:100%;
	height:139px;
	background:url('../images/background-gallery-ui.png') repeat-x left bottom;
	top:0;
	left:0;
}

.index-gallery #galleryMenu .menu {
	width:861px;
	padding:0 46px;
	position:absolute;
	margin-left:-454px;
	left:50%;
	bottom:94px;
}

.index-gallery #galleryMenu .menu a.left, .index-gallery #galleryMenu .menu a.right {
	top:7px;
}

.index-gallery #galleryMenu .menuInner {
	width:861px;
	height:35px;
}

.index-gallery #galleryMenu ul {
	height:35px;
}

.index-gallery #galleryMenu ul li {
	float:left;
	margin-left:10px;
	width:57px;
	height:35px;
	display:inline;
}

.index-gallery #galleryMenu ul li:first-child {
	margin-left:0;
}

.index-gallery #galleryMenu a.galleryThumb {
	display:block;
	margin:0;
	padding:0;
	border:1px solid #000;
	background:#000;
}

.index-gallery #galleryMenu.desktop a.galleryThumb {
	-moz-opacity:.5;
	filter:alpha(opacity=50);
	opacity:.5;
}

.index-gallery #galleryMenu a.galleryThumb:hover, .index-gallery #galleryMenu li.active a.galleryThumb {
	border:1px solid #42727a;
}

.index-gallery #galleryMenu.desktop a.galleryThumb:hover, .index-gallery #galleryMenu.desktop li.active a.galleryThumb {
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;
}

.index-gallery #galleryMenu a.galleryThumb img {
	display:block;
}

.index-gallery #galleryContent {
	position:absolute;
	left:0;
	top:0;
	margin:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:5;
}

.index-gallery #galleryContent ul {
	position:absolute;
}

.index-gallery #galleryContent li {
	float:left;
	display:block;
}

.index-gallery #galleryContent li img {
	display:block;
	width:100%;
	height:100%;
}

.index-gallery #galleryContent .loader {
	width:100%;
	height:100%;
	position:absolute;
	z-index:5;
	left:0;
	top:0;
	background:url('../images/spacer-black-alpha-70.png');
}

.index-gallery #galleryContent .spinner {
	width:100%;
	height:100%;
	background:url('../images/ajax-loader.gif') no-repeat center center;
}

.index-gallery #galleryContent div.arrows {
	position: absolute;
	width:100%;
	height:153px;
	left:0;
	top:50%;
	z-index: 9999;
	margin-top:-76px;
}

.index-gallery #galleryContent a.disabled {
	display:none;
}

.index-gallery #galleryContent a.previous {
	position: absolute;
	top:0;
	left:0;
	width:70px;
	height:153px;
	background:url("../images/gallery/arrow_left.png") no-repeat;
	
	-moz-opacity:.40; 
	filter:alpha(opacity=40); 
	opacity:.40;
}

.index-gallery #galleryContent a.previous:hover {
	-moz-opacity:.75; 
	filter:alpha(opacity=75); 
	opacity:.75;
}

.index-gallery #galleryContent a.next {
	position: absolute;
	top:0;
	right:0;
	width:70px;
	height:153px;
	
	-moz-opacity:.40; 
	filter:alpha(opacity=40); 
	opacity:.40;
	
	background:url("../images/gallery/arrow_right.png") no-repeat;
}

.index-gallery #galleryContent a.next:hover {
	-moz-opacity:.75; 
	filter:alpha(opacity=75); 
	opacity:.75;
}

.index-gallery #galleryContent div#close {
	width:43px;
	height:43px;
	position: absolute;
	top:10px;
	right:10px;
	z-index:9999;
}

.index-gallery #galleryContent a.close {
	width:43px;
	height:43px;
	position: absolute;
	-moz-opacity:.40; 
	filter:alpha(opacity=40); 
	opacity:.40;
	background:url("../images/gallery/close.png") no-repeat;
	
}

.index-gallery #galleryContent a.close:hover {
	-moz-opacity:.75; 
	filter:alpha(opacity=75); 
	opacity:.75;
}


/*.index-gallery #galleryContent ul.controls {
	display:block;
	line-height:1;
	-moz-opacity:1; 
	filter:alpha(opacity=100); 
	opacity:1;
	margin:0;
	font-size:1.2em;
	position:absolute;
	z-index:5;
	left:0;
	top:0;
}

.index-gallery #galleryContent a {
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}

.index-gallery #galleryContent a.disabled {
	cursor:default;
	-moz-opacity:0.5; 
	filter:alpha(opacity=50); 
	opacity:0.5;
}

.index-gallery #galleryContent a.previous {
	background:url('../images/small-arrow-left.png') no-repeat left 2px;
	padding:0 3px 0 14px;
}

.index-gallery #galleryContent a.next {
	background:url('../images/small-arrow-right.png') no-repeat right 2px;
	padding:0 14px 0 3px;
}*/

/* Download page ***************************************************************/
.index-downloads #content .inner {
	width:auto;
	height:auto;
	left:67%;
	top:45%;
	margin:-161px 0 0 -281px;
	
	z-index: 3;
	
	/*filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=2)
        progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=90,strength=2)
        progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=180,strength=2)
        progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=270,strength=2);*/
        
    box-shadow: 0 0 50px rgba(255, 255, 255, .51);
    -webkit-box-shadow: 0 0 50px rgba(255, 255, 255, .51); 
    -moz-box-shadow: 0 0 50px rgba(255, 255, 255, .51);
	 
}

.arrows {
	width:19px;
	height:100%;
	float: left;
	position: relative;	
}

.arrow_down {
	display:block;
	width:40px;
	height:40px;
	position: absolute;
	bottom:-12px;
	left:-11px;
	padding-bottom: 5px;
	cursor: pointer;
	background:url('../images/downloads/arrow_down.png') no-repeat center center;
}

.arrow_up {
	display:block;
	width:40px;
	height:40px;
	position: absolute;
	top:-12px;
	left:-11px;
	cursor: pointer;
	background:url('../images/downloads/arrow_up.png') no-repeat center center;
}

.downloads-link {
	font-weight:bold;
	color: #fff;
	font-size: 1.4em;
	-moz-opacity:.80; 
	filter:alpha(opacity=80); 
	opacity:.80;
	text-decoration: none;
}

.downloads-link:hover {
	color:#d12430;
}

.download_buttons {
	width:100%;
	height:auto;
	position: relative;
	float: left;
	cursor: pointer;
}

.download_buttons ul {
	list-style-type: none;
}

.download_buttons ul li {
	position: relative;
	float: left;
	width:auto;
	height:15px;
	padding-right:20px;
	display: block;
	
}

.download_buttons ul .selected a{
	color: #d12430;
}

.downloads_inner {
	background:url("../images/box_background.png") repeat;
	border: solid #000 thin;
	
	
}

/****** WALLPAPERS*******/

#wallpapers_inner, #ipad_wallpapers_inner {
	padding:20px 50px 5px 50px;
	width:390px;
	height:auto;
	position: relative;
	float: left;
}

#iphone_wallpapers_inner {
	padding:20px 50px 5px 50px;
	width:460px;
	height:270px
	height:auto;
	position: relative;
	float: left;
}

#iphone_wallpapers_holder {
	width:470px;
	height:206px;
	position: relative;
	float: left;
	overflow: hidden;
}

#wallpapers_holder, #ipad_wallpapers_holder {
	width:380px;
	height:216px;
	position: relative;
	float: left;
	padding-right:10px;
	overflow: hidden;
}

#wallpapers_holder img {
	border: solid 1px #000;
}

#wallpapers_holder ul, #iphone_wallpapers_holder ul, #ipad_wallpapers_holder ul {
	list-style-type: none;
	position: absolute;
	top:1px;
	left:0;
}

#wallpapers_holder ul li, #ipad_wallpapers_holder ul li {
	height:215px;
}

#iphone_wallpapers_holder ul li {
	height:206px;
}


.wallpaper_image, .mobile_wallpaper_image {
	width:174px;
	padding:0 14px 7px 0;
	position: relative;
	float: left;
}

.iphone_wallpaper_image {
	width:140px;
	height:203px;
	padding:0 10px 3px 0;
	position: relative;
	float: left;
}

.wallpaper_image img, .mobile_wallpaper_image img {
	cursor: pointer;
}

#wallpapers {
	
}

#wallpaper_keyline {
	width:363px;
}

#wallpapers_wrapper, #ipad_wallpapers_wrapper {
	position: relative;
	float: left;
	width:420px;
	height:216px;
}

#iphone_wallpapers_wrapper {
	position: relative;
	float: left;
	width:500px;
	height:212px;
}

.wallpapers_rollover {
	position: absolute;
	top:0;
	left:0;
	background:url('../images/downloads/wallpapers/rollover.png') repeat;
	width:175px;
	/*height:85px;*/
	height:100px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	display:none;
	/*padding: 15px 0 0 0;*/
	text-align: center;
}

#wallpaper_selections {
	position: absolute;
	top:50%;
	width:175px;
	height:60px;
	margin-top:-30px;
}

.wallpaper_selection {
	position: relative;
	float: left;
	width:175px;
	height:10px;
	padding:5px 0;
	
	
}

.wallpaper_selection a {
	font-size:1.4em;
	font-weight: bold;
	color: #fff;
	-moz-opacity:.80; 
	filter:alpha(opacity=80); 
	opacity:.80;
	text-decoration: none;
	
}

/****** POSTERS *******/


#posters {
	
}

#posters_inner {
	padding:20px 50px 5px 50px;
	width:460px;
	height:auto;
	position: relative;
	float: left;
}

#posters_holder {
	width:470px;
	height:206px;
	position: relative;
	float: left;
	overflow: hidden;
}

#posters_holder img {
	border: solid 1px #000;
}

#posters_holder ul {
	list-style-type: none;
	position: absolute;
	top:0;
	left:0;
}

#posters_holder ul li {
	height:206px;
}

#poster_keyline {
	width:440px;
}

#posters_wrapper {
	position: relative;
	float: left;
	width:500px;
	height:212px;
}

.poster_image {
	width:140px;
	height:203px;
	padding:0 10px 3px 0;
	position: relative;
	float: left;
}

/****** ICONS *******/


#icons {
	
}
#icons_inner {
	padding:20px 50px 5px 50px;
	
	/* If you're adding new icons, comment out the below line and uncomment the line underneith */
	width:435px;
	
	/*width:460px;*/
	height:auto;
	position: relative;
	float: left;
}

#icons_holder {
	width:460px;
	height:104px;
	position: relative;
	float: left;
	padding-right:10px;
	overflow: hidden;
}

#icons_holder img {
	border: solid 1px #000;
	cursor: pointer;
}

#icons_holder ul {
	list-style-type: none;
	position: absolute;
	left:0;
	left:0;
}

#icons_holder ul li {
	height:103px;
}

#icon_keyline {
	width:430px;
}

#icons_wrapper {
	position: relative;
	float: left;
	width:490px;
	height:100px;
}

.icon_image {
	width:100px;
	height:100px;
	padding:0 10px 3px 0;
	position: relative;
	float: left;
}


.icons_rollover {
	position: absolute;
	top:0;
	left:0;
	background:url('../images/downloads/wallpapers/rollover.png') repeat;
	width:101px;
	height:86px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	display:none;
	padding: 15px 0 0 0;
	text-align: center;
}

.icons_selection {
	position: relative;
	float: left;
	width:101px;
	height:10px;
	padding:5px 0;
	
	
}

.icons_selection a {
	font-size:1.4em;
	color: #fff;
	font-weight: bold;
	-moz-opacity:.80; 
	filter:alpha(opacity=80); 
	opacity:.80;
	text-decoration: none;
	
}


/* Videos section *************************************************************/

.index-videos #content .inner {
	width:668px;
	height:0;
	left:34%;
	top:45.5%;
	margin:-200px 0 0 -334px;
}

video {
	object-fit:fill;
}

#video {
    width:664px;
    height:373px;
    background:#000;
    padding:2px;
	margin-bottom:10px;
}

.invisible #videoFlash {
	visibility:hidden !important;
}
 
#video video {
    width:664px;
    height:378px;
}

#video_wrapper {
	width:666px;
	height:437px;
}

#video_buttons a:visited, #video_buttons a:link {
	font-size:1.2em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	/*padding:0 7px;*/
}

#video_buttons a:hover, #video_buttons a.selected {
	color: #d12430;
}

.video_button {
	
}

#video_buttons {
	width:660px;
	height:30px;
	color:#fff;
	padding-left:2px;
}


/* Soundtrack ****************************************************************/

.index-soundtrack #content .inner {
	width: 472px;
	height:320px;
        
    box-shadow: 0 0 50px rgba(255, 255, 255, .51);
    -webkit-box-shadow: 0 0 50px rgba(255, 255, 255, .51); 
    -moz-box-shadow: 0 0 50px rgba(255, 255, 255, .51);
    
    background:url("../images/box_background.png") repeat;
	border: solid #000 thin;
	
	left:25%;
	top:50%;
	margin:-171px 0 0 -150px;
}

.index-soundtrack #content .inner .wrapper {
	overflow:hidden;
	padding:20px 30px 0 30px;
}

.index-soundtrack #content .inner .wrapper .title {
	position: relative;
	float: left;
	width:200px;
	height:25px;
}

.index-soundtrack #content .inner .wrapper .keyline {
	width:370px;
	margin:13px 0;
}

.index-soundtrack #content .inner .wrapper .main_image {
	width:160px;
	height:160px;
	position: relative;
	float: left;
	border: #000 solid 1px;
}

.index-soundtrack #content ul.logos {
	width:200px;
	height:30px;
	float: right;
	position: relative;
	padding-top:2px;
}

.index-soundtrack #content ul.logos li {
	display:block;
	float:right;
	text-align: right;
	height:30px;
	margin-left:15px;
	
}

.index-soundtrack #content ul.logos li.in_stores {
	padding-top:5px;
}

.index-soundtrack #content ul.logos li.amazon {
	margin-right:0;
}

.index-soundtrack #content ul.logos li a {
	display:block;
	height:30px;
	overflow:hidden;
	text-indent:9999px;
}

.index-soundtrack #content ul.logos li a {
	-moz-opacity:.80; 
	filter:alpha(opacity=80); 
	opacity:.80;
}

.index-soundtrack #content ul.logos li a:hover {
	-moz-opacity:1; 
	filter:alpha(opacity=100); 
	opacity:1;
}

p#soundtrack_author {
 	float:right;
	width:413px;
	height:15px;
	text-align: center;
	margin:0;
}

a#soundtrack_watch_video_link {
	position: relative;
	float: left;
	width:413px;
	height:20px;
	text-align: center;
	font-size:1.8em;
	font-weight:bold;
	color: #fff;
	-moz-opacity:.80; 
	filter:alpha(opacity=80); 
	opacity:.80;
	text-decoration: none;
}

a#soundtrack_watch_video_link:hover {
	color:#b41f29;
}

#track_list {
	width:181px;
	height:160px;
	position:relative;
	float:left;
	margin-left:45px;
	padding-right:24px;
}

#track_list .track_list_inner {
	width:181px;
	height:160px;
}

#track_list ul li { 
	padding:0 0 10px 15px;
	background: url("../images/soundtrack/play.png") no-repeat;
	background-position-y: 5px;
}

#track_list ul li.playing { 
	background: url("../images/soundtrack/pause.png") no-repeat;
	background-position-y: 5px;
}

#track_list ul li a { 
	color:#fff;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	-moz-opacity:.80; 
	filter:alpha(opacity=80); 
	opacity:.80;
}

#track_list ul li a:hover {
	color:#b41f29;
}

.index-soundtrack #track_list ul li a.active {
	
	color:#b41f29;
}

/* Partners *******************************************************************/

.index-partners #content .inner {
	width: 463px;
	height:277px;
	left:25%;
	top:50%;
	margin:-171px 0 0 -150px;
	
	box-shadow: 0 0 50px rgba(255, 255, 255, .51);
    -webkit-box-shadow: 0 0 50px rgba(255, 255, 255, .51); 
    -moz-box-shadow: 0 0 50px rgba(255, 255, 255, .51);
}

.index-partners #content .inner .wrapper {
	overflow:hidden;
}

.index-partners #content .inner .wrapper .title {
	position: relative;
	float: left;
	width:350px;
	height:25px;
}

.index-partners #content .inner .wrapper .keyline {
	width:402px;
	margin:10px 0;
}

#partner_logos {
	width:420px;
	height:182px;
	position: relative;
	float: left;
}

#partner_logos ul {
	width:420px;
	height:165px;
}

#partner_logos ul li {
	width:127px;
	height:80px;
	position: relative;
	float: left;
	padding:0 10px 10px 0;
}

#partner_logos ul li img{
	width:127px;
	height:80px;
	border:solid #000 1px;
}

.partner-pages .partner-page {
	width: 400px;
	height:260px;
	position: relative;
	float: left;
	
    background:url("../images/box_background.png") repeat;
	border: solid #000 thin;
	
	padding:15px 30px 0 30px;
	
}

.partner-pages .partner-details {
	width: 400px;
	height:240px;
	position: relative;
	float: left;
	
    background:url("../images/box_background.png") repeat;
	border: solid #000 thin;
	
	padding:15px 30px 0 30px;
	
}


.partner-pages .partner-details .main_image{
	width: 188px;
	height:120px;
	position: relative;
	float: left;	
	padding:10px 0;
}

.partner-pages .partner-details .main_image img{
	width:188px;
	height:120px;
	border:solid #000 1px;
}

.partner-pages .partner-details .partner_text {
	float:left;
	padding-right:24px;
	width:168px;
	height:120px;
	position:relative;
	margin:10px 0 10px 20px;
}

.partner-pages .partner-details .partner_text a {
	color:#fff;
	text-decoration:none;
}

.partner-pages .partner-details .partner_text a:hover {
	color:#D12430;
}

.partner-pages .partner-details .partner_text .text_inner {
	float:left;
	position:relative;
	width:168px;
	height:120px;
}

.partner-pages .partner-details .partner_href{
	width: 100%;
	height:30px;
	position: relative;
	float: left;	
	text-align: center;
	padding-top:10px;
}

.partner-pages .partner-details .partner_href a{
	text-decoration: none;
	color: #fff;
}

.partner-pages .partner-details .partner_href a:hover{
	color: #d12430;
}

.partner-pages .partner-details .close{
	width: 19px;
	height:19px;
	position: relative;
	float: right;
	background:url("../images/partners/close.png") no-repeat;
	background-position-y:5px;
	padding:5px 0 0 0;
	cursor: pointer;
}

/* Sweepstakes ****************************************************************/

.index-sweepstakes #content .inner {
	left:50%;
	top:50%;
	margin:-222px 0 0 -484px;
	overflow:visible;
	width:968px;
}

.index-sweepstakes #content h2 {
	text-align:center;
	font-size:1.8em;
	color:#fff;
	font-weight:bold;
	line-height:1.2;
	margin:0 0 35px 0;
}

.index-sweepstakes #content .inner #sweepstakes {
	display:block;
	padding:30px 10px 30px 20px;
	width:400px;
	height:250px;
	margin:0 auto;
	box-shadow: 0 0 50px rgba(255, 255, 255, .20);
    -webkit-box-shadow: 0 0 50px rgba(255, 255, 255, .20); 
    -moz-box-shadow: 0 0 50px rgba(255, 255, 255, .20);
    background:url('../images/box_background.png') repeat;
	border:solid #000 thin;
	margin-bottom:25px;
	position:relative;
	z-index:3;
}

.index-sweepstakes #content .inner #sweepstakes .container {
	display:block;
	width:400px;
	height:230px;
	overflow:auto;
}

.index-sweepstakes #content #sweepstakes a.up {
	top:auto;
	right:auto;
	left:200px;
	bottom:18px;
	visibility:hidden;
}

.index-sweepstakes #content #sweepstakes a.down {
	top:auto;
	right:200px;
	bottom:18px;
	visibility:hidden;
}

.index-sweepstakes #content #sweepstakes ul {
	overflow:hidden;
	width:370px;
}

.index-sweepstakes #content #sweepstakes ul li {
	display:block;
	border-bottom:1px solid #292e2e;
	width:370px;
	text-align:center;
	margin-bottom:23px;
}

.index-sweepstakes #content #sweepstakes li:last-child {
	border:none;
	margin:0;
}

.index-sweepstakes #content #sweepstakes li:last-child p {
	margin:0;
}

.index-sweepstakes #content #sweepstakes li:last-child p.title {
	margin-bottom:6px;
}

.index-sweepstakes #content #sweepstakes li p {
	text-align:left;
}

.index-sweepstakes #content #sweepstakes li p.title {
	margin-bottom:6px;
	text-align:center;
	font-size:1.6em;
}

.index-sweepstakes #content #sweepstakes li a {
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}

.index-sweepstakes #content #sweepstakes li a:hover {
	color:#D12430
}

.index-sweepstakes #content #sweepstakes li a.image {
	width:190px;
	height:121px;
	display:block;
	margin:0 auto 10px;
}

.index-sweepstakes #content #sweepstakes li img {
	display:block;
	border:1px solid #000;
}

.index-sweepstakes #content ul#prizes {
	position:absolute;
	width:100%;
	height:100%;
	top:50px;
	left:0;
	z-index:2;
}

.index-sweepstakes #content ul#prizes li {
	position:absolute;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:249px;
	height:238px;
}

.index-sweepstakes #content ul#prizes li.ipadHolder {
	background:url('../images/prize-ipad-cover.png') no-repeat;
	left:0;
	top:0;
}

.index-sweepstakes #content ul#prizes li.chess {
	background:url('../images/prize-chess.png') no-repeat;
	left:0;
	bottom:0;
}

.index-sweepstakes #content ul#prizes li.cards {
	background:url('../images/prize-cards.png') no-repeat;
	right:0;
	top:0;
}

.index-sweepstakes #content ul#prizes li.hoody {
	background:url('../images/prize-jackets.png') no-repeat;
	right:0;
	bottom:0;
}




/* Special features *******************************************************************/




.index-specialFeatures #content .inner {
	left:50%;
	top:50%;
	margin:-222px 0 0 -484px;
	overflow:visible;
	width:968px;
}

.index-specialFeatures #content .inner #specialFeatures {
	display:block;
	padding:20px 20px 30px 20px;
	width:400px;
	height:250px;
	margin:0 auto;
	box-shadow: 0 0 50px rgba(255, 255, 255, .20);
    -webkit-box-shadow: 0 0 50px rgba(255, 255, 255, .20); 
    -moz-box-shadow: 0 0 50px rgba(255, 255, 255, .20);
    background:url('../images/box_background.png') repeat;
	border:solid #000 thin;
	margin-bottom:25px;
	position:relative;
	z-index:3;
}

.index-specialFeatures #content .inner #specialFeatures .container {
	display:block;
	width:400px;
	height:230px;
	overflow:hidden;
}

.index-specialFeatures #content #specialFeatures a.up {
	top:auto;
	right:auto;
	left:200px;
	bottom:18px;
}

.index-specialFeatures #content #specialFeatures a.down {
	top:auto;
	right:200px;
	bottom:18px;
}

.index-specialFeatures #content #specialFeatures ul {
	overflow:hidden;
	width:400px;
}

.index-specialFeatures #content #specialFeatures ul li {
	display:block;
	border-bottom:1px solid #292e2e;
	width:400px;
	text-align:center;
	margin-bottom:30px;
}

.index-specialFeatures #content #specialFeatures li:last-child {
	border:none;
	margin:0;
}

.index-specialFeatures #content #specialFeatures li:last-child p {
	margin:0;
}

.index-specialFeatures #content #specialFeatures li:last-child p.title {
	margin:10px 0;
}

.index-specialFeatures #content #specialFeatures li p {
	text-align:left;
}

.index-specialFeatures #content #specialFeatures li p.title {
	margin-bottom:6px;
	text-align:center;
	font-size:1.6em;
}

.index-specialFeatures #content #specialFeatures li a {
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}

.index-specialFeatures #content #specialFeatures li a:hover {
	color:#D12430
}

.index-specialFeatures #content #specialFeatures li a.image {
	width:400px;
	height:200px;
	display:block;
	margin-bottom:10px;
}

.index-specialFeatures #content #specialFeatures li img {
	display:block;
	border:1px solid #000;
}



/* Scrollbar ******************************************************************/

a.left {
	height:18px;
	width:19px;
	background:url('../images/arrow-left.png') no-repeat;
	position:absolute;
	top:2px;
	left:0;
}

a.right {
	height:18px;
	width:19px;
	background:url('../images/arrow-right.png') no-repeat;
	position:absolute;
	top:2px;
	right:0;
}

a.up {
	width:19px;
	height:18px;
	background:url("../images/downloads/arrow_up.png") no-repeat;
	position:absolute;
	right:0;
	top:0;
}

a.down {
	width:19px;
	height:18px;
	background:url("../images/downloads/arrow_down.png") no-repeat;
	position:absolute;
	right:0;
	bottom:0;
}

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	/*background: red;*/
	visibility:hidden;
}

#sweepstakes .jspVerticalBar {
	visibility:visible;	
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
	visibility:hidden;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	/*background: #dde;*/
	position: relative;
}

.jspDragTop {
	background:url("../images/scroller.png") no-repeat;
	background-position:top;
	height:15px;
	width:10px;
}

.jspDragBottom {
	background:url("../images/scroller.png") no-repeat;
	background-position: bottom;
	height:15px;
	position: absolute;
	bottom: 0;
	width:10px;
}

.jspDrag
{
	/*background: #bbd;*/
	background:url("../images/scroller_background.png") repeat-y;
	background-position-x: 1px;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}