@charset "UTF-8";
/* CSS Document */

ul {
  padding-left:10px;
  margin:10px 0;
  list-style:none;
}
ul li {
  padding-left:30px;
  background:url(../images/arrow.png) 0 2px no-repeat;
}
ol {
  padding-left:30px;
}
ul li li {
  background:url(../images/d-arrow.png) 0 4px no-repeat;
}
ul.checks li {
  padding-left:35px;
  background:url(../images/check.png) 0 4px no-repeat;
}
#navigation ul {
  height:55px;
  list-style:none;
  margin:0;
  padding:0;
}
#navigation li {
  background:none;
  height:55px;
  float:left;
  list-style:none;
  margin:0;
  padding:0;
}
#navigation li a {
  color:#222;
  display:inline-block;
  font-size:30px;
  letter-spacing:1px;
  line-height:55px;
  padding:0 20px;
  text-decoration:none;
  text-transform:uppercase;
}
#navigation li.active a,
#navigation li a:hover {
  color:#c00;
}
#navigation li.active a {
  background:#222;
}
#main-wrapper #subnavigation ul {
  display:block;
  font-size:16px;
  font-weight:700;
  list-style:none;
  margin:0;
  padding:0;
}
#main-wrapper #subnavigation a {
  background:#2f2f2f;
  border-right:1px solid #222;
  color:#c00;
  display:inline-block;
  float:left;
  margin:0;
  padding:5px 10px;
  text-decoration:none;
}
#main-wrapper #subnavigation .active a,
#main-wrapper #subnavigation a:hover {
  color:#f00;
}
#main-wrapper #subnavigation ul li {
  background:none;
  display:block;
  margin:0;
  padding:0;
}
#main-wrapper #subnavigation ul li a {
}
#main-wrapper #subnavigation ul li.last a {
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
  border-right:none;
}
#main-wrapper #subnavigation ul li.first a {
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
}
#main-wrapper #subnavigation ul#tertiary {
  position:absolute;
  top:29px;
}
#main-wrapper #subnavigation ul#tertiary li.first a {
  border-bottom-left-radius:3px;
  border-top-left-radius:0;
}
#main-wrapper #subnavigation ul#tertiary li.last a {
  border-top-right-radius:0;
}
#main-wrapper #subnavigation #tertiary li a {
  background-color:#3a3a3a;
  border:none;
  margin:0;
}
#main-wrapper #subnavigation ul#tertiary li.last,
#main-wrapper #subnavigation ul li.last.active {}
#main-wrapper #subnavigation ul#tertiary li.last a,
#main-wrapper #subnavigation ul li.last.active a {}
#main-wrapper #subnavigation ul li.active a { background-color:#3a3a3a; }
/*#main-wrapper #subnavigation ul li.first.active a { padding-bottom:1px; }*/
ul#front-buttons,
ul#menu-buttons {
  margin:0;
  padding:0;
}
ul#menu-buttons {
  margin-right:10px;
}
ul#front-buttons li,
ul#menu-buttons li {
  background:none;
  height:140px;
  margin-bottom:20px;
  padding:0;
  position:relative;
}
#front-buttons a,
#menu-buttons a {
  color:#fff;
  display:block;
  font-size:26px;
  line-height:28px;
  height:100px;
  padding:20px;
  position:absolute;
  text-decoration:none;
  text-shadow:#000 0 0 3px;
  width:180px;
}
#front-buttons a {
  display:block;
}
ul#front-buttons li.facebook a {
  background:url(../images/facebook.png) 0 0 no-repeat;
  height:78px;
  line-height:78px;
}
ul#front-buttons li.call a {
  background:url(../images/call.png) 0 0 no-repeat;
  height:78px;
  line-height:78px;
}
ul#front-buttons li.call,
ul#front-buttons li.facebook {
  border-radius:3px;
  height:78px;
}
ul#front-buttons li.call a,
ul#front-buttons li.facebook a {
  border-radius:3px;
  height:78px;
  padding:0;
  text-indent:-9999px;
  width:220px;
}
ul#front-buttons li.google-plus {
  height:16px;
  width:220px;
}
#menu-buttons li.entrees a,
#menu-buttons li.salads a {
  font-size:20px;
}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #front-buttons a,
  #menu-buttons a {
    font-size:26px;
    height:79px;
    padding:15px;
    width:142px;
  }
  #front-buttons li img,
  #menu-buttons li img {
    width:172px;
  }
  ul#front-buttons li.call a,
  ul#front-buttons li.facebook a {
    width:172px;
  }
  ul#front-buttons li.facebook a {
    background:url(../images/facebook-tablet-p.png) 0 0 no-repeat;
    height:78px;
    line-height:78px;
  }
  #main-wrapper #subnavigation a {
    font-size:14px;
  }
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
  ul#front-buttons li {
    width:200px;
  }
  ul#front-buttons li.call {
    margin-left:10px;
  }
  ul#front-buttons li.facebook {
    margin-right:10px;
  }
  ul#front-buttons li.call a,
  ul#front-buttons li.facebook a {
    width:200px;
  }
}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
}