diff --git a/assets/css/art.css b/assets/css/art.css
index d1804bf..df1e0c9 100644
--- a/assets/css/art.css
+++ b/assets/css/art.css
@@ -57,3 +57,14 @@ body { padding: 40px 0 0 0; }
     }
 }
 
+div[id^="popup-"]{
+  position: absolute;
+  bottom: 50px;
+  left: 50px;
+  z-index: 1002;
+  background-color: #2c2c2c;
+  padding: 8px;
+  border: 1px solid #444;
+  color: white;
+  font-size: 16px;
+}
diff --git a/assets/js/art.js b/assets/js/art.js
index a00bc23..eb6f8b9 100644
--- a/assets/js/art.js
+++ b/assets/js/art.js
@@ -13,6 +13,9 @@ ART.utils = {};
 /* Settings */
 
 ART.settings.fusion_table_id = "1OHO4HXJyZNjKiGDrG_Mmdp-NTTmNE9lhkBPOMwk";
+ART.settings.default_coords = new L.LatLng(32.33523, -95.3011);
+ART.settings.default_zoom = 13;
+ART.settings.artwork_zoom = 18;
 
 /* Utility functions */
 
@@ -251,14 +254,14 @@ ART.views.map = Backbone.View.extend({
             }, this);
 
             if (artwork) {
-                this.map.setView(new L.LatLng(artwork.get("latitude"), artwork.get("longitude")), 18);
+                this.map.setView(this.art_coords(artwork), ART.settings.artwork_zoom);
             }
         }
     },
 
     render: function() {
         this.map = new L.Map("map-canvas", { minZoom:13, maxZoom:20 });
-        this.map.setView(new L.LatLng(32.33523, -95.3011), 13);
+        this.map.setView(ART.settings.default_coords, ART.settings.default_zoom);
         this.map.addLayer(this.base_layer);
 
         this.clusterer = new LeafClusterer(this.map, [], { gridSize: 32 });
@@ -268,7 +271,7 @@ ART.views.map = Backbone.View.extend({
         this.clusterer.clearMarkers();
 
         this.artwork_collection.each(function(artwork) {   
-            var latlng = new L.LatLng(artwork.get("latitude"), artwork.get("longitude"));
+            var latlng = this.art_coords(artwork);
 
             var marker = new L.Marker(latlng);
 
@@ -282,17 +285,6 @@ ART.views.map = Backbone.View.extend({
 
                 var popup = $("<div></div>", {
                     id: "popup-" + artwork.get("slug"),
-                    css: {
-                        position: "absolute",
-                        bottom: "50px",
-                        left: "50px",
-                        zIndex: 1002,
-                        backgroundColor: "#2c2c2c",
-                        padding: "8px",
-                        border: "1px solid #444",
-                        color: "white",
-                        fontSize: "16px"
-                    },
                     html: description
                 });
 
@@ -313,10 +305,16 @@ ART.views.map = Backbone.View.extend({
 
     resize: function() {
         var h = $(window).height(),
-        offsetTop = 40;
+        offsetTop = $(".navbar-fixed-top").height();
 
         $('#map-canvas').css('height', (h - offsetTop));
         this.map.invalidateSize();
+    },
+
+    art_coords: function(artwork){
+      var lat = artwork.get("latitude");
+      var lon = artwork.get("longitude");
+      return new L.LatLng(lat,lon);
     }
 });