diff --git a/config/application.rb b/config/application.rb
index f197600..534f3e6 100644
--- a/config/application.rb
+++ b/config/application.rb
@@ -48,6 +48,6 @@ module AdoptAHydrant
     config.active_record.identity_map = true
 
     # Enable the asset pipeline
-    config.assets.enabled = true
+    config.assets.enabled = false
   end
 end
diff --git a/public/images/ajax-loader.gif b/public/images/ajax-loader.gif
new file mode 100644
index 0000000..1c72ebb
Binary files /dev/null and b/public/images/ajax-loader.gif differ
diff --git a/public/images/hydrant-in-snow.jpg b/public/images/hydrant-in-snow.jpg
new file mode 100644
index 0000000..15af25d
Binary files /dev/null and b/public/images/hydrant-in-snow.jpg differ
diff --git a/public/images/logos/boston.png b/public/images/logos/boston.png
new file mode 100644
index 0000000..8783857
Binary files /dev/null and b/public/images/logos/boston.png differ
diff --git a/public/images/logos/cfa.png b/public/images/logos/cfa.png
new file mode 100644
index 0000000..a0a33b9
Binary files /dev/null and b/public/images/logos/cfa.png differ
diff --git a/public/images/markers/green.png b/public/images/markers/green.png
new file mode 100644
index 0000000..6ce406e
Binary files /dev/null and b/public/images/markers/green.png differ
diff --git a/public/images/markers/marker.psd b/public/images/markers/marker.psd
new file mode 100644
index 0000000..8efe358
Binary files /dev/null and b/public/images/markers/marker.psd differ
diff --git a/public/images/markers/red.png b/public/images/markers/red.png
new file mode 100644
index 0000000..fd87c1a
Binary files /dev/null and b/public/images/markers/red.png differ
diff --git a/public/images/markers/shadow.png b/public/images/markers/shadow.png
new file mode 100644
index 0000000..eeaf374
Binary files /dev/null and b/public/images/markers/shadow.png differ
diff --git a/public/javascripts/main.js b/public/javascripts/main.js
new file mode 100644
index 0000000..d498632
--- /dev/null
+++ b/public/javascripts/main.js
@@ -0,0 +1,781 @@
+$(function() {
+  var center = new google.maps.LatLng(42.358431, -71.059773);
+  var zoomLevel = 15;
+  var mapOptions = {
+    center: center,
+    mapTypeControl: false,
+    mapTypeId: google.maps.MapTypeId.ROADMAP,
+    panControl: false,
+    zoom: zoomLevel
+  };
+  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
+  var activeHydrantId;
+  var activeMarker;
+  var activeInfoWindow;
+  var isWindowOpen = false;
+  var hydrantIds = [];
+  function addMarker(hydrantId, point, color) {
+    var image = new google.maps.MarkerImage(color,
+      new google.maps.Size(27.0, 37.0),
+      new google.maps.Point(0, 0),
+      new google.maps.Point(13.0, 18.0)
+    );
+    var shadow = new google.maps.MarkerImage('/images/markers/shadow.png',
+      new google.maps.Size(46.0, 37.0),
+      new google.maps.Point(0, 0),
+      new google.maps.Point(13.0, 18.0)
+    );
+    var marker = new google.maps.Marker({
+      animation: google.maps.Animation.DROP,
+      icon: image,
+      map: map,
+      position: point,
+      shadow: shadow
+    });
+    google.maps.event.addListener(marker, 'click', function() {
+      if(activeInfoWindow) {
+        activeInfoWindow.close();
+      }
+      var infoWindow = new google.maps.InfoWindow({
+        maxWidth: 350
+      });
+      google.maps.event.addListener(infoWindow, 'closeclick', function() {
+        isWindowOpen = false;
+      });
+      activeInfoWindow = infoWindow;
+      activeHydrantId = hydrantId;
+      activeMarker = marker;
+      $.ajax({
+        type: 'GET',
+        url: '/hydrant',
+        data: {
+          'hydrant_id': hydrantId
+        },
+        success: function(data) {
+          // Prevent race condition, which could lead to multiple windows being open at the same time.
+          if(infoWindow == activeInfoWindow) {
+            infoWindow.setContent(data);
+            infoWindow.open(map, marker);
+            isWindowOpen = true;
+          }
+        }
+      });
+    });
+    hydrantIds.push(hydrantId);
+  }
+  function addMarkersAround(lat, lng) {
+    $.ajax({
+      type: 'GET',
+      url: '/hydrants.json',
+      data: {
+        'commit': $('#address_form input[type="submit"]').val(),
+        'utf8': '✓',
+        'authenticity_token': $('#address_form input[name="authenticity_token"]').val(),
+        'lat': lat,
+        'lng': lng
+      },
+      success: function(data) {
+        if(data.errors) {
+          $('#address_label').addClass('error', 500);
+          $('#address').addClass('error', 500);
+          $('#address').focus();
+        } else {
+          $('#address_label').removeClass('error', 500);
+          $('#address').removeClass('error', 500);
+          var i = -1;
+          $(data).each(function(index, hydrant) {
+            if($.inArray(hydrant.id, hydrantIds) == -1) {
+              i += 1;
+            } else {
+              // continue
+              return true;
+            }
+            setTimeout(function() {
+              point = new google.maps.LatLng(hydrant.lat, hydrant.lng);
+              color = '/images/markers/' + (hydrant.user_id ? 'green' : 'red') + '.png';
+              addMarker(hydrant.id, point, color);
+            }, i * 100);
+          });
+          center = new google.maps.LatLng(lat, lng);
+          map.setCenter(center);
+          map.setZoom(18);
+        }
+      }
+    });
+  }
+  google.maps.event.addListener(map, 'dragend', function() {
+    if(isWindowOpen == true) {
+      return;
+    }
+    center = map.getCenter();
+    addMarkersAround(center.lat(), center.lng());
+  });
+  $('#address_form').submit(function() {
+    var submitButton = $("#address_form input[type='submit']");
+    $(submitButton).attr("disabled", true);
+    var submitButtonText = $(submitButton).attr("value");
+    $(submitButton).attr("value", "Please Wait...");
+    if($('#address').val() === '') {
+      $(submitButton).attr("disabled", false);
+      $(submitButton).attr("value", submitButtonText);
+      $('#address_label').addClass('error', 500);
+      $('#address').addClass('error', 500);
+      $('#address').focus();
+    } else {
+      $.ajax({
+        type: 'GET',
+        url: '/address.json',
+        data: {
+          'commit': submitButton.val(),
+          'utf8': '✓',
+          'authenticity_token': $('#address_form input[name="authenticity_token"]').val(),
+          'city_state': $('#city_state').val(),
+          'address': $('#address').val()
+        },
+        success: function(data) {
+          $(submitButton).attr("disabled", false);
+          $(submitButton).attr("value", submitButtonText);
+          if(data.errors) {
+            $('#address_label').addClass('error', 500);
+            $('#address').addClass('error', 500);
+            $('#address').focus();
+          } else {
+            addMarkersAround(data[0], data[1]);
+          }
+        }
+      });
+    }
+    return false;
+  });
+  $('#combo_form input[type="radio"]').live('click', function() {
+    var self = $(this);
+    if('new' == self.val()) {
+      $('#user_forgot_password_fields').slideUp();
+      $('#user_sign_in_fields').slideUp();
+      $('#user_sign_up_fields').slideDown();
+      $('#combo_form').data('state', 'user_sign_up');
+    } else if('existing' == self.val()) {
+      $('#user_sign_up_fields').slideUp();
+      $('#user_sign_in_fields').slideDown(function() {
+      $('#combo_form').data('state', 'user_sign_in');
+        $('#user_forgot_password_link').click(function() {
+          $('#user_sign_in_fields').slideUp();
+          $('#user_forgot_password_fields').slideDown(function() {
+            $('#user_remembered_password').click(function() {
+              $('#user_forgot_password_fields').slideUp();
+              $('#user_sign_in_fields').slideDown();
+              $('#combo_form').data('state', 'user_sign_in');
+            });
+          });
+          $('#combo_form').data('state', 'user_forgot_password');
+        });
+      });
+    }
+  });
+  $('#combo_form').live('submit', function() {
+    var submitButton = $("#combo_form input[type='submit']");
+    $(submitButton).attr("disabled", true);
+    var errors = []
+    if(!/[\w\.%\+\]+@[\w\]+\.+[\w]{2,}/.test($('#user_email').val())) {
+      errors.push($('#user_email'));
+      $('#user_email_label').addClass('error', 500);
+      $('#user_email').addClass('error', 500);
+    } else {
+      $('#user_email_label').removeClass('error');
+      $('#user_email').removeClass('error');
+    }
+    if(!$(this).data('state') || $(this).data('state') === 'user_sign_up') {
+      if($('#user_name').val() === '') {
+        errors.push($('#user_name'));
+        $('#user_name_label').addClass('error', 500);
+        $('#user_name').addClass('error', 500);
+      } else {
+        $('#user_name_label').removeClass('error');
+        $('#user_name').removeClass('error');
+      }
+      if($('#user_password_confirmation').val().length < 6 || $('#user_password_confirmation').val().length > 20) {
+        errors.push($('#user_password_confirmation'));
+        $('#user_password_confirmation_label').addClass('error', 500);
+        $('#user_password_confirmation').addClass('error', 500);
+      } else {
+        $('#user_password_confirmation_label').removeClass('error');
+        $('#user_password_confirmation').removeClass('error');
+      }
+      if(errors.length > 0) {
+        $(submitButton).attr("disabled", false);
+        errors[0].focus();
+      } else {
+        $.ajax({
+          type: 'POST',
+          url: '/users.json',
+          data: {
+            'commit': submitButton.val(),
+            'utf8': '✓',
+            'authenticity_token': $('#combo_form input[name="authenticity_token"]').val(),
+            'user': {
+              'email': $('#user_email').val(),
+              'name': $('#user_name').val(),
+              'organization': $('#user_organization').val(),
+              'voice_number': $('#user_voice_number').val(),
+              'sms_number': $('#user_sms_number').val(),
+              'password': $('#user_password_confirmation').val(),
+              'password_confirmation': $('#user_password_confirmation').val()
+            }
+          },
+          beforeSend: function() {
+            $('#info_window').hide();
+            $('#loader').show();
+          },
+          error: function(data) {
+            console.log(data);
+            $('#loader').hide();
+            $('#info_window').show();
+            $(submitButton).attr("disabled", false);
+          },
+          success: function(data) {
+            if(data.errors) {
+              $('#loader').hide();
+              $('#info_window').show();
+              $(submitButton).attr("disabled", false);
+              if(data.errors.email) {
+                errors.push($('#user_email'));
+                $('#user_email_label').addClass('error', 500);
+                $('#user_email').addClass('error', 500);
+              }
+              if(data.errors.name) {
+                errors.push($('#user_name'));
+                $('#user_name_label').addClass('error', 500);
+                $('#user_name').addClass('error', 500);
+              }
+              if(data.errors.organization) {
+                errors.push($('#user_organization'));
+                $('#user_organization_label').addClass('error', 500);
+                $('#user_organization').addClass('error', 500);
+              }
+              if(data.errors.voice_number) {
+                errors.push($('#user_voice_number'));
+                $('#user_voice_number_label').addClass('error', 500);
+                $('#user_voice_number').addClass('error', 500);
+              }
+              if(data.errors.sms_number) {
+                errors.push($('#user_sms_number'));
+                $('#user_sms_number_label').addClass('error', 500);
+                $('#user_sms_number').addClass('error', 500);
+              }
+              if(data.errors.password) {
+                errors.push($('#user_password_confirmation'));
+                $('#user_password_confirmation_label').addClass('error', 500);
+                $('#user_password_confirmation').addClass('error', 500);
+              }
+              errors[0].focus();
+            } else {
+              $.ajax({
+                type: 'GET',
+                url: '/hydrant',
+                data: {
+                  'hydrant_id': activeHydrantId
+                },
+                success: function(data) {
+                  activeInfoWindow.setContent(data);
+                }
+              });
+            }
+          }
+        });
+      }
+    } else if($(this).data('state') === 'user_sign_in') {
+      if($('#user_password').val().length < 6 || $('#user_password').val().length > 20) {
+        errors.push($('#user_password'));
+        $('#user_password_label').addClass('error', 500);
+        $('#user_password').addClass('error', 500);
+      } else {
+        $('#user_password_label').removeClass('error');
+        $('#user_password').removeClass('error');
+      }
+      if(errors.length > 0) {
+        $(submitButton).attr("disabled", false);
+        errors[0].focus();
+      } else {
+        $.ajax({
+          type: 'POST',
+          url: '/users/sign_in.json',
+          data: {
+            'commit': submitButton.val(),
+            'utf8': '✓',
+            'authenticity_token': $('#combo_form input[name="authenticity_token"]').val(),
+            'user': {
+              'email': $('#user_email').val(),
+              'password': $('#user_password').val(),
+              'remember_me': $('#user_remember_me').val()
+            }
+          },
+          beforeSend: function() {
+            $('#info_window').hide();
+            $('#loader').show();
+          },
+          error: function(data) {
+            console.log(data);
+            $('#loader').hide();
+            $('#info_window').show();
+            $(submitButton).attr("disabled", false);
+          },
+          success: function(data) {
+            if(data.errors) {
+              $('#loader').hide();
+              $('#info_window').show();
+              $(submitButton).attr("disabled", false);
+              $('#user_password_label').addClass('error', 500);
+              $('#user_password').addClass('error', 500);
+              $('#user_password').focus();
+            } else {
+              $.ajax({
+                type: 'GET',
+                url: '/hydrant',
+                data: {
+                  'hydrant_id': activeHydrantId
+                },
+                success: function(data) {
+                  activeInfoWindow.setContent(data);
+                }
+              });
+            }
+          }
+        });
+      }
+    } else if($(this).data('state') === 'user_forgot_password') {
+      if(errors.length > 0) {
+        $(submitButton).attr("disabled", false);
+        errors[0].focus();
+      } else {
+        $.ajax({
+          type: 'POST',
+          url: '/users/password.json',
+          data: {
+            'commit': submitButton.val(),
+            'utf8': '✓',
+            'authenticity_token': $('#combo_form input[name="authenticity_token"]').val(),
+            'user': {
+              'email': $('#user_email').val()
+            }
+          },
+          beforeSend: function() {
+            $('#info_window').hide();
+            $('#loader').show();
+          },
+          error: function(data) {
+            console.log(data);
+            $('#loader').hide();
+            $('#info_window').show();
+            $(submitButton).attr("disabled", false);
+          },
+          success: function() {
+            if(data.errors) {
+              $('#loader').hide();
+              $('#info_window').show();
+              $(submitButton).attr("disabled", false);
+              $('#user_email_label').addClass('error', 500);
+              $('#user_email').addClass('error', 500);
+              $('#user_email').focus();
+            } else {
+              $('#user_forgot_password_fields').slideUp();
+              $('#user_sign_in_fields').slideDown();
+            }
+          }
+        });
+      }
+    }
+    return false;
+  });
+  $('#adoption_form').live('submit', function() {
+    var submitButton = $("#adoption_form input[type='submit']");
+    $(submitButton).attr("disabled", true);
+    $.ajax({
+      type: 'POST',
+      url: '/hydrant',
+      data: {
+        'id': $('#hydrant_id').val(),
+        'commit': submitButton.val(),
+        'utf8': '✓',
+        'authenticity_token': $('#adoption_form input[name="authenticity_token"]').val(),
+        '_method': 'put',
+        'hydrant': {
+          'user_id': $('#hydrant_user_id').val(),
+          'name': $('#hydrant_name').val()
+        }
+      },
+      beforeSend: function() {
+        $('#info_window').hide();
+        $('#loader').show();
+      },
+      error: function(data) {
+        console.log(data);
+        $('#loader').hide();
+        $('#info_window').show();
+        $(submitButton).attr("disabled", false);
+      },
+      success: function(data) {
+        $.ajax({
+          type: 'GET',
+          url: '/hydrant',
+          data: {
+            'hydrant_id': activeHydrantId
+          },
+          success: function(data) {
+            activeInfoWindow.setContent(data);
+            activeInfoWindow.setContent(data);
+            image = new google.maps.MarkerImage('/images/markers/green.png',
+              new google.maps.Size(27.0, 37.0),
+              new google.maps.Point(0, 0),
+              new google.maps.Point(13.0, 18.0)
+            );
+            activeMarker.setIcon(image);
+            activeMarker.setAnimation(google.maps.Animation.BOUNCE);
+          }
+        });
+      }
+    });
+    return false;
+  });
+  $('#abandon_form').live('submit', function() {
+    var answer = window.confirm("Are you sure you want to abandon this hydrant?")
+    if(answer) {
+      var submitButton = $("#abandon_form input[type='submit']");
+      $(submitButton).attr("disabled", true);
+      $.ajax({
+        type: 'POST',
+        url: '/hydrant',
+        data: {
+          'id': $('#hydrant_id').val(),
+          'commit': submitButton.val(),
+          'utf8': '✓',
+          'authenticity_token': $('#abandon_form input[name="authenticity_token"]').val(),
+          '_method': 'put',
+          'hydrant': {
+            'user_id': $('#hydrant_user_id').val(),
+            'name': $('#hydrant_name').val()
+          }
+        },
+        beforeSend: function() {
+          $('#info_window').hide();
+          $('#loader').show();
+        },
+        error: function(data) {
+          console.log(data);
+          $('#loader').hide();
+          $('#info_window').show();
+          $(submitButton).attr("disabled", false);
+        },
+        success: function(data) {
+          $.ajax({
+            type: 'GET',
+            url: '/hydrant',
+            data: {
+              'hydrant_id': activeHydrantId
+            },
+            success: function(data) {
+              activeInfoWindow.setContent(data);
+              image = new google.maps.MarkerImage('/images/markers/red.png',
+                new google.maps.Size(27.0, 37.0),
+                new google.maps.Point(0, 0),
+                new google.maps.Point(13.0, 18.0)
+              );
+              activeMarker.setIcon(image);
+              activeMarker.setAnimation(null);
+            }
+          });
+        }
+      });
+    }
+    return false;
+  });
+  $('#steal_form').live('submit', function() {
+    var answer = window.confirm("Are you sure you want to steal this hydrant?")
+    if(answer) {
+      var submitButton = $("#steal_form input[type='submit']");
+      $(submitButton).attr("disabled", true);
+      $.ajax({
+        type: 'POST',
+        url: '/hydrant',
+        data: {
+          'id': $('#hydrant_id').val(),
+          'commit': submitButton.val(),
+          'utf8': '✓',
+          'authenticity_token': $('#steal_form input[name="authenticity_token"]').val(),
+          '_method': 'put',
+          'hydrant': {
+            'user_id': $('#hydrant_user_id').val(),
+            'name': $('#hydrant_name').val()
+          }
+        },
+        beforeSend: function() {
+          $('#info_window').hide();
+          $('#loader').show();
+        },
+        error: function(data) {
+          console.log(data);
+          $('#loader').hide();
+          $('#info_window').show();
+          $(submitButton).attr("disabled", false);
+        },
+        success: function(data) {
+          $.ajax({
+            type: 'GET',
+            url: '/hydrant',
+            data: {
+              'hydrant_id': activeHydrantId
+            },
+            success: function(data) {
+              activeInfoWindow.setContent(data);
+              image = new google.maps.MarkerImage('/images/markers/red.png',
+                new google.maps.Size(27.0, 37.0),
+                new google.maps.Point(0, 0),
+                new google.maps.Point(13.0, 18.0)
+              );
+              activeMarker.setIcon(image);
+              activeMarker.setAnimation(null);
+            }
+          });
+        }
+      });
+    }
+    return false;
+  });
+  $('#edit_profile_form').live('submit', function() {
+    var submitButton = $("#edit_profile_form input[type='submit']");
+    $(submitButton).attr("disabled", true);
+    $.ajax({
+      type: 'GET',
+      url: '/users/edit',
+      data: {
+        'commit': submitButton.val(),
+        'utf8': '✓',
+        'authenticity_token': $('#edit_profile_form input[name="authenticity_token"]').val()
+      },
+      beforeSend: function() {
+        $('#info_window').hide();
+        $('#loader').show();
+      },
+      error: function(data) {
+        console.log(data);
+        $('#loader').hide();
+        $('#info_window').show();
+        $(submitButton).attr("disabled", false);
+      },
+      success: function(data) {
+        activeInfoWindow.setContent(data);
+      }
+    });
+    return false;
+  });
+  $('#edit_form').live('submit', function() {
+    var submitButton = $("#edit_form input[type='submit']");
+    $(submitButton).attr("disabled", true);
+    var errors = []
+    if(!/[\w\.%\+\]+@[\w\]+\.+[\w]{2,}/.test($('#user_email').val())) {
+      errors.push($('#user_email'));
+      $('#user_email_label').addClass('error', 500);
+      $('#user_email').addClass('error', 500);
+    } else {
+      $('#user_email_label').removeClass('error');
+      $('#user_email').removeClass('error');
+    }
+    if($('#user_name').val() === '') {
+      errors.push($('#user_name'));
+      $('#user_name_label').addClass('error', 500);
+      $('#user_name').addClass('error', 500);
+    } else {
+      $('#user_name_label').removeClass('error');
+      $('#user_name').removeClass('error');
+    }
+    if($('#user_password').val() && ($('#user_password').val().length < 6 || $('#user_password').val().length > 20)) {
+      errors.push($('#user_password'));
+      $('#user_password_label').addClass('error', 500);
+      $('#user_password').addClass('error', 500);
+    } else {
+      $('#user_password_label').removeClass('error');
+      $('#user_password').removeClass('error');
+    }
+    if($('#user_current_password').val().length < 6 || $('#user_current_password').val().length > 20) {
+      errors.push($('#user_current_password'));
+      $('#user_current_password_label').addClass('error', 500);
+      $('#user_current_password').addClass('error', 500);
+    } else {
+      $('#user_current_password_label').removeClass('error');
+      $('#user_current_password').removeClass('error');
+    }
+    if(errors.length > 0) {
+      $(submitButton).attr("disabled", false);
+      errors[0].focus();
+    } else {
+      $.ajax({
+        type: 'POST',
+        url: '/users.json',
+        data: {
+          'id': $('#id').val(),
+          'hydrant_id': activeHydrantId,
+          'commit': submitButton.val(),
+          'utf8': '✓',
+          'authenticity_token': $('#edit_form input[name="authenticity_token"]').val(),
+          '_method': 'put',
+          'user': {
+            'email': $('#user_email').val(),
+            'name': $('#user_name').val(),
+            'organization': $('#user_organization').val(),
+            'voice_number': $('#user_voice_number').val(),
+            'sms_number': $('#user_sms_number').val(),
+            'password': $('#user_password').val(),
+            'password_confirmation': $('#user_password').val(),
+            'current_password': $('#user_current_password').val()
+          }
+        },
+        beforeSend: function() {
+          $('#info_window').hide();
+          $('#loader').show();
+        },
+        error: function(data) {
+          console.log(data);
+          $('#loader').hide();
+          $('#info_window').show();
+          $(submitButton).attr("disabled", false);
+        },
+        success: function(data) {
+          if(data.errors) {
+            $('#loader').hide();
+            $('#info_window').show();
+            $(submitButton).attr("disabled", false);
+            if(data.errors.email) {
+              errors.push($('#user_email'));
+              $('#user_email_label').addClass('error', 500);
+              $('#user_email').addClass('error', 500);
+            }
+            if(data.errors.name) {
+              errors.push($('#user_name'));
+              $('#user_name_label').addClass('error', 500);
+              $('#user_name').addClass('error', 500);
+            }
+            if(data.errors.organization) {
+              errors.push($('#user_organization'));
+              $('#user_organization_label').addClass('error', 500);
+              $('#user_organization').addClass('error', 500);
+            }
+            if(data.errors.voice_number) {
+              errors.push($('#user_voice_number'));
+              $('#user_voice_number_label').addClass('error', 500);
+              $('#user_voice_number').addClass('error', 500);
+            }
+            if(data.errors.sms_number) {
+              errors.push($('#user_sms_number'));
+              $('#user_sms_number_label').addClass('error', 500);
+              $('#user_sms_number').addClass('error', 500);
+            }
+            if(data.errors.password) {
+              errors.push($('#user_password'));
+              $('#user_password_label').addClass('error', 500);
+              $('#user_password').addClass('error', 500);
+            }
+            if(data.errors.current_password) {
+              errors.push($('#user_current_password'));
+              $('#user_current_password_label').addClass('error', 500);
+              $('#user_current_password').addClass('error', 500);
+            }
+            errors[0].focus();
+          } else {
+            activeInfoWindow.setContent(data);
+          }
+        }
+      });
+    }
+    return false;
+  });
+  $('#sign_out_form').live('submit', function() {
+    var submitButton = $("#sign_out_form input[type='submit']");
+    $(submitButton).attr("disabled", true);
+    $.ajax({
+      type: 'GET',
+      url: '/users/sign_out.json',
+      data: {
+        'commit': submitButton.val(),
+        'utf8': '✓',
+        'authenticity_token': $('#sign_out_form input[name="authenticity_token"]').val()
+      },
+      beforeSend: function() {
+        $('#info_window').hide();
+        $('#loader').show();
+      },
+      error: function(data) {
+        console.log(data);
+        $('#loader').hide();
+        $('#info_window').show();
+        $(submitButton).attr("disabled", false);
+      },
+      success: function(data) {
+        $.ajax({
+          type: 'GET',
+          url: '/hydrant',
+          data: {
+            'hydrant_id': activeHydrantId
+          },
+          success: function(data) {
+            activeInfoWindow.setContent(data);
+          }
+        });
+      }
+    });
+    return false;
+  });
+  $('#sign_in_form').live('submit', function() {
+    var submitButton = $("#sign_in_form input[type='submit']");
+    $(submitButton).attr("disabled", true);
+    $.ajax({
+      type: 'GET',
+      url: '/users/sign_in',
+      data: {
+        'commit': submitButton.val(),
+        'utf8': '✓',
+        'authenticity_token': $('#sign_in_form input[name="authenticity_token"]').val(),
+      },
+      beforeSend: function() {
+        $('#info_window').hide();
+        $('#loader').show();
+      },
+      error: function(data) {
+        console.log(data);
+        $('#loader').hide();
+        $('#info_window').show();
+        $(submitButton).attr("disabled", false);
+      },
+      success: function(data) {
+        activeInfoWindow.setContent(data);
+      }
+    });
+    return false;
+  });
+  $('#back_form').live('submit', function() {
+    var submitButton = $("#back_form input[type='submit']");
+    $(submitButton).attr("disabled", true);
+    $.ajax({
+      type: 'GET',
+      url: '/hydrant',
+      data: {
+        'commit': submitButton.val(),
+        'utf8': '✓',
+        'authenticity_token': $('#back_form input[name="authenticity_token"]').val(),
+        'hydrant_id': activeHydrantId
+      },
+      beforeSend: function() {
+        $('#info_window').hide();
+        $('#loader').show();
+      },
+      error: function(data) {
+        console.log(data);
+        $('#loader').hide();
+        $('#info_window').show();
+        $(submitButton).attr("disabled", false);
+      },
+      success: function(data) {
+        activeInfoWindow.setContent(data);
+      }
+    });
+    return false;
+  });
+});
diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
new file mode 100644
index 0000000..e95558a
--- /dev/null
+++ b/public/stylesheets/main.css
@@ -0,0 +1,83 @@
+html {
+  height: 100%;
+}
+
+body {
+  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
+  height: 100%;
+  margin: 0px;
+  padding: 0px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: Helvetica, Arial, sans-serif;
+  text-align: center;
+}
+
+#map_canvas {
+  float: left;
+  height: 100%;
+  width: 75%;
+}
+
+#sidebar {
+  float: left;
+  height: 100%;
+  width: 25%;
+  overflow: hidden;
+}
+
+form {
+  width: 90%;
+  margin: auto;
+}
+
+#sidebar #tagline {
+  text-align: center;
+  padding: 10px;
+  background: #c33;
+  color: #fff;
+}
+
+#sidebar #logos {
+  text-align: center;
+}
+
+#sidebar #logos img {
+  padding: 10px 5px 0 5px;
+}
+
+#sidebar img#hydrant-in-snow {
+  width: 100%;
+}
+
+label, input {
+  white-space: nowrap;
+  text-align: left;
+}
+
+input, select, option, button, input[type="submit"] {
+  display: block;
+  margin-bottom: 10px;
+  font-size: 1.0em;
+  width: 100%;
+}
+
+input[type="radio"], input[type="checkbox"] {
+  display: inline;
+  width: auto;
+  margin-right: 10px;
+}
+
+button, input[type="submit"] {
+  width: 100%;
+  text-align: center;
+}
+
+label.error {
+  color: #c33;
+}
+
+input.error {
+  background-color: #ffc;
+}