/* ---------------------------------------------
   Happold Media
   01_5images template
   site/template/pages/01_5images/01_5images.css
   --------------------------------------------- */

/* --- Preview ---

   .-----------------------------. .-------------.
   |                             | |             |
   |                             | |             |
   |         loa_trailer         | |   loa_img1  |
   |                             | |             |
   |                             | |             |
   |                             | |             |
   '-----------------------------' '-------------'
   .-------------. .-------------. .-------------.
   |             | |             | |             |
   |  loa_img2   | |  loa_img2   | |    Links    |
   |             | |             | |             |
   '-------------' '-------------' '-------------'

*/

.content .loa_line { clear: both; margin-bottom: 10px; overflow: hidden; }
.content .loa_line .loa_trailer { float: left; height: 270px; margin-right: 10px; }
.content .loa_line .loa_img1 { float: left; height: 270px; width: 310px; }
.content .loa_line .loa_img2 { float: left; height: 140px; margin-right: 10px; }

.content .loa_line .loa_links { overflow: hidden; height: 140px; width: 260px !important; width: 256px; }
.content .loa_line .loa_links a { color: #FFFFFF; display: block; font-family: Helvetica Neue, Arial, sans-serif; font-size: 10pt; padding: 2px 8px; text-align: right; text-decoration: none; text-transform: lowercase; }

.content .loa_line .loa_links a.trailer { background-color: #939598; margin-bottom: 4px;  }
.content .loa_line .loa_links a.website { background-color: #8CC63F; height: 100%; }
.content .loa_line .loa_links a:hover   { background-color: #535558; }

/* For form-replace */
.content .loa_trailer{width:480px;/*height:270px;*/}
.content .loa_img1{width:310px;/*height:270px;*/}
.content .loa_img2{width:260px;/*height:140px;*/}
.content .loa_links{width:260px;/*height:140px;*/}