@import url(http://yui.yahooapis.com/2.3.0/build/reset/reset-min.css);
/*@import url(screen-menu.css);*/

body {
  margin      : 0;
  padding     : 0;
  font-family : Tahoma, Verdana, Hevetica, Arial, Sans-serif;
  text-align  : center;
}
div#page {
  margin     : 50px auto 0;
  width      : 880px;
  text-align : left;
}
  div#page div#nav {
    float          : left;
    width          : 220px;
    padding-bottom : 15015px;
    margin-bottom  : -15000px;
  }
    div#page div#nav h3 {
      margin     : 0;
      clear      : left;
      padding    : 1em 15px .25em 0;
      text-align : right;
      background : #4E556F;
      color      : #FFFFFF;
      background : url(img/layout/restaurants-header.png) repeat-y 0 0;
      font-size  : 1.1em;
    }
    div#page div#nav form#search {
      height  : 130px;
      margin  : 0;
      padding : 0;
    }
      div#page div#nav form#search fieldset button {
        font-size : .8em;
      }
    div#page div#nav ul {
      width : 220px;
    }
  div#page div#main {
    margin : 0 0 0 220px;
  }
    div#page div#head {
      height : 130px;
    }
      div#page div#main div#head h1 {
        margin          : 0;
        line-height     : 100px;
        height          : 100px;
        font-size       : 1em;
        font-weight     : normal;
      }
        div#page div#main div#head h1 a {
          display : block;
          width   : 470px;
          height  : 100px;
          float   : right;
          outline : none;
        }
      div#page div#main div#head h2 {
        margin      : 0;
        padding     : 0 30px 0 0;
        height      : 30px;
        line-height : 30px;
        font-family : Tahoma, Verdana, Hevetica, Arial, Sans-serif;
        text-align  : right;
        font-size   : 24px;
        font-weight : normal;
      }
        div#page div#main div#head h2 strong {
          font-family : "Times New Roman";
        }
      div#page div#main div#content h2 {
        margin         : .25em 0 .5em;
        padding        : 0;
        text-align     : center;
        font-family    : Georgia, "Times New Roman";
        font-weight    : normal;
        font-size      : 2em;
        letter-spacing : .1em;
      }
        div#page div#main div#content h2 span {
          padding    : 0 .5em;
          position   : relative;
          bottom     : -.55em;        
        }
        div#page div#main div#content h2.extended-restaurant-name  {
          margin      : 0;
          position    : relative;
          top         : .05em;
          font-size   : 1.2em;
          height      : .5em;
        }
    div#page div#main #content {
      padding : 12px;
    }
  
  div#page div#foot {
    clear : left;
  }
  
  /* End Layout */  
  
  div#page div#nav form#search {
    
  }
  div#page div#nav form#search fieldset {
    padding : .25em 0 0 1em;
    margin  : 0;
    visibility : hidden;
    border : none;
  }
    div#page div#nav form#search fieldset legend {
      padding : 0;
      margin  : 0;
    }
  div#page div#nav ul {
    list-style-type : none;    
    padding         : 0; 
    margin          : 0;   
  }
    div#page div#nav ul li {
    }
      div#page div#nav ul li a {
        padding     : .5em 15px .5em 0;
        display     : block;
        font-size   : .8em;
        font-weight : bold;
        text-align  : right;
      }
  div#page div#main div#content div.sections {
    margin : 1em 12px 1em;
  }
    div#page div#main div#content h3 {
      font-size      : 1.25em;
      font-weight    : normal;
      padding        : .25em 0;
      margin         : .5em 0 .1em;
      letter-spacing : 2px;
    }
    div#page div#main div#content div.section ul.menu-items {
      list-style-type : none;    
      margin          : .5em 1em ;
      padding         : 0;   
    }
      div#page div#main div#content div.section ul.menu-items li {
        padding   : .15em 0;
        font-size : .8em;
        clear     : right;
      }
        div#page div#main div#content div.section ul.menu-items li:first-child {
          border : none;
        }
      div#page div#main div#content div.section ul.menu-items * {
        font-weight : normal;
      }
      div#page div#main div#content div.section ul.menu-items li h4 {
        margin         : 0;
        padding        : 0;
        line-height    : 1.2;
        height         : 1.2em;
        font-size      : 1em;
        vertical-align : center;
        clear          : right;
      }
        div#page div#main div#content div.section ul.menu-items li h4 .number {
          width      : 3em;
          margin     : 0 -3em 0 0 ;
          float      : left;
          font-style : normal;
          text-align : center;
        }
        div#page div#main div#content div.section ul.menu-items li h4 .name {
          font-weight : bold;
          float       : left;
          margin      : 0 4em 0 3em;
          overflow    : hidden;
        }
        div.section ul.menu-items li h4 .price {
          width      : 4em;
          margin     : 0 0 0 -4em;
          text-align : right;
          float      : right;
        }
      div#page div#main div#content div.section ul.menu-items li ul.price-tiers {
        float     : right;
        margin    : -1.1em 0 0;
        padding   : 0 0 .25em;
        font-size : 1.2em;
      }
        div#page div#main div#content div.section ul.menu-items li ul.price-tiers li {
          border  : none;
          margin  : 0;
          padding : 0;
        }
          div#page div#main div#content div.section ul.menu-items li ul.price-tiers li .name { 
            text-align     : right;
            float          : left;
            display        : block;
            width          : 5em;
            padding        : 0 1em 0 0;
            text-transform : capitalize;
          }
          div#page div#main div#content div.section ul.menu-items li ul.price-tiers li .value {
            text-align : right;
            float      : right;
            display    : block;
            width      : 3em;
          }
    div.section .description { 
      margin    : 0 1em; 
      padding   : 0;
      font-size : .9em;
    }
    div.section ul.menu-items .description { 
      margin    : 0 4em 0 3em;
      font-size : 1em;
    }
      div.section .description * {
        margin  : 0;
        padding : 0;
      }
      div.section p.description, 
      div.section div.description p {
        padding : .05em 0;
        margin  : 0;
      }
  div#page div#main div#content h3 {
    clear : right;
  }
  div#page div#main div#content ul.restaurants {
    list-style-type : none;
    margin          : 0;
    padding         : 0;
    font-size       : .8em;
    font-weight     : bold;
  }
  div#page div#main div#content ul.restaurants li {
    padding    : .25em 1em;
  }
    div#page div#main div#content ul.restaurants li a {
      color           : #000000;
      letter-spacing  : 1px;
      text-decoration : none;
    }
      div#page div#main div#content ul.restaurants li a:hover {
        text-decoration : underline;
      }
  div#page div#main div#content ul.restaurants li:first-child {
    border : none;
  }
  div#page div#foot {
    margin     : 0 0 0 220px;
    padding    : 0 1em 20px;
    font-size  : .7em;
    clear      : both;
  }
    
