/* Elliot Barer, ebarer [at] mac [dot] com, 01/13/2010 */


/*RESETS*/
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code, em, font, img, strong, var, ul, ol, dl, li,
fieldset, form, label, caption,
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
ol, ul { list-style: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }

body { background: white; text-align: center; color: #6c6b6b; font: 11px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
a { text-decoration: none; color: #333; border-bottom: 1px dotted #333; cursor: pointer; }
a:hover  { color: #2270e2; border-bottom: 1px dotted #666; }


/*MAIN*/
#container { width: 1030px; margin: auto; text-align: left; }


/*HEADER*/
#header { clear: right; height: 145px; }
#logo { margin-top: 30px; float: left; }
#contact { margin: 89px 0 0 50px; float: left; }
#contact tr { line-height: 18px; font-size: 11px; }
#contact .label { text-align: right; font-weight: 200; }
#contact .info { text-align: left; padding-left: 15px; font-weight: 200; }


/*CONTENT*/
.movie { word-break: normal; background: aqua; float: left; margin: 0 10px 60px 0; width: 245px; height: 127px; border: none; }
.movie p { float: left; text-align: left; position: relative; width: 245px; top: 127px; font-size: 11px; line-height: 16px; padding: 2px 0 0 0; }
.movie:hover { border: none; }


/* THUMBNAILS */
.movie#memorialcup { background: url(thumbnails/memorialcup.png) no-repeat; display: block; height: 127px; width: 245px; }
.movie#memorialcup .hover { background: url(thumbnails/memorialcup.png) no-repeat 0 -127px; display: block; height: 127px; }

.movie#memorialcup2 { background: url(thumbnails/memorialcup2.png) no-repeat; display: block; height: 127px; width: 245px; }
.movie#memorialcup2 .hover { background: url(thumbnails/memorialcup2.png) no-repeat 0 -127px; display: block; height: 127px; }

.movie#icbc { background: url(thumbnails/icbc.png) no-repeat; display: block; height: 127px; width: 245px; }
.movie#icbc .hover { background: url(thumbnails/icbc.png) no-repeat 0 -127px; display: block; height: 127px; }

.movie#icbc2 { background: url(thumbnails/icbc2.png) no-repeat; display: block; height: 127px; width: 245px; }
.movie#icbc2 .hover { background: url(thumbnails/icbc2.png) no-repeat 0 -127px; display: block; height: 127px; }

.movie#creditunions { background: url(thumbnails/creditunions.png) no-repeat; display: block; height: 127px; width: 245px; }
.movie#creditunions .hover { background: url(thumbnails/creditunions.png) no-repeat 0 -127px; display: block; height: 127px; }

.movie#creditunions2 { background: url(thumbnails/creditunions2.png) no-repeat; display: block; height: 127px; width: 245px; }
.movie#creditunions2 .hover { background: url(thumbnails/creditunions2.png) no-repeat 0 -127px; display: block; height: 127px; }

.movie#fountaintire { background: url(thumbnails/fountaintire.png) no-repeat; display: block; height: 127px; width: 245px; }
.movie#fountaintire .hover { background: url(thumbnails/fountaintire.png) no-repeat 0 -127px; display: block; height: 127px; }

.movie#salvationarmy { background: url(thumbnails/salvationarmy.png) no-repeat; display: block; height: 127px; width: 245px; }
.movie#salvationarmy .hover { background: url(thumbnails/salvationarmy.png) no-repeat 0 -127px; display: block; height: 127px; }

.movie#porsche { background: url(thumbnails/porsche.png) no-repeat; display: block; height: 127px; width: 245px; }
.movie#porsche .hover { background: url(thumbnails/porsche.png) no-repeat 0 -127px; display: block; height: 127px; }

.movie#bmw { background: url(thumbnails/bmw.png) no-repeat; display: block; height: 127px; width: 245px; }
.movie#bmw .hover { background: url(thumbnails/bmw.png) no-repeat 0 -127px; display: block; height: 127px; }

.movie#vcc { background: url(thumbnails/vcc.png) no-repeat; display: block; height: 127px; width: 245px; }
.movie#vcc .hover { background: url(thumbnails/vcc.png) no-repeat 0 -127px; display: block; height: 127px; }

.movie#olmypics { background: url(thumbnails/2010.png) no-repeat; display: block; height: 127px; width: 245px; }
.movie#olmypics .hover { background: url(thumbnails/2010.png) no-repeat 0 -127px; display: block; height: 127px; }

.movie#musicpromos { background: url(thumbnails/musicpromos.png) no-repeat; display: block; height: 127px; width: 245px; }
.movie#musicpromos .hover { background: url(thumbnails/musicpromos.png) no-repeat 0 -127px; display: block; height: 127px; }

.movie#reel { background: url(thumbnails/reel.png) no-repeat; display: block; height: 127px; width: 245px; }
.movie#reel .hover { background: url(thumbnails/reel.png) no-repeat 0 -127px; display: block; height: 127px; }

/* FOOTER */
.footer { clear: both; float: right; position: absolute; bottom: 20px; right: 50px; }