body#site {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  color: white;
  background: black url(/images/bg-gradient.png) center top repeat-x fixed;
}

th {
  white-space: nowrap;
}

.clear {
  clear: both;
}

.center {
  text-align: center;
}

.column {
  float: left;
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
}

.legacy {
  display: none;
}

#header {
  height: 260px;
  background: url(/images/bg-header.png) center 27px no-repeat;
}

#contact {
  width: 557px;
  height: 217px;
  margin-top: 27px;
  float: right;
  background: url(/images/pizza-header.png) right top no-repeat;
}

#logo {
  width: 401px;
  height: 256px;
  margin: 7px 0 0 12px;
  padding: 0;
  position: absolute;
  background: url(/images/logo-header.png);
  z-index: 2;
}

h1#logo a {
  display: none;
}

#phone {
  width: 557px;
  height: 153px;
  margin: 17px 32px 0 0;
  float: right;
  background: url(/images/phone-header.png) right top repeat-y;
}

#phone address {
  width: 484px;
  height: 51px;
  float: right;
}

address#phone-1 {
  margin-top: 14px;
  background: url(/images/phone-sky-pizza.png) left top no-repeat;
}

address#phone-2 {
  margin-top: 20px;
  background: url(/images/phone-indian-food.png) left top no-repeat;
}

#navigation {
  width: 950px;
  height: 61px;
  position: absolute;
  top: 204px;
  font-size: 11pt;
}

#navigation .ruler {
  width: 950px;
  height: 5px;
  position: absolute;
  top: 56px;
  z-index: 1;
  background: center top repeat-x;
}

.blue #navigation .ruler {
  background-image: url(/images/navigation/ruler/blue.png);
}

.gold #navigation .ruler {
  background-image: url(/images/navigation/ruler/gold.png);
}

.orange #navigation .ruler {
  background-image: url(/images/navigation/ruler/orange.png);
}

.red #navigation .ruler {
  background-image: url(/images/navigation/ruler/red.png);
}

.yellow #navigation .ruler {
  background-image: url(/images/navigation/ruler/yellow.png);
}

#navigation a {
  width: 108px;
  height: 56px;
  line-height: 82px;
  position: absolute;
  text-align: center;
  background: center 25px no-repeat;
  color: black;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

#navigation a.active, #navigation a:hover {
  height: 61px;
  line-height: 34px;
  background: center bottom no-repeat;
}

#navigation a.active {
  z-index: 2;
}

#navigation a.specials {
  margin-left: 433px;
  background-image: url(/images/navigation/passive/red.png);
}

#navigation a.specials.active, #navigation a.specials:hover {
  background-image: url(/images/navigation/active/red.png);
}

#navigation a.dishes {
  margin-left: 539px;
  background-image: url(/images/navigation/passive/orange.png);
}

#navigation a.dishes.active, #navigation a.dishes:hover {
  background-image: url(/images/navigation/active/orange.png);
}

#navigation a.order {
  margin-left: 645px;
  background-image: url(/images/navigation/passive/yellow.png);
}

#navigation a.order.active, #navigation a.order:hover {
  background-image: url(/images/navigation/active/yellow.png);
}

#navigation a.directions {
  margin-left: 751px;
  background-image: url(/images/navigation/passive/gold.png);

}

#navigation a.directions.active, #navigation a.directions:hover {
  background-image: url(/images/navigation/active/gold.png);

}

#navigation a.cart {
  width: 64px;
  margin-left: 857px;
  background-image: url(/images/navigation/passive/blue.png);
}

#navigation a.cart span {
  display: none;
}

#navigation a.cart.active, #navigation a.cart:hover {
  background-image: url(/images/navigation/active/blue.png);
}

#content {
  padding: 5px 0 0 212px;
  background: #020154 url(/images/bg-menu.png) left top no-repeat;
}

#menu {
  width: 212px;
  position: absolute;
  top: 260px;
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
}

#menu ul {
  display: block;
  padding: 17px 0 0 12px;
  margin: 0;
  list-style-type: none;
}

#menu li {
  padding: 0;
  margin: 0;
  display: block;
}

