@import url(reset.css);

@font-face {
                  font-family: 'GothamRounded-Bold';
                  src: url('GothamRnd-Bold.eot');
 }

@font-face {
                  font-family: 'GothamRounded-Bold';
                  src: url('GothamRnd-Bold.woff') format('woff'),
                  url('GothamRnd-Bold.svg#GothamRounded-Bold') format('svg');
 }


/* go on with normal style definitions */
body {
  font-family: GothamRounded-Bold, sans-serif;
  letter-spacing: -.1em;
  
  background-image: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #E0E0E0 100%);
  background-image: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #E0E0E0 100%);
  background-image: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #E0E0E0 100%);
  background-image: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, #FFFFFF), color-stop(1, #E0E0E0));
  background-image: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #E0E0E0 100%);
  background-image: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #E0E0E0 100%);
}

h1 {
  font-size: 40px;
  font-weight: normal;
  padding: 7px 7px 0 9px;
}

#main-header {
  padding-bottom: 12px;
}

#container1, #container2 {
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#container1:before, #container2:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

#mapform, #looksright {
  display: inline-block;
  vertical-align: middle;
}

#container2 { display: none; }
#looksright {
  background:#fff;
  height: 400px
}
#looksrightcontent { padding: 20px; margin-left: 500px;}
#map { width:500px; height: 400px; float: left; }
/*#looksright h1 {display: inline;}*/

.location {
  font-family: GothamRounded-Bold, sans-serif;
  line-height: 1.5;
  font-size: 1.4em;
  padding: 7px 10px 3px;
  margin: 0 5px 0 0;
  color: #000;
  background: transparent;
  border: 3px solid #000;
  width: 200px;
  
  -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}

.location:focus {
  outline: none;
  border: 3px solid #f09734;
  color: #f09734;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #a2a2a2;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a2a2a2;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a2a2a2;
}

.location-submit {
  font-family: GothamRounded-Bold, sans-serif;
  line-height: 1.5;
  font-size: 1.4em;
  padding: 7px 10px 3px;
  margin: 0;
  color: #000;
  background: transparent;
  border: 3px solid #000;
  
  -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}
.location-submit:hover {
  color: #f09734;
  border: 3px solid #f09734;
  cursor: pointer;
}