<section id="intro">
  <h1>Mega Scripts Studios<small>®</small></h1>
   
  <p class="subtag"><em>special for ucoz</em></p>
   
  <p class="desc">A Creative Consultancy</p>
   
  <div>
  <p class="date"><em>Start</em> 2011</p>
  <p class="address">
  <strong>Kloun-Na-uCoz</strong>  
  <em>Design Studios</em>
  </p>
  </div>  
   
  <p class="location">Phoenix, Arizona</p>
  </section>
   
  <section id="company">
   
  <div class="desc">
  <div class="col-1">
  <p><strong>KITCHEN SINK STUDIOS® INCORPORATED</strong>
is a creative and design consultancy based in Phoenix, Arizona. The firm is owned and operated by Nicolas Hower and Kory Kapfer.</p>
  <p>Our job is to tell your story in the most compelling manner possible. That means everything from branding, print design, web and interactive design, architectural renderings, video presentations, legal analysis, animation, eMarketing, public relations and social media programs — everything including the Kitchen Sink.<span>*</span></p>
  </div>
  <div class="col-2">
  <p>When you have the right tools to tell your story, you get great results. We take pride in helping our clients grow, thrive and prosper. And we enjoy the relationships we build along the way.</p>
  <p>We are a truly collaborative team, both when we work in the studio and when we work with our clients. We approach each project and assignment with the goal of making it as good as it can possibly be. We love our company, we love our work and we love the satisfaction of making our clients happy.</p>
  <div>
  <strong><span>*</span>And no, we don’t sell sinks.</strong>
  </div>
  </div>
  </div>

  </section>