#menu li a {
  display: block;
  width: 188px;
  height: 30px;
  line-height: 27px;
  background: url(/images/menu/passive.png) center center no-repeat;
  text-align: center;
  color: white;
  font-weight: bold;
  text-decoration: none;
}

#menu li a:hover, #menu li a.active {
  background: url(/images/menu/active.png) center center no-repeat;
}

.main {
  width: 738px;
  color: black;
  border-top: 1px solid black;
}

.main caption h2 {
  display: inline;
  font-size: 120%;
}
.main caption p {
  display: inline;
}

tbody .dish p {
  display: inline;
  font-weight: normal;
  font-size: 90%;
  line-height: 150%;
}

#specials table {
  border-collapse: collapse;
}

table .odd td {
  font-weight: bold;
  background-color: #fdd982;
}

table .even td {
  font-weight: bold;
  background-color: #fee2ab;
}

.main h2 {
  margin-top: 0;
  font-size: 150%;
}

.main table {
  width: 100%;
  margin-bottom: 1.5em;
}

.main table caption {
  text-align: left;
  border-bottom: 1px solid black;
  padding-bottom: 9px;
  margin-bottom: 3px;
}
.main table td, .main table th {
  vertical-align: top;
}
.main table td {
  padding: 8px 10px 4px 10px;
}

.main table th {
  padding: 12px 10px 6px 10px;
}

.main table .price {
  text-align: right;
}
.main table tbody .price {
  vertical-align: bottom;
  font-size: 120%;
}

.main table th {
  font-size: 110%;
  text-align: left;
  font-weight: bold;
}

#slideshow {
  position: absolute;
}

#specials .board {
  color: #ffef02;
  background: black url(/images/board/background.png) center center repeat-y;
}

#specials h2 {
  color: white;
}

#specials .alltime {
  float: left;
}

#specials .weekly {
  float: right;
}

#specials .weekly {
  margin-left: 2em;
}

#specials .info {
  clear: both;
  color: white;
}

#specials .board-top {
  padding-top: 24px;
  background: url(/images/board/top.png) center top no-repeat;
}

#specials .board-bottom {
  padding: 0 24px 23px 24px;
  background: url(/images/board/bottom.png) center bottom no-repeat;
  min-height: 209px;
}

#specials .board-inner {
  padding: 6px;
}

#groups {
  padding: 12px 30px;
  background: #f7aa58;
}

#footer {
  background: #034d98 url(/images/bg-footer.png);
  margin-top: 1px;
  height: 30px;
  padding: 0 12px;
}

#footer address {
  display: inline;
  line-height: 30px;
  font-style: normal;
}

#footer a {
  line-height: 30px;
  float: right;
  font-weight: bold;
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
  font-size: 110%;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
}

#footer a:hover {
  color: #e6e6f6;
}

#legal {
  background-color: #d1edff;
  padding: 30px;
}

#legal h2 {
  font-size: 100%;
  font-weight: bold;
  margin: 0;
}

#legal p {
  margin: 1em 0;
}

#legal-tax, #legal-owner {
  font-weight: bold;
  margin-bottom: 1em;
}

#legal address {
  font-weight: bold;
  font-style: normal;
  float: left;
  margin: 0 4em 1em 0;
}

p#legal-p {
  margin: 2em 0;
}

#legal .adr .type {
  font-weight: normal;
}

#legal ol {
  font-size: 75%;
}

#legal-email {
  clear: left;
}

#legal-email span, #legal-email a {
  font-weight: bold;
}

h2#alltime-special {
  background: url(/images/board/alltime-special.png) center center no-repeat;
  width: 169px;
  height: 78px;
}

h2#weekly-specials {
  background: url(/images/board/weekly-specials.png) center center no-repeat;
  width: 248px;
  height: 66px;
}

#specials th, #specials .day, #specials .price {
  font-size: 100%;
  font-weight: bold;
}

#specials td {
  padding: 6px 4px;
}

#specials .title, #specials .alltime .price {
  font-size: 110%;
  font-weight: bold;
}

#specials .title {
  margin-bottom: 6px;
}

