/* reset css: v1.0 by eric meyer */
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, sub, sup, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0; }
/* end reset  */
/* global */
.hidden, .hide, .ui-tabs-hide { display: none; }
.bg-img, .bg-img-list li a { display: block; height: 0; overflow: hidden; }
.clear { clear: both;}
hr { display: none }
body {
	font: normal normal 12px Helvetica, Arial, Verdana, sans-serif;
	color: #4C4C4C;
	background: white url('http://trailers.apple.com/trailers/fox/marleyandme/i/bg.jpg') no-repeat center top;
	}
#content {
	position: relative;
    margin: 0 auto;
    padding-bottom: 30px;
	width: 650px;
	height: 780px;
	
}
a:link, a:hover, a:visited {
	text-decoration: none;
	color: #4C4C4C;
}
a:hover { color: #2A6CA5}
/* end global */

#header {
	display: none;
}
#menu {
	position: absolute;
	top: 246px;
	left: 317px;
}
#menu li {
	float: left;
}
#menu li a{
	padding-top: 64px;
}
#menu li a{
	background-image: url('http://trailers.apple.com/trailers/fox/marleyandme/i/menu.jpg');
	background-repeat: none;
}
#menu li a:hover{
	background-image: url('http://trailers.apple.com/trailers/fox/marleyandme/i/menu-o.jpg');
}
#large a{
	width: 88px;
	background-position: 0 0;
}
#medium a{
	width: 102px;
	background-position: -88px 0 ;
}
#small a{
	background-position: -190px 0;
	width: 88px;
}
#hd a{
	width: 94px;
	background-position: 0 -64px;
}
#iphone a{
	width: 184px;
	background-position: -94px -64px;
}



/* footer */
#footer {
	position: absolute;
	top: 440px;
	left: 380px;
}
#footer li {
	float: left;
}
#quicktime a, #apple a, #studio a, #site a {
	padding-top: 30px;
	width: 170px;
}
#site, #studio {
	clear: left;
	float: none !important;
}
#apple a{
	width: 55px;
	padding-top: 50px;
}
#quicktime a{
	width: 100px;
	padding-top: 50px;
	margin-right: 3px;
}
#studio a{
	position: relative;
	top: 30px;
}


/* trailer pages */
body.trailer {
	background: white url('http://trailers.apple.com/trailers/fox/marleyandme/i/bg-trailer.jpg') no-repeat center 400px;
}
body.trailer #content {
	height: 650px;
}
.trailer #menu {
	top: 400px;
	left: 277px;
}

.trailer #back a {
	margin: 0;
	width: 83px;
	padding-top: 47px;
}
.trailer #back a:hover{
	background: url('http://trailers.apple.com/trailers/fox/marleyandme/i/back.jpg');
}
#movieholder { 
	position: absolute;
	background: black;
}
.small #movieholder {
	left: 168px;
	top: 150px
}
.medium #movieholder {
	left: 88px;
	top: 70px
}
.large #movieholder {
	left: 10px;
	top: 50px
}