diff --git a/gui.css b/gui.css
index 192c592..166e034 100644
--- a/gui.css
+++ b/gui.css
@@ -1,23 +1,35 @@
 #guidat { 
-position: absolute;
-border: 1px solid red;
-width: 300px;
-z-index: 200;
-top: 0;
-left: 100%;
-margin-left: -320px;
--moz-transition: margin-top .2s ease-out;
--webkit-transition: margin-top .2s ease-out;
-transition: margin-top .2s ease-out;
+	font: 12px Helvetica, Arial, 'sans-serif';
+	position: fixed;
+	width: 250px;
+	z-index: 200;
+	opacity: 0.95;
+	top: 0;
+	left: 100%;
+	margin-left: -270px;
+	-moz-transition: margin-top .2s ease-out;
+	-webkit-transition: margin-top .2s ease-out;
+	transition: margin-top .2s ease-out;
+	background-color: #fff;
+	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
 }
 
 #guidat-controllers { 
-height: 300px;
-overflow-y: scroll;
+	height: 300px;
+	overflow-y: scroll;
 }
 
 #guidat-toggle { 
-text-align: center;
-display: block;
-padding: 5px;
+	text-decoration: none;
+	cursor: pointer;
+	font-weight: bold;
+	color: #fff;
+	background-color: #222;
+	text-align: center;
+	display: block;
+	padding: 5px;
+}
+
+#guidat-toggle:hover { 
+	background-color: #000;
 }
\ No newline at end of file
diff --git a/gui.js b/gui.js
index 3cf08e4..313ee3c 100644
--- a/gui.js
+++ b/gui.js
@@ -99,7 +99,7 @@ var GUI = new function() {
 	var open = false;
 	
 	// TODO: obtain this dynamically?
-	var domElementMarginTop = 301;
+	var domElementMarginTop = 300;
 	
 	this.start = function() {