<link rel="stylesheet" href="/css/intro.css" type="text/css" media="screen" />

  <section id="work">
   
  <div id="work-sample-container" class="loading">
   
  <div id="image-samples">
   
  <ul id="list-1">
  <li class="first">
  <a href="#solarwing"><img src="http://www.kitchensinkstudios.com/projects/solarwing/screenshot-solarwing.jpg" alt="screenshot-solarwing" width="344" height="230" /></a>
  <h3>Solarwing</h3>
  </li>
  <li class="second">
  <a href="#waveyard"><img src="http://www.kitchensinkstudios.com/projects/waveyard/screenshot-waveyard.jpg" alt="screenshot-waveyard" width="344" height="230" /></a>
  <h3>Waveyard</h3>  
  </li>
  <li class="third">
  <a href="#jokake"><img src="http://www.kitchensinkstudios.com/projects/jokake/screenshot-jokake.jpg" alt="screenshot-jokake" width="344" height="230" /></a>
  <h3>Jokake</h3>
  </li>
  <li class="fourth">
  <a href="#helicoptertragedy"><img src="http://www.kitchensinkstudios.com/projects/helicoptertragedy/screenshot-helicopter-tragedy.jpg" alt="screenshot-helicopter-tragedy" width="344" height="230" /></a>
  <h3>Helicopter Tragedy</h3>
  </li>
  </ul>
   
  <ul id="list-2">
  <li class="first">
  <a href="#legends"><img src="http://www.kitchensinkstudios.com/projects/legends/screenshot-legends.jpg" alt="screenshot-legends" width="344" height="230" /></a>
  <h3>Legends</h3>
  </li>
  <li class="second">
  <a href="#linthicum"><img src="http://www.kitchensinkstudios.com/projects/linthicum/screenshot-linthicum.jpg" alt="screenshot-linthicum" width="344" height="230" /></a>
  <h3>Linthicum</h3>
  </li>
  <li class="third">
  <a href="#santamonica"><img src="http://www.kitchensinkstudios.com/projects/santamonica/screenshot-santa-monica.jpg" alt="screenshot-santa-monica" width="344" height="230" /></a>
  <h3>Santa Monica</h3>
  </li>
  <li class="fourth">
  <a href="#hillandhill"><img src="http://www.kitchensinkstudios.com/projects/hillandhill/screenshot-hill-and-hill.jpg" alt="screenshot-hill-and-hill" width="344" height="230" /></a>
  <h3>Hill and Hill</h3>
  </li>
  </ul>
   
  <ul id="list-3">
  <li class="first">
  <a href="#saltworks"><img src="http://www.kitchensinkstudios.com/projects/saltworks/screenshot-saltworks.jpg" alt="screenshot-saltworks" width="344" height="230" /></a>
  <h3>Saltworks</h3>  
  </li>
  <li class="second">
  <a href="#arcus"><img src="projects/arcus/screenshot-arcus.jpg" alt="screenshot-arcus" width="344" height="230" /></a>
  <h3>Arcus</h3>
  </li>
  <li class="third">
  <a href="#superdupers"><img src="projects/superdupers/screenshot-super-dupers.jpg" alt="screenshot-super-dupers" width="344" height="230" /></a>
  <h3>Super Dupers</h3>
  </li>
  <li class="fourth">
  <a href="#elseif"><img src="http://www.kitchensinkstudios.com/projects/elseif/screenshot-el-seif.jpg" alt="screenshot-el-seif" width="344" height="230" /></a>
  <h3>El Seif</h3>  
  </li>
  </ul>
   
  <ul id="list-4">
  <li class="first">
  <a href="#giantcoffee"><img src="http://www.kitchensinkstudios.com/projects/giantcoffee/screenshot-giant-coffee.jpg" alt="screenshot-giant-coffee" width="344" height="230" /></a>
  <h3>Giant Coffee</h3>
  </li>
  <li class="second">
  <a href="#austinplanetarium"><img src="http://www.kitchensinkstudios.com/projects/austinplanetarium/screenshot-austin-planetarium.jpg" alt="screenshot-austin-planetarium" width="344" height="230" /></a>
  <h3>Austin Planetarium</h3>
  </li>
  <li class="third">
  <a href="#estrella"><img src="http://www.kitchensinkstudios.com/projects/estrella/screenshot-estrella.jpg" alt="screenshot-estrella" width="344" height="230" /></a>
  <h3>Estrella</h3>
  </li>
  <li class="fourth">
  <a href="#renderings"><img src="http://www.kitchensinkstudios.com/projects/renderings/screenshot-renderings.jpg" alt="screenshot-renderings" width="344" height="230" /></a>
  <h3>Renderings</h3>
  </li>
  </ul>
   
  <ul id="list-5">
  <li class="first">
  <a href="#zella"><img src="http://www.kitchensinkstudios.com/projects/zella/screenshot-zella.jpg" alt="screenshot-zella" width="344" height="230" /></a>
  <h3>Zella Day</h3>
  </li>
  <li class="second">
  <a href="#crisalli"><img src="http://www.kitchensinkstudios.com/projects/crisalli/screenshot-crisalli.jpg" alt="screenshot-crisalli" width="344" height="230" /></a>
  <h3>Crisalli</h3>
  </li>
  <li class="third">
  <a href="#enr2"><img src="http://www.kitchensinkstudios.com/projects/enr2/screenshot-enr2.jpg" alt="screenshot-enr2" width="344" height="230" /></a>
  <h3>ENR2</h3>
  </li>
  <li class="fourth">
  <a href="#kssposter"><img src="http://www.kitchensinkstudios.com/projects/kssposter/screenshot-kss-poster.jpg" alt="screenshot-kss-poster" width="344" height="230" /></a>
  <h3>KSS Poster</h3>  
  </li>
  </ul>
   
  </div>
   
  <a class="scrollButtons prev" href="#" id="prev">Prev</a>
  <a class="scrollButtons next" href="#" id="next">Next</a>
   
  <a class="scrollButtons prev" href="#" id="prev-inner">Prev</a>
  <a class="scrollButtons next" href="#" id="next-inner">Next</a>
   
  <section id="project-nav">
   
  <div id="project-overview-nav">
  <em>Select a Page</em>
  <nav></nav>
  </div>
   
  <div id="project-detail-nav">
  <div>
  <h3>Project Title Here</h3>
  <p>Project Description</p>
  </div>
   
  <nav></nav>
   
  <a class="close" href="#">Return to Project List</a>  
   
  </div>
   
  </section>
  <em class="ribbon">Give us a call to see how we can help you.</em>
  </div>
   
   
  </section>