#specials .price {
  margin-top: 8px;
}

#monday td {
  padding-top: 12px;
}

#specials table .price {
  vertical-align: top;
}

#specials th {
  text-align: left;
  padding: 0 4px 4px 4px;
  border-bottom: 1px solid #ffef02;
}

#specials p {
  text-align: center;
}

#specials div.price {
  text-align: right;
}

#specials .section {
  margin-bottom: 1.5em;
}

#directions {
  background-color: #FFB751;
  padding: 10px;
}

#directions .map {
  text-align: center;
  margin: 2em;
}

#directions h2 {
  font-size: 110%;
  font-weight: bold;
}

#social-icons {
  margin-top: 27px;
  float: right;
}

#footer-info {
  margin-top: 27px;
  text-align: center;
}

.opening-hours {
  font-size: 120%;
  font-weight: bold;
}

#lightbox {
  background: white url(/images/position/map.png) left 4px no-repeat;
  padding: 20px;
  margin: 100px 50px;
  height: 610px;
  color: #04378b;
}

#lightbox .content {
  position: relative;
  top: -45px;
  float: right;
  width: 455px;
}

#lightbox h1 {
  position: static;
  margin: 0 0 0 54px;
}

#lightbox p {
  margin: 2px 0;
  text-align: center;
}

#lightbox p strong {
  font-size: 200%;
  font-weight: normal;
}

#lightbox ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#lightbox .content li {
  display: block;
  width: 455px;
  height: 160px;
  margin-top: 10px;
}
#lightbox .content li a {
  display: block;
  width: 455px;
  height: 160px;
}

#lightbox .content li .button, #lightbox .content li .address {
  display: block;
  width: 455px;
  height: 160px;
}
#lightbox .content li .button {
  background: url(/images/position/button-mask.png) center top no-repeat;
}

#lightbox .content li.skypizza {
  background: url(/images/position/sky-pizza-button.jpg) center top no-repeat;
}

#lightbox .content li:hover.skypizza {
  background: url(/images/position/sky-pizza-button-hover.jpg) center top no-repeat;
}

#lightbox .content li.skypizza a {
  background: url(/images/position/sky-pizza-text.png) 20px 20px no-repeat;
}

#lightbox .content li.skypizza .address {
  background: url(/images/position/sky-pizza.png) center bottom no-repeat;
}

#lightbox .content li.indianfood {
  background: url(/images/position/sky-indian-food-button.jpg) center top no-repeat;
}

#lightbox .content li:hover.indianfood {
  background: url(/images/position/sky-indian-food-button-hover.jpg) center top no-repeat;
}

#lightbox .content li.indianfood a {
  background: url(/images/position/sky-indian-food-text.png) 20px 20px no-repeat;
}

#lightbox .content li.indianfood .address {
  background: url(/images/position/sky-indian-food.png) center bottom no-repeat;
}

#lightbox .map a {
  display: block;
  width: 41px;
  height: 43px;
  background: url(/images/position/marker.png) center center no-repeat;
  position: absolute;
}

#lightbox .skypizza-marker a {
  margin-left: 165px;
  margin-top: 183px;
}

#lightbox .indianfood-marker a {
  margin-left: 198px;
  margin-top: 494px;
}

#order {
  padding: 12px 30px;
  background: #f7aa58;
}

#order p big {
  font-weight: bold;
  font-size: 150%;
}

#order label {
  display: block;
  margin-top: 8px;
  font-size: 80%;
}

#order .field-block input {
  border: 0;
  font-weight: bold;
  font-size: 150%;
  padding: 4px;
  width: 300px;
}

#order .address-block input {
  border: 0;
  font-size: 120%;
  padding: 4px;
  width: 300px;
}

#order .order-block textarea {
  border: 0;
  font-family: inherit;
  font-size: inherit;
  padding: 4px;
  width: 310px;
  height: 187px;
}

#order .box {
  float: left;
  margin-right: 20px;
}

#order .code {
  text-align: center;
  font-weight: bold;
  font-size: 150%;
}

#order .button-bar {
  padding-top: 12px;
  clear: left;
}