/* Block Classes */

ul.menu {
  list-style-type : none;
  margin          : 0;
  padding         : 0;
}

ul.menu a {
  text-decoration : none;
}

dl {
  margin  : 0;
  padding : 0;
}
dl dt {
  margin  : 0;
  padding : 0;
}
dl dd {
  margin  : 0;
  padding : 0;
}
  
  .sign {
    display     : block;
    font-style  : italic;
    text-indent : 2em;
    padding     : .5em;
  }
    .sign::before {
      content       : "\2014";
      padding-right : .2em;
    }
  
  /* Colors */

body {
  background  : #4E556F;
}
div#page {
  border                : 1px solid #3E1503;
  background-color      : #FFFFFF;
  background-repeat     : no-repeat;
  background-position   : center 250px;
  background-attachment : fixed; 
  overflow-y            : hidden;
}
  div#page div#nav { 
    background     : #E0EAFF url(img/layout/restaurants.png) repeat-y 0 0;
  }
    div#page div#nav form#search {
      background : url(img/layout/search.png) repeat-y 0 0;
    }
      div#page div#nav form#search fieldset {
        border     : none;
        border-top : 1px solid #6C4830;
      }
        div#page div#nav form#search fieldset legend {
          color : #6C4830;
        }
        div#page div#nav form#search fieldset input {
          border     : 1px solid #741503;
          background : #DED791;
          color      : #741503;
        }
        div#page div#nav form#search fieldset button {
          margin     : 5px 0;
          background : #5C2810;
          border     : 1px solid #741503;
          color      : #DED791;
        }
    div#page div#nav ul { 
      border-top : 1px solid #4E556F;
      clear      : left;
    }
    div#page div#nav ul li { border-bottom : 1px solid #4E556F; }
    div#page div#nav ul li a { 
      color : #000000;
    }
    div#page div#nav ul li a:hover {
      background : #4E556F url(img/layout/restaurants-on.png) repeat-y 0 0;
      color      : #FFFFFF;
    }
      div#page div#nav ul li a small.tag { 
        vertical-align : top;
        color          : #741503;
      }
      div#page div#nav ul li a:hover small.tag {
        color : #FFFFFF;
      }
      div#page div#nav ul li.active a {
        background        : #FFFFFF;
        color             : #110000;
        border-right      : 1px solid #FFFFFF;
        margin            : 0 -1px 0 0;
        padding-left      : 15px;
        text-align        : left;
      }
  div#page div#main div#head {
    background : #741503;
    background  : url(img/layout/title.png) no-repeat 0 0;
  }
    div#page div#main div#head h1 {
      text-indent : -100000px;
    }
    div#page div#main div#head h2 {
      text-indent : -100000px;
      visibility  : hidden;
    }
  div#page div#main div#content {
    
  }
    div#page div#main div#content h2 {
      border-bottom : 3px double #741503;
    }
      div#page div#main div#content h2 span {
        background : #FFFFFF;
      }
      div#page div#main div#content h2.extended-restaurant-name {
        border-bottom : none;
      }
      body.index div#page div#main div#content h2 {
        border-bottom : 1px solid #741503;
      }
    div#page div#main div#content h3 {
      border-bottom : 1px solid #9C7185;
      color         : #4E556F;
    }
    div#page div#main div#content div.section ul.menu-items li {
      border-top : 1px dotted #3E1503;
    }
  div#page div#foot {
    border-top : 1px solid #741503;
    background : #FFFFFF;
  }

  body.american div#page { background-image : url(img/cuisine/american/1.jpg); }
  body.chinese div#page  { background-image : url(img/cuisine/chinese/1.jpg); }
  body.indian div#page   { background-image : url(img/cuisine/indian/1.jpg); }
  body.italian div#page  { background-image : url(img/cuisine/italian/1.jpg); }
  body.mexican div#page  { background-image : url(img/cuisine/mexican/1.jpg); }
  body.pizza div#page    { background-image : url(img/cuisine/pizza/1.jpg); }
  body.seafood div#page  { background-image : url(img/cuisine/seafood/1.jpg); }
  body.steaks div#page   { background-image : url(img/cuisine/steaks/1.jpg); }
  body.sushi div#page    { background-image : url(img/cuisine/sushi/1.jpg); }
  body.thai div#page     { background-image : url(img/cuisine/thai/1.jpg); }

