Small changes to gui.css

gui.css

@@ -1,14 +1,17 @@
 #guidat { 
-position: absolute;
-border: 1px solid red;
-width: 300px;
+	font: 12px Helvetica, Arial, 'sans-serif';
+	position: fixed;
+	width: 250px;
 	z-index: 200;
+	opacity: 0.95;
 	top: 0;
 	left: 100%;
-margin-left: -320px;
+	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 { 
@@ -17,7 +20,16 @@ overflow-y: scroll;
 }
 
 #guidat-toggle { 
+	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;
+}

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() {