* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #f9f9f9;
  font-family: 'Open Sans', sans-serif;
  color: #343434;
  font-size: 13px;
}

a , a img {
  outline: none;
}

img {
  border: 0;
}

.wrapper {

}

/* HEADER */

.header-wrapper {
  background-color: #fdfdfd;
  height: 128px;
  min-width: 1040px;
  position: relative;
}

.header {
  position: relative;
  background-color: #fdfdfd;
  margin: 0 auto;
  width: 960px;
  height: 128px;
}

.header-logo {
  background: url('../images/assets.png') no-repeat -152px 0;
  width: 164px;
  height: 81px;
  float: left;
  margin: 25px 0 0 0;
}

.header-logo a {
  width: 164px;
  height: 81px;
  display: block;
}

.header-text {
  margin: 30px 50px 0px 0px;
  float: right;
  text-align: center;
}

.header-text h1 {
  font-size: 30px;
  font-weight: 600;
}

.header-text h2 {
  font-size: 20px;
  font-weight: 600;
}

.award {
  background: url('../images/assets.png') no-repeat 0 0;
  width: 147px;
  height: 147px;
  position: absolute;
  top: 0;
  right: 0;
}

/* MAIN */

.main-wrapper {
  background: rgb(249,249,249) url('../images/bg.gif') repeat-x top;
}

.main {
  background: rgb(249,249,249) url('../images/bg.gif') repeat-x top;
  margin: 0 auto;
  width: 1040px;
  overflow: auto;
}

/* MAIN TOP */

.info {
  margin: 100px 0px 0px 40px;
  float: left;
}

.info-header {

}

.info-header h3 {
  font-size: 24px;
  font-weight: 600;
}

.info-text {
  line-height: 190%;
}

.info-text ul {
  list-style-type: none;
  margin-top: 20px;
}

.info-text ul li {
  margin-bottom: 6px;
  padding-left: 25px;
  background: url('../images/bullet.png') no-repeat;
  background-position: 4px 4px;
  line-height: normal;
}

.info-button {
  background: url('../images/assets.png') no-repeat -152px -86px;
  width: 225px;
  height: 44px;
  margin: 40px 0px 0px 0px;
}

.info-button a {
  width: 225px;
  height: 44px;
  display: block;
}

.locker {
  margin: 20px 40px 0px 0px;
  background: url('../images/locker.png') no-repeat;
  width: 587px;
  height: 401px;
  float: right;
}

/* MAIN MIDDLE */

.float-clearer {
  clear: both;
}

.convenience {
  clear: both;
  margin: 10px auto 0px auto;
  background-color: #ededed;
  width: 1030px;
  height: 208px;
  overflow: auto;
  box-shadow: -3px 3px 2px rgb(225,224,225);
  overflow: hidden;
}

.convenience-left {
  float: left;
  margin: 50px 0px 0px 30px;
  text-transform: uppercase;
  text-align: center;
  font-size: 24px;
}

.convenience-left b {
  font-weight: 600;
}

.convenience-right {
  margin: 23px 40px 0px 0px;
  background: url('../images/steps.png') no-repeat;
  width: 746px;
  height: 165px;
  float: right;
}

/* MAIN BOTTOM */

.find-locker {
  float: left;
  margin: 70px 0px 0px 40px;
}

.find-locker-header {

}

.find-locker-header h3 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 10px;
  text-transform: uppercase;
}

.find-locker-text {
  line-height: 180%;
  margin-top: 12px;
}

.find-locker-text ul {
  list-style-type: none;
}

.find-locker-text ul li {
  padding-left: 25px;
  background: url('../images/bullet.png') no-repeat;
  background-position: 4px 6px;
}

.find-locker-button {
  background: url('../images/assets.png') no-repeat -5px -269px;
  width: 234px;
  height: 41px;
  margin-top: 40px;
}

.find-locker-button a {
  width: 234px;
  height: 41px;
  display: block;
}

.map {
  background: url('../images/map.png') no-repeat;
  margin: 125px 0px 0px 10px;
  width: 285px;
  height: 257px;
  float: left;
}

.mobile {
  background: url('../images/assets.png') no-repeat -5px -152px;
  width: 316px;
  height: 112px;
  margin: 165px 40px 0px 0px;
  float: right;
  position: relative;
}

.mobile-call {
  font-size: 20px;
  position: absolute;
  top: -15px;
  left: -2px;
}

.mobile-number {
  font-size: 30px;
  letter-spacing: 1px;
  margin: 32px 0px 0px 20px;
  font-weight: 600;
}

.mobile-rates {
  font-size: 11px;
  position: absolute;
  bottom: -15px;
  left: -2px;
}

/* FOOTER */

.footer-wrapper {
  background-color: #000000;
  margin-top: 75px;
  min-width: 1040px;
}

.footer {
  background-color: #000000;
  margin: 0 auto;
  width: 960px;
  height: 84px;
  position: relative;
}

.copyright {
  background: url('../images/assets.png') no-repeat -5px -315px;
  width: 139px;
  height: 29px;
  margin: 30px 0px 0px 0px;
  float: left;
}

.copyright a {
  width: 139px;
  height: 29px;
  display: block;
}

.machine {
  background: url('../images/assets.png') no-repeat -244px -269px;
  width: 204px;
  height: 147px;
  position: absolute;
  right: 0;
  bottom: 19px;
}