@import "core/global";

#content {
  margin: 0 auto;
  width: 940px;
  background: #f8f8f8;

  @include box-shadow(0px 0px 4px rgba(0, 0, 0, 0.4));
  @include border-radius(10px, 10px, 10px, 10px)
}

#promoHeader {
  background: url(/images/restaurant/header.jpg) no-repeat;
  height: 382px;
  border: 1px solid #FFF;
  border-bottom: 5px solid #EEE;
  margin-bottom: 30px;
  position: relative;

  @include border-radius(10px, 10px, 0px, 0px);
}

#promoHeaderText {
  margin: 20px 20px 20px 30px;

  h1 {
    font-size: 42px;
    color: #FFF;
    @include text-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
  }

  ul {
    list-style: none;
    margin: 30px 0 30px 0;
  }

  li {
    background: url(/images/restaurant/bullet.png) left no-repeat;
    padding-left: 30px;
    line-height: 40px;
    font-weight: bold;
    font-size: 20px;
    color: #FFF;
    @include text-shadow(1px 1px 1px rgba(100, 26, 0, 0.5));
  }

  a.signupButton {
    background: url(/images/restaurant/signup_button.png) no-repeat;
    width: 252px;
    height: 47px;
    display: inline-block;
  }

  a.signupButton:hover  { background-position: 0 -47px; }
  a.signupButton:active { background-position: 0 -94px; }
}

#overview {
  margin: 40px;

  h2 {
    font-size: 25px;
    color: #0082c6;
  }

  .section {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    @include box-shadow(0px 1px 0px rgba(255, 255, 255, 1));
  }
}