diff --git a/app/assets/images/background.jpg b/app/assets/images/background.jpg
new file mode 100644
index 00000000..0c0b6cca
Binary files /dev/null and b/app/assets/images/background.jpg differ
diff --git a/app/assets/images/background2.jpg b/app/assets/images/background2.jpg
new file mode 100644
index 00000000..9d9a3c7c
Binary files /dev/null and b/app/assets/images/background2.jpg differ
diff --git a/app/assets/images/topbg.png b/app/assets/images/topbg.png
new file mode 100644
index 00000000..f56313e3
Binary files /dev/null and b/app/assets/images/topbg.png differ
diff --git a/app/assets/images/topbg2.png b/app/assets/images/topbg2.png
new file mode 100644
index 00000000..a433e648
Binary files /dev/null and b/app/assets/images/topbg2.png differ
diff --git a/app/assets/javascripts/Jit/ForceDirected/metamap.js b/app/assets/javascripts/Jit/ForceDirected/metamap.js
index 04e7e6d6..0c4f2e20 100644
--- a/app/assets/javascripts/Jit/ForceDirected/metamap.js
+++ b/app/assets/javascripts/Jit/ForceDirected/metamap.js
@@ -51,18 +51,18 @@ function init(){
       overridable: true,
 	  color: '#2D6A5D',
 	  type: 'circle',
-	  dim: 11
+	  dim: 15
     },
     Edge: {
       overridable: true,
-      color: '#23A4FF',
-      lineWidth: 0.5
+      color: '#d1d1d1',
+      lineWidth: 2
     },
     //Native canvas text styling
     Label: {
       type: labelType, //Native or HTML
-      size: 12,
-      style: 'bold'
+      size: 17,
+      //style: 'bold'
     },
     //Add Tips
     Tips: {
@@ -73,7 +73,7 @@ function init(){
         node.eachAdjacency(function() { count++; });
         //display node info in tooltip
         tip.innerHTML = "<div class=\"tip-title\">" + node.name + "</div>"
-          + "<div class=\"tip-text\"><b>connections:</b> " + count + "</div>";
+          + "<div class=\"tip-text\">connections: " + count + "</div>";
       }
     },
     // Add node events
@@ -102,7 +102,7 @@ function init(){
         if(!node) return;
         // Build the right column relations list.
         // This is done by traversing the clicked node connections.
-        var html = "<h4>" + node.name + "</h4><b> connections:</b><ul><li>",
+        var html = "<h4>" + node.name + "</h4><b>has connections to:</b><ul><li>",
             list = [];
         node.eachAdjacency(function(adj){
           list.push(adj.nodeTo.name);
@@ -121,7 +121,7 @@ function init(){
       domElement.innerHTML = node.name;
       var style = domElement.style;
       style.fontSize = "0.9em";
-      style.color = "#ddd";
+      style.color = "#fff";
     },
     // Change node styles when DOM labels are placed
     // or moved.
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 149c6962..9e241e5e 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -20,7 +20,7 @@ pre, form, fieldset, table, th, td, legend { margin: 0; padding: 0; }
 img {border:0; padding:0; margin:0; display:block; text-indent:-9999px;}
 
 html { }
-body { background:#031924; font-family:Arial, Helvetica, sans-serif; background-attachment:fixed; color:#FFF; }
+body { background:#031924 url(background2.jpg) repeat 0 0; font-family:Arial, Helvetica, sans-serif; background-attachment:fixed; color:#FFF; }
 
 h1 {display:block; text-align:left; }
 h2 {display:block; text-align:center; background: #333; font-size:24px;}
@@ -43,7 +43,7 @@ input[type="submit"] { margin-top:5px; }
 
 .main { }
 
-.headertop { display:block; position:fixed; top:0; left:0; z-index:10; height:38px; width:100%; min-width:622px; background:#000; }
+.headertop { display:block; position:fixed; top:0; left:0; z-index:10; height:38px; width:100%; min-width:622px; background: url(topbg2.png) repeat-x top left; }
 #mainTitle { float: left; }
 #mainTitle a { color:#FFF; }
 .headertop ul { display:block; float: right; }
diff --git a/app/assets/stylesheets/base.css b/app/assets/stylesheets/base.css
index 7b6c1653..6096ffa1 100644
--- a/app/assets/stylesheets/base.css
+++ b/app/assets/stylesheets/base.css
@@ -1,19 +1,18 @@
 #center-container {
     position:relative;
-	height:600px;
+	height:500px;
 	width:80%;
     float:left;
-    background-color:#031924;
+    /* background-color:#031924; */
     color:#ccc;
 }
 
 #right-container {
-	height:600px;
+	height:500px;
     width:19%;
-    color:#686c70;
+    color:#FFF;
     text-align: left;
     overflow: auto;
-    background-color:#D1D1D1;
 }
 
 #right-container h4{
@@ -35,14 +34,15 @@
     font-size:1.0em;
     font-weight:bold;
     color:#23A4FF;
+	display:none;
 }
 
 
 #infovis {
     position:relative;
-    width:600px;
-    height:600px;
-    margin:auto;
+    width:100%;
+    height:500px;
+    margin:0 0 0 50px;
     overflow:hidden;
 }