diff --git a/css/bootstrap.css b/css/bootstrap.css
deleted file mode 100644
index f12b390c..00000000
--- a/css/bootstrap.css
+++ /dev/null
@@ -1,39 +0,0 @@
-body {
-  padding-top: 60px;
-}
-
-/* we do not have a LH sidebar */
-.container-fluid > .content {
-  margin-left: 0;
-}
-
-/* direct borrowing from twitter buttons */
-.data-table th,
-.transform-column-view .expression-preview-table-wrapper th
-{
-  background-color: #e6e6e6;
-  background-repeat: no-repeat;
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
-  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
-  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
-  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
-  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
-  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
-  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-  color: #333;
-  border: 1px solid #ccc;
-  border-bottom-color: #bbb;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-  -webkit-transition: 0.1s linear all;
-  -moz-transition: 0.1s linear all;
-  -ms-transition: 0.1s linear all;
-  -o-transition: 0.1s linear all;
-  transition: 0.1s linear all;
-}
-
diff --git a/css/data-explorer.css b/css/data-explorer.css
index dd208e1e..b2df878d 100644
--- a/css/data-explorer.css
+++ b/css/data-explorer.css
@@ -97,6 +97,37 @@
   width: 20px;
 }
 
+/* direct borrowing from twitter buttons */
+.data-table th,
+.transform-column-view .expression-preview-table-wrapper th
+{
+  background-color: #e6e6e6;
+  background-repeat: no-repeat;
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
+  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
+  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  color: #333;
+  border: 1px solid #ccc;
+  border-bottom-color: #bbb;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -webkit-transition: 0.1s linear all;
+  -moz-transition: 0.1s linear all;
+  -ms-transition: 0.1s linear all;
+  -o-transition: 0.1s linear all;
+  transition: 0.1s linear all;
+}
+
+
 /**********************************************************
   * Data Table Menus
   *********************************************************/
diff --git a/demo/built.html b/demo/built.html
index 1e8aa11b..c1c1ae5e 100644
--- a/demo/built.html
+++ b/demo/built.html
@@ -13,7 +13,7 @@
   <link rel="stylesheet" href="../vendor/bootstrap/2.0.0/css/bootstrap.css">
   <link rel="stylesheet" href="../css/data-explorer.css">
   <link rel="stylesheet" href="../css/graph-flot.css">
-  <link rel="stylesheet" href="../css/bootstrap.css">
+  <link rel="stylesheet" href="style/demo.css">
 
   <script type="text/javascript" src="../vendor/jquery-1.7.1.js"></script>
   <script type="text/javascript" src="../vendor/underscore-1.1.6.js"></script>
diff --git a/demo/index.html b/demo/index.html
index 84fed08f..107a33f4 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -13,7 +13,7 @@
   <link rel="stylesheet" href="../vendor/bootstrap/2.0.0/css/bootstrap.css">
   <link rel="stylesheet" href="../css/data-explorer.css">
   <link rel="stylesheet" href="../css/graph-flot.css">
-  <link rel="stylesheet" href="../css/bootstrap.css">
+  <link rel="stylesheet" href="style/demo.css">
   <link rel="stylesheet" href="../vendor/bootstrap/2.0.0/css/bootstrap-responsive.css">
 
   <!-- 3rd party libraries -->
diff --git a/demo/original.html b/demo/original.html
index 5768e297..a5408765 100755
--- a/demo/original.html
+++ b/demo/original.html
@@ -6,7 +6,7 @@
   <link rel="stylesheet" href="style/reset.css" media="screen">
   <link rel="stylesheet" href="style/data-table.css" media="screen"> 
   <link rel="stylesheet" href="style/flot-graph.css" media="screen"> 
-  <link rel="stylesheet" href="style/style.css" media="screen">
+  <link rel="stylesheet" href="style/original.css" media="screen">
 
   <script type="text/javascript" src="../vendor/000-jquery-1.6.1.min.js"></script>
   <script type="text/javascript" src="../vendor/000-underscore-1.1.6.js"></script>
diff --git a/demo/style/demo.css b/demo/style/demo.css
new file mode 100644
index 00000000..aad87eca
--- /dev/null
+++ b/demo/style/demo.css
@@ -0,0 +1,9 @@
+body {
+  padding-top: 60px;
+}
+
+/* we do not have a LH sidebar */
+.container-fluid > .content {
+  margin-left: 0;
+}
+
diff --git a/demo/style/style.css b/demo/style/original.css
similarity index 100%
rename from demo/style/style.css
rename to demo/style/original.css