<link rel="stylesheet" href="/css/work.css" type="text/css" media="screen" />

<section id="history">
  <div id="company-hero">
  <p>thirteen years in the making...</p>
  <p><em>AND</em> we’ve enjoyed every minute of it!</p>
  </div>
   
  <p class="tag">Blood, Sweat <em>&</em> Tears</p>
   
  <div class="desc">
  <div class="col-1">
  <p>In 1999, Nick Hower and Kory Kapfer realized that there was a need in this world for more great design and creative work. So they launched Kitchen Sink Studios in Nick’s garage on a shoestring budget.</p>
   
  <blockquote><span><em class="left-quote">"</em>If we were going to do this,
we were going to do it right. And that’s carried over into everything we do...<em>”</em></span></blockquote>
   
  <p>"Kory wore a tie to work the first couple of weeks,” Nick tells us. "I was like, ‘Kory, we’re working in the garage!’” But his point was that if we were going to do this, we were going to do it right. And that’s carried over into everything we do.<span>*</span></p>  
   
  <p>The business grew quickly, as did the list of services the studio provides. Before long, Kitchen Sink Studios was a full-fledged creative firm, providing everything from branding and identity to renderings and animation.</p>
   
  <div><strong><span>*</span>Kory denies the tie thing.</strong></div>
   
  </div>
  <div class="col-2">
  <p>In 2006, Kitchen Sink Studios bought its current home on the corner of 3rd Street and Garfield in downtown Phoenix. In 2007, the company completely gutted the buildings and renovated it into the working studio you see today.</p>
   
  <blockquote><span><em class="left-quote">"</em>We’ve been lucky to work
with great people, both on
our team and with the clients we’ve served...<em>”</em></span></blockquote>
   
  <p>If you’ve seen our front gate, you know that our "sign” is made up of about 8,000 bottlecaps. The bottlecaps went up in 2009. </p>
   
  <p>"It’s been a great partnership, and we’re really proud of the company,” Kory said. "We’ve been lucky to work with great people, both on our team over the years and with the clients we’ve served.”</p>
   
  <p>If you’d like to hear the rest of the story, stop by our office for a beverage and we’ll be glad to share.</p>
  </div>
  </div>
   
  </section>

<link rel="stylesheet" href="/css/history.css" type="text/css" media="screen" />

  <section id="services">
  <ul id="service-icons">
  <li id="service-branding">
  <h3>Branding</h3>
  <p>Put your best foot forward
from the get-go</p>
  </li>
  <li id="service-photography">
  <h3>Photography</h3>
  <p>See the world in a way you’ve never seen it before</p>
  </li>
  <li id="service-writing">
  <h3>Creative Writing</h3>
  <p>Maybe not Faulkner or Vonnegut, but close</p>
  </li>
  <li id="service-print-design">
  <h3>Print Design</h3>
  <p>Bring your story to life on
the printed page</p>
  </li>
  <li id="service-illustration">
  <h3>Illustration</h3>
  <p>We create stunning visual representations</p>
  </li>
  <li id="service-legal-analysis">
  <h3>Legal Analysis</h3>
  <p>Groundbreaking ways of presenting legal arguments</p>
  </li>
  <li id="service-3d-modeling">
  <h3>CGI</h3>
  <p>The closest you can get to
reality without it being real</p>
  </li>
  <li id="service-video">
  <h3>Video Production</h3>
  <p>Captivating video for TV,
