diff --git a/art/ai.html b/art/ai.html
index 852caa6..560eb69 100644
--- a/art/ai.html
+++ b/art/ai.html
@@ -62,12 +62,53 @@
     </nav>
     <div class="container-fluid">
         <div class="starter-template">
-            <h2>Da Vinci</h2>
-            <img src="/images/art/ai/clock2vinci.jpg" width="60%" class="img-rounded bordered">
-            <img src="/images/art/ai/clock4vinci.jpg" width="60%" class="img-rounded bordered">
+            <h2 style="background-color: #F8ECC2;">Simplistic Line Images</h2>
+            <a href="/images/art/ai/simple1.png" alt="..." data-lightbox="gradiented">
+                <img src="/images/art/ai/simple1.png" alt="..." width="300px" class="img-rounded">
+            </a>
+            <a href="/images/art/ai/simple2.png" alt="..." data-lightbox="gradiented">
+                <img src="/images/art/ai/simple2.png" alt="..." width="300px" class="img-rounded">
+            </a>
+            <a href="/images/art/ai/simple3.png" alt="..." data-lightbox="gradiented">
+                <img src="/images/art/ai/simple3.png" alt="..." width="300px" class="img-rounded">
+            </a>
+            <h2 style="background-color: #F8ECC2;">Gradiented Images</h2>
+            <div class="row">
+                <div class="col-xs-6 col-md-3">
+                    <a href="#" class="thumbnail">
+                        <a href="/images/art/ai/clock1grad.jpg" alt="..." data-lightbox="gradiented">
+                            <img src="/images/art/ai/clock1grad.jpg" alt="..." width="300px" class="img-rounded">
+                        </a>
+                    </a>
+                </div>
+                <div class="col-xs-6 col-md-3">
+                    <a href="#" class="thumbnail">
+                        <a href="/images/art/ai/clock2grad.jpg" alt="..." data-lightbox="gradiented">
+                            <img src="/images/art/ai/clock2grad.jpg" alt="..." width="300px" class="img-rounded">
+                        </a>
+                    </a>
+                </div>
+                <div class="col-xs-6 col-md-3">
+                    <a href="#" class="thumbnail">
+                        <a href="/images/art/ai/clock3grad.jpg" alt="..." data-lightbox="gradiented">
+                            <img src="/images/art/ai/clock3grad.jpg" alt="..." width="300px" class="img-rounded">
+                        </a>
+                    </a>
+                </div>
+                <div class="col-xs-6 col-md-3">
+                    <a href="#" class="thumbnail">
+                        <a href="/images/art/ai/clock4grad.jpg" alt="..." data-lightbox="gradiented">
+                            <img src="/images/art/ai/clock4grad.jpg" alt="..." width="300px" class="img-rounded">
+                        </a>
+                    </a>
+                </div>
+            </div>
             <h2>Layered AIs</h2>
             <img src="/images/art/ai/clocklayers.jpg" width="60%" class="img-rounded bordered">
             <img src="/images/art/ai/clocklayers1.jpg" width="60%" class="img-rounded bordered">
+            <h2>Da Vinci</h2>
+            <img src="/images/art/ai/clock2vinci.jpg" width="60%" class="img-rounded bordered">
+            <img src="/images/art/ai/clock4vinci.jpg" width="60%" class="img-rounded bordered">
             <h2>Experiments with Animation</h2>
             <img src="/images/art/breaktest.gif" class="img-rounded bordered" width="300px">
             <img src="/images/art/geartest.gif" class="img-rounded bordered" width="300px">
diff --git a/art/record.html b/art/record.html
index 39663c7..80566e5 100644
--- a/art/record.html
+++ b/art/record.html
@@ -352,48 +352,6 @@
                 <iframe class="embed-responsive-item" width="420" height="315" src="http://www.youtube.com/embed/Q2KymGLOH6M?fs=1&showsearch=0" frameborder="0" allowfullscreen="1">
                 </iframe>
             </div>
-            <h1 style="background-color: #F8ECC2;">Illustrator</h1>
-            <h2 style="background-color: #F8ECC2;">Simplistic Line Images</h2>
-            <a href="/images/art/ai/simple1.png" alt="..." data-lightbox="gradiented">
-                <img src="/images/art/ai/simple1.png" alt="..." width="300px" class="img-rounded">
-            </a>
-            <a href="/images/art/ai/simple2.png" alt="..." data-lightbox="gradiented">
-                <img src="/images/art/ai/simple2.png" alt="..." width="300px" class="img-rounded">
-            </a>
-            <a href="/images/art/ai/simple3.png" alt="..." data-lightbox="gradiented">
-                <img src="/images/art/ai/simple3.png" alt="..." width="300px" class="img-rounded">
-            </a>
-            <h2 style="background-color: #F8ECC2;">Gradiented Images</h2>
-            <div class="row">
-                <div class="col-xs-6 col-md-3">
-                    <a href="#" class="thumbnail">
-                        <a href="/images/art/ai/clock1grad.jpg" alt="..." data-lightbox="gradiented">
-                            <img src="/images/art/ai/clock1grad.jpg" alt="..." width="300px" class="img-rounded">
-                        </a>
-                    </a>
-                </div>
-                <div class="col-xs-6 col-md-3">
-                    <a href="#" class="thumbnail">
-                        <a href="/images/art/ai/clock2grad.jpg" alt="..." data-lightbox="gradiented">
-                            <img src="/images/art/ai/clock2grad.jpg" alt="..." width="300px" class="img-rounded">
-                        </a>
-                    </a>
-                </div>
-                <div class="col-xs-6 col-md-3">
-                    <a href="#" class="thumbnail">
-                        <a href="/images/art/ai/clock3grad.jpg" alt="..." data-lightbox="gradiented">
-                            <img src="/images/art/ai/clock3grad.jpg" alt="..." width="300px" class="img-rounded">
-                        </a>
-                    </a>
-                </div>
-                <div class="col-xs-6 col-md-3">
-                    <a href="#" class="thumbnail">
-                        <a href="/images/art/ai/clock4grad.jpg" alt="..." data-lightbox="gradiented">
-                            <img src="/images/art/ai/clock4grad.jpg" alt="..." width="300px" class="img-rounded">
-                        </a>
-                    </a>
-                </div>
-            </div>
         </div>
     </div>
 </body>