/* New Styles */

div#page div#main ul#menu-types {
  height : 75px;
  margin : 0 67px;
}
  div#page div#main ul#menu-types li {
    width               : 150px;
    height              : 75px;
    float               : left;
    margin              : 0 6px;
    border              : 1px solid black;
    overflow            : hidden;
    background-repeat   : no-repeat;
    background-position : 0 0;
  }
    div#page div#main ul#menu-types li a {
      display     : block;
      height      : 75px;
      text-indent : -10000px;
    }
    div#page div#main ul#menu-types li a:hover {
      background-position : 0 -75px;
    }
    div#page div#main ul#menu-types li#dinner-menus-list a { background-image : url(img/layout/dinner.jpg); }
    div#page div#main ul#menu-types li#lunch-menus-list a { background-image : url(img/layout/lunch.jpg); }
    div#page div#main ul#menu-types li#catering-menus-list a { background-image : url(img/layout/catering.jpg); }
    
div#page div#main div#content div#columns::after {
  content : " ";
  clear   : both;
  display : block;
} 
  div#page div#main div#content div#columns div#primary {
    width        : 440px;
    padding      : 0 20px 0 10px; 
    margin       : 0 0px 0 0;
    float        : left;
    border-right : 1px dotted #741503;
  }
  
  div#page div#main div#content div#columns div#primary .item {
    margin : 0 0 1em;
    border : 1px solid #741503;
  }
  
  div#page div#main div#content div#columns div#primary .item:first-child {
    background : #F9F8E8;
  }
  
  div#page div#main div#content div#columns div#primary .item h3 {
    padding        : 0;
    text-align     : center;
    font-weight    : normal;
    font-size      : 1.8em;
    font-family    : Georgia, "Times New Roman", Times, Serif;
    letter-spacing : .1em;
    color          : #000000;
    border-bottom  : px solid #741503;
  }
  
  div#page div#main div#content div#columns div#primary .item p {
    padding : 0 1em .5em;
    margin  : 0;
  }
  
  div#page div#main div#content div#columns div#secondary {
    float   : right;
    width   : 149px;
    margin  : 0 0 0 -0;
    padding : 0 0 0 0; 
    font-size : .8em;
  }
  
    div#page div#main div#content div#columns div#secondary h3 {
      border : none;
    }
    div#page div#main div#content div#columns div#secondary div.item {
      border-top    : 1px solid #4E556F;
      margin        : 0 0 .75em;
      padding       : .75em 0;
    }
      div#page div#main div#content div#columns div#secondary div.item:first-child {
        padding-top : 0;
        border-top  : none;
      }
      div#page div#main div#content div#columns div#secondary div.item h3 {
        margin      : 0;
        padding     : 0;
        text-align  : center;
        font-family : Georgia, "Times New Roman";
        font-size   : 1.3em;
      }
      div#page div#main div#content div#columns div#secondary div.item p {
        margin     : .5em 0;
        text-align : center;
      }
      dl.hours-of-operation {
        margin  : 0;
        padding : 0;
      }
      dl.hours-of-operation dt {
        margin      : .5em 0 0;
        padding     : 0;
        float       : left;
        font-weight : bold;
        width       : 70px;
        text-align  : center;
      }
      dl.hours-of-operation dd.days {
        margin     : .5em 0 0;
        padding    : 0;
        float      : left;
        width      : 70px;
        text-align : center;
      }
      dl.hours-of-operation dd.hours {
        margin     : 0;
        padding    : .25em 0 0;
        clear      : both;
        text-align : center; 
      }
      div#page div#main div#content div#columns div#secondary div.item ul {
        margin          : 0;
        padding         : 0;
        list-style-type : none;
      }
        div#page div#main div#content div#columns div#secondary div.item ul li {
          text-align      : center;
        }
          div#page div#main div#content div#columns div#secondary div.item ul li a {
            display         : block;
            text-align      : center;
            font-size       : 1.25em;
            line-height     : 1.5em;
            color           : #000000;
            text-decoration : none;
          }
            div#page div#main div#content div#columns div#secondary div.item ul li a:hover {
              text-decoration : underline;
            }
            div#page div#main div#content div#columns div#secondary div.item ul li a small.tag {
              vertical-align  : top;
              font-size       : .7em;
              color           : #741503;
              text-decoration : none;
            }
  