web and big screen</p>
  </li>
  <li id="service-web-design">
  <h3>Web Design</h3>
  <p>Interactive, intelligent and beautiful web experiences</p>
  </li>
  <li id="service-social-media">
  <h3>Social Media</h3>
  <p>Connect directly with
your target audiences</p>
  </li>
  <li id="service-marketing">
  <h3>Marketing</h3>
  <p>We can help you sell
your product or idea</p>
  </li>
  <li id="service-comming-soon">
  <h3>Coming Soon...</h3>
  <p>Kitchen Sink is expanding our talent pool. Stay tuned.</p>
  </li>
  </ul>
   
  <p class="desc"><em>AND</em> just about anything else you
can think of that requires a little creativity.</p>
  </section>

<link rel="stylesheet" href="/css/services.css" type="text/css" media="screen" />

  <section id="social">
  <div class="col-1">
   
  <h2>KSS Twitter Feed</h2>
  <div id="tweets">
  <p>Our tweets are loading. You can wait or read the <a href="http://twitter.com/rem">full feed</a>.</p>
  </div>
   
  <a href="http://twitter.com/#!/kitchensinkinc" class="twitter-link">Follow Us</a>
  </div>  
   
  <div class="col-2">
  <span class="relax">Relax for a while</span>
  <span class="read">and read our</span>
  <p id="kss-blog">
  <a href="http://kitchensinkstudios.blogspot.com/">  
  <em>Blog</em>
  <span>Click to Visit</span>
  </a>
  </p>
   
  <p id="facebook">
  <span>Find Us On</span>
  <a href="http://www.facebook.com/KitchenSinkStudios">facebook</a>
  </p>
   
  <p id="vimeo">
  <span>Watch Us on</span>
  <a href="http://vimeopro.com/kitchensink/portfolio">vimeo</a>
  </p>
  </div>
   
  <dl id="flickr-feed">
  <dt><strong>Flickr</strong></dt>
  <dd><a href="http://www.kitchensinkstudios.com/11Holidays/"><img src="images/kss-xmas-thumb01.jpg" alt="Kitchen Sink Holiday" width="80" height="60" /></a></dd>
  </dl>
   
  </section>
[code]

А также стили пропишем, все там же:
[code]
<link rel="stylesheet" href="/css/social.css" type="text/css" media="screen" />

<section id="contact">
   
  <div class="col-1">
  <h2>828</h2>
  </div>
   
  <div class="col-2">
  <span class="street">North Third Street</span>
  <span class="city">Phoenix, AZ</span>
  <span class="zip">85004-2032</span>
  </div>
   
  <div class="email-us">
  <h3>written inquiries may be sent to</h3>
  <a href="http://cloudflare.com/email-protection.html#167f787079567d7f62757e7378657f787d656263727f79653875797b"><span id="__cf_email__" class="e38a8d858ca3888a97808b868d908a8d88909796878a8c90cd808c8e">[email protected]</span><script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l=document.getElementById("__cf_email__");a=l.className;if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode©;}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
/* ]]> */
</script></a>
  </div>
   
  <div class="telephone">
  <h3>T•e•l•e•p•h•o•n•e</h3>
  <p>602.258.3150</p>
  </div>
   
  <div class="google-maps">
  <a href="http://maps.google.com/maps?q=828+n+3rd+st.+phoenix,+az&hl=en&sll=37.0625,-95.677068&sspn=66.70144,75.410156&t=h&z=17&iwloc=A">Google maps</a>
  </div>
   
  <div class="join-us">
  <span class="love">We love to</span>
  <span class="meet">meet new people.</span>
  <span class="drink">join us for a drink</span>
  <span class="bar">at any local downtown pub.</span>
  </div>
   
  <div class="base">
  <p>© <script type="text/javascript">copyright=new Date();update=copyright.getFullYear();document.write(update);</script> Kitchen Sink Studios</p>
  </div>
   
  </section>

<link rel="stylesheet" href="/css/contact.css" type="text/css" media="screen" />