Done.

css/style.css

@@ -3,7 +3,7 @@
 @import url(http://fonts.googleapis.com/css?family=Clicker+Script); /* font-family: 'Clicker Script', cursive; */
 
 /* scale all images, and media to accomodate responsive layout. */
-img, video, audio, iframe, table, form { 
+img, video, audio, iframe, table, form {
 	width:100%; /* IE */
 	max-width: 100%; /* FF, Safari, Chrome */
 }
@@ -263,6 +263,33 @@ iframe {
 		color: #555;
 		text-decoration: underline;
 	}
+/********** Columns **********/
+
+.col-1 {
+  float: left;
+  width: 30%;
+	margin: 1%
+}
+
+.col-2 {
+  float: left;
+  width: 60%;
+	margin: 1
+}
+
+.col-3 {
+}
+
+[class*="coll-"] {
+  margin-left: 1%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.first {
+  margin-left: 0%;
+}
 
 /********** Details **********/
 
@@ -302,4 +329,4 @@ footer {
 		text-decoration: underline;
 	}
 
-/* code examples copyright Jonathan Grover 2012 */
+/* code examples copyright Jonathan Grover 2012 */

index.html

@@ -70,11 +70,11 @@ <h2>Holidays Sale</h2>
 					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 				</section>
-				
+
 				<h2 class="milk_text">Featured Brands</h2>
 
 				<!--/////////// Featured Brands //////////-->
-				<section class="shadow">
+				<section class="shadow col-2 first">
 					<figure>
 						<img src="images/shoes_on_grass.jpg" alt="Photo of shoes in the wet grass">
 						<figcaption>royalty free image from www.sxc.hu</figcaption>
@@ -88,9 +88,9 @@ <h3>Summer Grass</h3>
 					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 				</section>
 				<!--/////////// Ends Featured Brands //////////-->
-				
+
 				<!--/////////// Archive List //////////-->
-				<section class="shadow">
+				<section class="shadow col-1">
 					<h2>Shoe Archive</h2>
 					<h3><a href="#">2014</a></h3>
 					<ul>
@@ -135,7 +135,7 @@ <h3><a href="#">2012</a></h3>
 				<!--/////////// End Archive List //////////-->
 
 				<!--/////////// Deals //////////-->
-				<section class="shadow">
+				<section class="shadow first col-1">
 					<figure>
 						<img src="images/lady_bug_shoe.jpg" alt="Pair of Lady Bug Shoes">
 						<figcaption>royalty free image from www.sxc.hu</figcaption>
@@ -145,7 +145,7 @@ <h3>Lady Bugs</h3>
 					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
 				</section>
 
-				<section class="shadow">
+				<section class="shadow col-1">
 					<figure>
 						<img src="images/skate_shoe.jpg" alt="Pair of Skater Shoes">
 						<figcaption>royalty free image from www.sxc.hu</figcaption>
@@ -155,7 +155,7 @@ <h3>Skaters</h3>
 					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
 				</section>
 
-				<section class="shadow">
+				<section class="shadow col-1">
 					<figure>
 						<img src="images/heel_3.jpg" alt="Picture of baby shoes">
 						<figcaption>royalty free image from www.sxc.hu</figcaption>
@@ -175,7 +175,7 @@ <h3>Bluestar Heels</h3>
 
 			<div class="wrapper">
 
-				<div class="border_right">
+				<div class="border_right col-1 first">
 					<h3>Contact</h3>
 					<p>email: <a href="mailto:[email protected]">[email protected]</a><br>
 					phone: +1 504 555 5555</p>
@@ -185,7 +185,7 @@ <h3>Correspondence</h3>
 					Maricia, CA 91555, USA</address>
 				</div>
 
-				<div class="border_right">
+				<div class="border_right col-1">
 					<h3>Links</h3>
 					<p><a href="#" target="_blank">Shoe Repair & Restoration</a><br>
 					<a href="#" target="_blank">Fashion Editors Assoc.</a><br>
@@ -197,7 +197,7 @@ <h3>Links</h3>
 					<a href="#" target="_blank">Spearhead Artist Mgmt.</a></p>
 				</div>
 
-				<div class="">
+				<div class="col-1">
 					<h3>Follow</h3>
 					<p><a href="#" target="_blank">Youtube</a><br>
 					<a href="#" target="_blank">Facebook</a><br>