diff --git a/example/index.html b/example/index.html
index da2e876..85c4755 100644
--- a/example/index.html
+++ b/example/index.html
@@ -4,7 +4,7 @@
 	<meta charset="utf-8" />
 	<title>ResponsiveSlides.js &middot; Responsive jQuery Slideshow</title>
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
-	<link rel="stylesheet" href="styles.css" />
+	<link rel="stylesheet" href="../responsiveslides.css" />
 	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 	<script src="../responsiveslides.js"></script>
 	<script>
@@ -40,28 +40,28 @@
 		<h2>Responsive jQuery Slideshow plugin that weights under 1kb</h2>
 
 		<!-- Slideshow 1 -->
-		<ul id="slides1" class="slides">
+		<ul id="slides1">
 			<li><img src="1.jpg" alt="" /></li>
 			<li><img src="2.jpg" alt="" /></li>
 			<li><img src="3.jpg" alt="" /></li>
 		</ul>
 
 		<!-- Slideshow 2 -->
-		<ul id="slides2" class="slides">
+		<ul id="slides2">
 			<li><a href=""><img src="1.jpg" alt="" /></a></li>
 			<li><a href=""><img src="2.jpg" alt="" /></a></li>
 			<li><a href=""><img src="3.jpg" alt="" /></a></li>
 		</ul>
 
 		<!-- Slideshow 3 -->
-		<ul id="slides3" class="slides pagination">
+		<ul id="slides3">
 			<li><img src="1.jpg" alt="" /></li>
 			<li><img src="2.jpg" alt="" /></li>
 			<li><img src="3.jpg" alt="" /></li>
 		</ul>
 
 		<!-- Slideshow 4 -->
-		<ul id="slides4" class="slides pagination">
+		<ul id="slides4">
 			<li><a href=""><img src="1.jpg" alt="" /></a></li>
 			<li><a href=""><img src="2.jpg" alt="" /></a></li>
 			<li><a href=""><img src="3.jpg" alt="" /></a></li>