/* CSS Document */
body {
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 12px;
     text-align: center;
     margin: 0px; padding: 0px;
}

/* layout */
#box {
     border: none; width: 980px; position: relative; margin: auto; text-align: left;
}

#boxMain {
     height: 515px; width: 980px; background-image: url(http://trailers.apple.com/trailers/touchstone/swingvote/img/main-background.jpg); background-repeat: no-repeat; background-position: right; position: relative;
}

#boxHeader {
     width: 564px; height: 88px; background-image: url(http://trailers.apple.com/trailers/touchstone/swingvote/img/header.jpg); background-repeat: no-repeat; position: absolute;
}

#boxViewTrailer {
     width: 354px; height: 100px; position: absolute; top: 250px; left: 238px;
}

h1.viewTrailerHeader {
     height: 24px; width: 354px; background-color: White; text-align: center; margin: 0px; padding: 0px;
}

#boxBottom {
     height: 135px; width: 980px; background-image: url(http://trailers.apple.com/trailers/touchstone/swingvote/img/bottom-background.jpg); background-repeat: no-repeat; background-position: right; position: relative;
}


/* buttons */
#boxViewTrailer a {
     height: 22px;
     display: block;
     margin-top: 27px;  
     position: absolute;
}

.buttons {
     height: 76px; width: 354px; background-color: #C6C6C6;
}

a.b01 {
     background-image: url(http://trailers.apple.com/trailers/touchstone/swingvote/img/b01.jpg);
     width: 67px; left: 23px;
}

a.b01:hover {
     background-image: url(http://trailers.apple.com/trailers/touchstone/swingvote/img/b01on.jpg);
}

a.b02 {
     background-image: url(http://trailers.apple.com/trailers/touchstone/swingvote/img/b02.jpg);
     width: 82px; left: 110px;
}

a.b02:hover {
     background-image: url(http://trailers.apple.com/trailers/touchstone/swingvote/img/b02on.jpg);
}

a.b03 {
     background-image: url(http://trailers.apple.com/trailers/touchstone/swingvote/img/b03.jpg);
     width: 62px; left: 215px;
}

a.b03:hover {
     background-image: url(http://trailers.apple.com/trailers/touchstone/swingvote/img/b03on.jpg);
}

a.b04 {
     background-image: url(http://trailers.apple.com/trailers/touchstone/swingvote/img/b04.jpg);
     width: 28px; left: 300px;
}

a.b04:hover {
     background-image: url(http://trailers.apple.com/trailers/touchstone/swingvote/img/b04on.jpg);
}

/* video box */
.videoSmall {
     width: 320px;
     height: 132px;
     border: none;
     position: absolute;
     top: 215px;
     left: 240px;
}

.videoMedium {
     width: 480px;
     height: 218px;
     border: none;
     position: absolute;
     top: 200px;
     left: 82px;
}

.videoLarge{
     width: 640px;
     height: 290px;
     border: none;
     position: absolute;
     top: 189px;
     left: 82px;
}

/* SPECIAL */
a.visitWebsite {
     height: 22px; 
     width: 265px;
     display: block;
     position: absolute;
     left: 376px;
     top: 98px;
}

a.backToIndex {
     background-image: url(http://trailers.apple.com/trailers/touchstone/swingvote/img/back.jpg);
     height: 23px; 
     width: 149px;
     display: block;
     position: absolute;
     left: 76px;
     top: 0px;
}