body {
  background-color: #85cfd5;
  background-image: url('../images/background.gif');
  background-repeat: repeat-x;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.content-wrapper {
  margin-top: 20px;
}
.button-wrapper {
  text-align: center;
  margin-top: 20px;
}
input.text {
  width: 230px;
}
p, label, a, a:link {
  color: #1e3b3a;
}
a:hover {
  color: #fff;
}
label {
  line-height: 33px;
}
p {
  font-size: 15px;
}
.button-wrapper p {
  font-size: 14px;
  color: #1e3b3a;
  padding-top: 5px;
}

/*** common ***/
.body p {
  padding-bottom: 5px;
  line-height: 22px;
  letter-spacing: 1px;
}
span.highlight {
  background-color: #a1e6ec;
  padding: 1px;
}

/*** page-1 ***/
.page-one-heading {
  margin-top: 33px;
  margin-left: 30px;
}
.band-page-one {
  padding-top: 10px; 
  padding-left: 15px;
}

/*** page-2 ***/
.band-page-two {
  padding-bottom: 44px;
}
.band-page-three {
  padding-top: 15px;
/*  padding-bottom: 44px;*/
}

/***** sticky bottom footer *****/
.brand-wrapper {
/*  background-color: red;*/
  height: 106px;
  width: 850px;
  position: relative;
/*  right: 25px;*/
  top: 25px;
  left: 20px;
  position: relative;
  margin: 0 auto;
}
.logo-mediapro {
/*  background-image: url('../images/logo-mediapro.png');*/
/*  background-repeat: no-repeat; */
  height: 97px;
  margin-top: 4px;
  float: left;
  width: 200px;
}
.logo-xmpie {
/*  background-image: url('../images/logo-xmpie.png');*/
/*  background-repeat: no-repeat; */
  height: 104px;
  float: left;
/*  background-color: blue;*/
  width: 104px;
}
.xmpie-ribbon {
  background-image: url('../images/ribbon.png');
/*  background-repeat: no-repeat;*/
  width: 500px;
  float: left;
  height: 106px;
}
.reach-relevancy-results {
  background-image: url('../images/reach-relevancy-results.png');
  background-repeat: no-repeat;
  height: 29px;
  width: 260px;
  position: relative;
  top: 52px;
  margin: 0 auto;
}


html, body, #wrap {
  height: 100%;
}
body > #wrap {
  height: auto;
  min-height: 100%;
}
/* must be same height as the footer */
#main {
  padding-bottom: 191px;
}
#footer {
  background-image: url('../images/footer-background.gif');
  background-repeat: repeat-x;
  position: relative;
  /* negative value of footer height */
  margin-top: -191px; 
  height: 191px;
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}