/* 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%; background: #2e3192; color: #fff46c; font-size: 9px; font-family: Arial;}
#header{width: 100%; height: 85px; background: #f47b20;}
#headerWrapper{position: relative; top: 33px; width: 1020px; margin: 0 auto;}
#headerWrapper ul li{float:left;}

#headerWrapper ul li a{
display: block;
text-indent: -99999px;
margin: 5px 0 0 0;
background: url(../images/nav-sprite.png) no-repeat;
}
#headerWrapper a#playTrailer{
width:132px;
height: 16px;
margin-left: 20px;
}

#headerWrapper a#playTrailer:hover{
background-position: 0 -18px;
}

#headerWrapper a#release{
width:198px;
height: 16px;
margin-left: 55px;
background-position: -143px 0;
}

#headerWrapper a#release:hover{
background-position: -143px  -18px;
}

#headerWrapper a#presskit{
background-position: -358px 0;
width:211px;
height: 16px;
margin-left: 55px;
}

#headerWrapper a#presskit:hover{
background-position: -358px -18px;
}

#headerWrapper a#buynow{
position: absolute;
top: -23px;
right: 205px;
width: 98px;
height: 54px;
background: url(../images/buy-itunes.png) no-repeat;
}

#headerWrapper a#buynow:hover{
background-position: 0px -54px;
}

#headerWrapper a#boxart{
position: absolute;
top: -23px;
right: 150px;
width: 44px;
height: 54px;
background: url(../images/box-art.png) no-repeat;
}

#headerWrapper a#boxart:hover{
background-position: 0px -54px;
}

#headerWrapper a#amazon{
position: absolute;
top: -13px;
right: 17px;
width: 114px;
height: 37px;
background: url(../images/amazon.png) no-repeat;
}

#headerWrapper a#amazon:hover{
background-position: 0px -37px;
}


#content h1{display: block; height: 13px; text-indent: -9000px; background: url(../images/h1-sonypictures.gif) no-repeat; margin-left: 171px;}
#wrapper{width: 100%; height: 665px; background: #ed1c24;}
#content{position: relative; top: 40px; height: 666px; width: 1307px; margin: 0 auto; background: url(../images/damsels.jpg) no-repeat bottom;}
#footerWrapper{width: 980px; height: 230px; margin: 0 auto; padding-top: 45px; text-transform: uppercase;}
#footerWrapper a{color: #fff46c; text-decoration: none;}
#footerWrapper a img{position: relative; top: 2px;}
#footerWrapper .itunes{display:block; float:left; margin:10px 20px 0px;}
#footerWrapper .rating{display:block; float:left; margin:15px 0px}

#content img{position: absolute;}
#content img.writtenby{top: 54px; left: 170px;}
#content img.title{top: 35px; left: 330px;}
#content img.border{top: 18px; left: 647px;}
#content img.opens{top: 15px; left: 681px;}
#content img.download{top: 120px; left: 678px;}
#content img.trailer{top: 65px; left: 681px;}
#content img.dates{top: 94px; left: 681px;}
#content img.enter{top: 174px; left: 742px;}
#content img.quotes{top:37px; left:740px;}

.clear{clear:both;}