div#page div#main div#content div#columns div#primary .about {
  border : none;
}

  div#page div#main div#content div#columns div#primary .about p {
    margin : 0em 1em 1em;
  }
  
  div#page div#main div#content div#columns div#primary .about h3 {
    font-size : 1.35em;
    border    : none;
  }


p.important {
  margin     : .5em 0;
  padding    : 0;
  text-align : center;
}

p.important strong {
  font-size : 1.5em;
}

div#access {
  display :none;
}  

div#page div#nav ul#site-navigation {
  margin-top : -1.8em;
}
  div#page div#nav ul#site-navigation li {
    float     : left;
    border    : none;
    width     : 70px;
    text-ident : 0;
  }   
    div#page div#nav ul#site-navigation li a {
      padding   : .5em 0;
      margin    : 0;
      text-ident : 0;
      text-align : center;
    }
      div#page div#nav ul#site-navigation li a:hover {
        background : none;
        text-decoration : underline;
        color : #000000;
      }

div.item p.date {
  font-size  : .7em;
  text-align : right;
  padding    : 1em;
}

dl.about {
  height         : 1em;
  margin         : 1.5em 2em 0;
  padding        : 0;
  font-family    : Georgia, "Times New Roman", Times, Serif;
  font-size      : .8em;
  font-weight    : bold;
  color          : #000000;
  letter-spacing : 1px;
}
  dl.about dt {
    display : none;
  }
  dl.about dd.cuisine {
    float : left;
  }
  dl.about dd.location {
    float          : right;
    text-align     : right;
  }

/***************************/

#secret {
  position   : fixed;
  top        : 0;
  left       : 0;
  width      : 100%;
  height     : 100%;
}

#secret div {
  width      : 600px;
  margin     : 50px auto;
  padding    : 5px;
  border     : 5px outset #000000; 
  background : #DDD0CC;
  vertical-align : center;
  text-align : center;
}
  #secret div h3 {
    margin      : 0;
    padding     : 0;
    font-size   : 2em;
    font-family : Tahoma, Verdana, Hevetica, Arial, Sans-Serif; 
  }
/*************************/

/*************************/
ul.schedule-links {
  list-style-type : none;
  margin          : 0;
  padding         : 0;
  height          : 2em;
}
  ul.schedule-links li {
    width         : 50%;
    float         : left;
    font-size     : 1.1em;
    text-align    : center;
  }
    ul.schedule-links li a {
      color : #741503;
    }
      ul.schedule-links li a:hover {
        color : #000000;
      }