@import url(filmsCommon.css);

.film                  { float:left;width:230px;padding-top:40px; }
.filmImage             { width:120px; }

/* Special treatment for the topmost film.                                   */
/*                                                                           */
/* This would be best done with the :first-child selector. The problem is    */
/* that's it's not supported by IE6                                          */
/*                                                                           */
#film1                 { width:755px;padding-top:0px;padding-bottom:30px; }
#film1 .filmImage      { float:left;width:355px;margin-right:25px; }
#film1 .filmBlurb      { float:left;width:355px; }

#film2, #film3         { margin-right:35px; }