Cacher is the code snippet organizer for pro developers

<div id="products">
    <div class="productgroup [beantype]"> <!-- apply width to .productgroup, and [beantype] should be the actual type -->
		<h2 class="beantype">Bean Type</h2> <!-- this .beantype  is the actual classname :) -->
		<div class="product chipname">chip bag here</div>
		<div class="product chipname">chip bag here</div>
	</div>
	<div class="productgroup beantype">
		<h2 class="beantype">Bean Type</h2>
		<div class="product chipname">chip bag here</div>
		<div class="product chipname">chip bag here</div>
	</div>
	<div class="productgroup beantype">
		<h2 class="beantype">Bean Type</h2>
		<div class="product chipname">chip bag here</div>
		<div class="product chipname">chip bag here</div>
	</div>
</div>

<div id="press"> <!-- apply textured bg here -->
    <h1 class="press">Press</h1> <!-- banner -->

	<div class="wrapper"> <!-- apply inner width here -->
		<h2>Big Time</h2>
		<p>paragraph</p>

		<div class="logos">
			<!-- for each .logo, apply a width, say 200px, and a min-height, like 200px,
				 then on .logo img apply width: 100%
			 -->
			<div class="logo brandname"></div>
			<div class="logo brandname"></div>
			<div class="logo brandname"></div>
			<div class="logo brandname"></div>
			<div class="logo brandname"></div>
			<div class="logo brandname"></div>	
		</div>

		<div class="presskit">Download</div>
	</div>

</div>