diff --git a/demo/themes/themes.html b/demo/themes/themes.html
index 70a1b98..5b4399c 100644
--- a/demo/themes/themes.html
+++ b/demo/themes/themes.html
@@ -49,38 +49,45 @@
   <div id="wrapper">
     <h1>Three different ways to use next/prev buttons</h1>
 
+
+
     <h3>Vertically centered on both sides</h3>
     <!-- Slideshow 1 -->
     <div class="rslides_container">
       <ul class="rslides" id="slider1">
-        <li><img src="../1.jpg" alt=""></li>
-        <li><img src="../2.jpg" alt=""></li>
-        <li><img src="../3.jpg" alt=""></li>
+        <li><img src="../images/1.jpg" alt=""></li>
+        <li><img src="../images/2.jpg" alt=""></li>
+        <li><img src="../images/3.jpg" alt=""></li>
       </ul>
     </div>
 
+
+
     <h3>Transparent buttons over the left and right side</h3>
     <!-- Slideshow 2 -->
     <div class="rslides_container">
       <ul class="rslides" id="slider2">
-        <li><img src="../1.jpg" alt=""></li>
-        <li><img src="../2.jpg" alt=""></li>
-        <li><img src="../3.jpg" alt=""></li>
+        <li><img src="../images/1.jpg" alt=""></li>
+        <li><img src="../images/2.jpg" alt=""></li>
+        <li><img src="../images/3.jpg" alt=""></li>
       </ul>
     </div>
 
+
+
     <h3>100% height with vertically centered icons</h3>
     <!-- Slideshow 3 -->
     <div class="rslides_container">
       <ul class="rslides" id="slider3">
-        <li><img src="../1.jpg" alt=""></li>
-        <li><img src="../2.jpg" alt=""></li>
-        <li><img src="../3.jpg" alt=""></li>
+        <li><img src="../images/1.jpg" alt=""></li>
+        <li><img src="../images/2.jpg" alt=""></li>
+        <li><img src="../images/3.jpg" alt=""></li>
       </ul>
     </div>
 
-    <a href="http://responsiveslides.com/">View ResponsiveSlides.js documentation</a>
 
+
+    <a href="http://responsiveslides.com/">View ResponsiveSlides.js documentation</a>
   </div>
 </body>
 </html>