1/2 Awesome Advertising + Design : Why 1/2? <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: 120px; #position: relative; overflow: hidden; width: 120px; } .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: 120px; 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-1'> <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><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 class='active'><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>1/2 Awesome just means we like to leave room for new ideas - overflowing is good, but messy. <br /> Being awesome comes with a lot of pressure and is also just too damn expensive. We're frugal and <br /> buying the domain name "awesome.com" was just out of the question. </p> <p>What we need is a supply of endless opportunity for creativity. That's where you come in. </p> <p>Together we can make something incredible - awesome, even.<br /> </p> <div class='cl'></div>  </div> </div> </body> </html>