1/2 Awesome Advertising + Design : Doritos Collisions <link rel='stylesheet' href='http://www.halfawesome.com/ndxz-studio/site/sample/style.css' type='text/css' />  <style type='text/css'> .grow { float:left; margin-bottom: 18px; } .thumb { padding:0; text-align:left; display: table; height: 220px; #position: relative; overflow: hidden; width: 220px; } .grow strong { margin-top: 3px; text-align: left; display: block; font-weight: normal; text-align: center; } .grow em { font-style: normal; display: none; text-align: center; } .thumb-it { #position: absolute; _top: 50%; display: table-cell; vertical-align: middle; text-align: center; } .thumb-img { #position: relative; width: 220px; display:block; } </style> <script type='text/javascript' src='http://www.halfawesome.com/ndxz-studio/site/js/jquery.js'></script> <script type='text/javascript' src='http://www.halfawesome.com/ndxz-studio/site/js/cookie.js'></script> <script type='text/javascript' src='http://www.halfawesome.com/ndxz-studio/site/js/grow.vaska.js'></script> <script type='text/javascript'> path = 'http://www.halfawesome.com/files/gimgs/'; $(document).ready(function() { setTimeout('move_up()', 1); }); </script> </script> <style type='text/css'> body { background-image: url(http://www.halfawesome.com/files/bg2.gif); background-repeat: repeat; background-position: 0; background-attachment: fixed; } .section-title { font-weight: bold !important; margin-top: 13px; } .style1 { font-size: 9px } </style> </head> <body class='section-2'> <div id='menu'> <div class='container'> <p><a href='http://halfawesome.com'><img src='http://halfawesome.com/files/12awesome.gif' width='156' height='242' /></a></p> <ul> <li class='section-title'>Work</li> <li><a href='http://www.halfawesome.com/project/weber/' onclick="do_click();">Weber</a></li> <li class='active'><a href='http://www.halfawesome.com/project/doritos-collisions/' onclick="do_click();">Doritos Collisions</a></li> <li><a href='http://www.halfawesome.com/project/holiday-mailer/' onclick="do_click();">Holiday Mailer</a></li> </ul> <ul> <li class='section-title'>Info</li> <li><a href='http://www.halfawesome.com/' onclick="do_click();">Why 1/2?</a></li> <li><a href='http://www.halfawesome.com/why-12/' onclick="do_click();">About us</a></li> <li><a href='http://www.halfawesome.com/contact/' onclick="do_click();">Contact</a></li> </ul> <p>Copyright 2009</p> <h5 style="color: #fff">penis</h5> </div> </div> <div id='content'> <div class='container'>  <p>Print Campaign + TV Spot.</p> <p><img src='http://halfawesome.com/files/angel-wings.jpg' width='396' height='512' /></p> <p><img src='http://halfawesome.com/files/your-bag.jpg' width='396' height='512' /></p> <p><img src='http://halfawesome.com/files/you-touched-me.jpg' width='396' height='512' /></p> <p><object width="700" height="464"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=8163456&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00ADEF&fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=8163456&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00ADEF&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="700" height="464"></embed></object><a href="http://vimeo.com/8163456">Doritos Collisions</a> from <a href="http://vimeo.com/user1878710">Mary Hanna</a> on <a href="http://vimeo.com">Vimeo</a>.</p> <div class='cl'></div>  </div> </div> </body> </html>