/*

=================================================================================

  Main Navigation

=================================================================================

*/

html { 



margin: 0; 



padding: 0; 



height: 100%; 



overflow: -moz-scrollbars-vertical;



} 

  .home #nav a#navHome,

  .about #nav a#navAbout,

  .chef #nav a#navChef,

  .menus #nav a#navMenus,

  .membership #nav a#navMembership,

  .events #nav a#navEvents,

  .contact #nav a#navContact

  {

    background-position: center 0;

    cursor: default;

    }



    #nav #navHome img{ width: 44px; background-position: 0 25px; }

    #nav #navAbout img{ width: 77px; background-position: -69px 25px; }

    #nav #navChef img{ width: 79px; background-position: -167px 25px; }

    #nav #navMenus img{ width: 54px; background-position: -266px 25px; }

    #nav #navMembership img{ width: 108px; background-position: -334px 25px; }

    #nav #navEvents img{ width: 58px; background-position: -456px 25px; }

    #nav #navContact img{ width: 96px; background-position: -529px 25px; }







/*

=================================================================================

  Content Section

=================================================================================

*/



    .home #content{

      width: 440px;

      margin: auto;

      }



    .about #content{

      width: 420px;

      margin: auto;

      }



    .chef #content{

      text-align: left;

      }

      .chef #content #col1{

        float: left;

        display: inline; /* IE6 */

        width: 417px;

        margin-left: 33px;

        }

      .chef #content #col2{

        float: right;

        display: inline; /* IE6 */

        width: 388px;

        margin-right: 25px;

        }

        

    .menus #content{

      width: 277px;

      margin: auto;

      }

      

    .membership #content{

      margin-left: 482px;

      width: 376px;

      text-align: left;

      }

      

    .events #content{

      width: 435px;

      margin-left: 390px;

      text-align: left;

      }

      .events .event{

        }

        .events .event .eventDate{

          float: left;

          width: 60px;

          text-align: right;

          font-style: normal;

          }

        .events .event .eventTitle{

          display: block;

          font-size: 14px;

          font-weight: bold;

          }

        .events .event .eventTitle,

        .events .event p

        {

          margin-left: 96px;

          }



      .contact #content{

        width: 500px;

        margin-left: 377px;

        }

        .contact #content #col1{

          float: left;

          width: 270px;

          text-align: left;

          }

        .contact #content #col2{

          float: right;

          width: 202px;

          text-align: left;

          }

          

        .contact #content p{

          padding-bottom: 18px;

          line-height: 18px;

          }

        .contact #content #col1 p,

        .contact #content #col1 h5

        {

          margin-left: 72px;

          }

        .contact #content h5{

          font-size: 14px;

          font-weight: bold;

          }

        .contact #content #col1 h6{

          float: left;

          font-size: 12px;

          font-weight: normal;

          }





/*

=================================================================================

  Thumbs for Slideshow With Navigation

=================================================================================

*/



          .about #slideshowNav #box1{ background-image: url(../img/about_1_th.jpg); }

          .about #slideshowNav #box2{ background-image: url(../img/about_2_th.jpg); }

          .about #slideshowNav #box3{ background-image: url(../img/about_3_th.jpg); }

          .about #slideshowNav #box4{ background-image: url(../img/about_4_th.jpg); }



          .menus #slideshowNav #box1{ background-image: url(../img/menus_1_th.jpg); }

          .menus #slideshowNav #box2{ background-image: url(../img/menus_2_th.jpg); }

          .menus #slideshowNav #box3{ background-image: url(../img/menus_3_th.jpg); }

          .menus #slideshowNav #box4{ background-image: url(../img/menus_4_th.jpg); }



          /* Chef section will be Flash */

          .chef #largeSlide,

					.chef #slideshow{

						background: url(../img/placeholder_chefFlash.jpg) 0 0 no-repeat;

						}

          .chef #slideshowNav{ display: none; }

          .chef #slideshowNav #box1{ background-image: url(../img/chef_1_th.jpg); }

          .chef #slideshowNav #box2{ background-image: url(../img/chef_2_th.jpg); }

          .chef #slideshowNav #box3{ background-image: url(../img/chef_3_th.jpg); }

          .chef #slideshowNav #box4{ background-image: url(../img/chef_4_th.jpg); }





/*

=================================================================================

  Slideshow With No Thumbs

=================================================================================

*/



			.home #rotation{

				width: 900px;

			  height: 250px;

			  margin: 30px 0 0 0;

				background: none;

				position: relative;

			  }

				.home #rotation #rotationImages,

					.home #rotation #rotationImages img

					{

						width: 900px;

						height: 190px;

						background: none;

						position: absolute;

						left: 0;

						top: 0;

						}

        .home #rotation .flair{

          left: 271px;

					top: 161px;

          width: 360px;

          height: 51px;

          background: url(../img/flair_homeFrame.png);

          }

      .membership #rotation{

        height: 214px;

        margin-bottom: 15px;

        }

      .events #rotation{

        height: 218px;

        }

      .contact #rotation{

        height: 203px;

        }

          .events #rotation h1{

            right: 80px;

            top: 128px;

            }

          .membership #rotation h1{

            right: 42px;

            top: 107px;

            }

          .events #rotation h1{

            right: 79px;

            top: 128px;

            }

          .contact #rotation h1{

            right: 108px;

            top: 121px;

            }



        .events #rotation .flair{

          left: 203px;

          width: 494px;

          height: 49px;

          background: url(../img/flair_eventsFrame.png);

          }

        .membership #rotation .flair{

          left: 179px;

          width: 542px;

          height: 40px;

          background: url(../img/flair_membershipFrame.png);

          }

        .contact #rotation .flair{

          left: 221px;

          width: 459px;

          height: 19px;

          background: url(../img/flair_contactFrame.png);

          }





/*

=================================================================================

  Page Decorations e.g. Butterflies, Awards, etc.

=================================================================================

*/



      .home #flair #deco01{

        right: 154px;

        top: 109px;

        width: 53px;

        height: 58px;

        background-image: url(../img/flair_butterflyOutlined.png);

        display: block;

        }

      .home #flair #deco02{

        right: 110px;

        top: 82px;

        width: 44px;

        height: 50px;

        background-image: url(../img/flair_butterflyFilled.png);

        display: block;

        }

      .home #flair #deco03{

        right: 53px;

        top: 622px;  

        width: 138px;

        height: 42px;

        background-image: url(../img/flair_award_restaurantOfDecade.png);

        display: block;

        }



      .about #flair #deco01{

        right: 154px;

        top: 109px;

        width: 53px;

        height: 58px;

        background-image: url(../img/flair_butterflyOutlined.png);

        display: block;

        }

      .about #flair #deco02{

        right: 110px;

        top: 82px;

        width: 44px;

        height: 50px;

        background-image: url(../img/flair_butterflyFilled.png);

        display: block;

        }

      .about #flair #deco03{

        right: 53px;

        top: 622px;  

        width: 135px;

        height: 42px;

        background-image: url(../img/flair_award_AAA5Diamond.png);

        display: block;

        }



      .chef #flair #deco01{

        right: 31px;

        top: 76px;

        width: 199px;

        height: 132px;

        background-image: url(../img/flair_bird.gif);

        display: block;

        }

      .chef #flair #deco03{

        right: 29px;

        top: 622px;  

        width: 185px;

        height: 39px;

        background-image: url(../img/flair_award_bestChef2008.png);

        display: block;

        }



      .menus #flair #deco01{

        right: 216px;

        top: 683px;

        width: 53px;

        height: 58px;

        background-image: url(../img/flair_butterflyOutlined.png);

        display: block;

        }

      .menus #flair #deco02{

        right: 169px;

        top: 743px;

        width: 44px;

        height: 50px;

        background-image: url(../img/flair_butterflyFilled.png);

        display: block;

        }

      .menus #flair #deco03{

        right: 48px;

        top: 622px;  

        width: 145px;

        height: 39px;

        background-image: url(../img/flair_award_mostRomantic2009.png);

        display: block;

        }



      .membership #flair #deco02{

        left: 265px;

        top: 643px;

        width: 44px;

        height: 50px;

        background-image: url(../img/flair_butterflyFilled.png);

        display: block;

        }

      .membership #flair #deco03{

        left: 119px;

        top: 437px;

        width: 172px;

        height: 39px;

        background-image: url(../img/flair_award_bestDowntown2004.png);

        display: block;

        }



      .events #flair #deco02{

        left: 309px;

        top: 512px;

        width: 44px;

        height: 50px;

        background-image: url(../img/flair_butterflyFilled.png);

        display: block;

        }

      .events #flair #deco03{

        left: 106px;

        top: 437px;  

        width: 201px;

        height: 24px;

        background-image: url(../img/flair_award_fineDining2001.png);

        display: block;

        }



      .contact #flair #deco03{

        left: 77px;

        top: 437px;  

        width: 185px;

        height: 24px;

        background-image: url(../img/flair_award_restaurantOfYear_x13.png);

        display: block;

        }





/*

===========================================================

  Map Box on Contact Page

===========================================================

*/

        #shadowBox{

          position: absolute;

          left: 0;

          top: 0;

          width: 100%;

          height: 100%;

          text-align: center;

          filter:alpha(opacity=80);

          -moz-opacity:0.8;

          -khtml-opacity: 0.8;

          opacity: 0.8;

          background: #02071e;

          z-index: 99998;

          }

        #mapBox{

          display: none;

          position: fixed;

          left: 50%;

          width: 640px;

          margin-left: -325px;

          top: 100px;

          min-height: 480px;

          overflow: hidden;

          background: #fff;

          color: #000;

          z-index: 99999;

          border: solid 2px #B69452;

          }



          #mapLinks{

            padding: 10px;

            border-top: solid 2px #B69452;

            text-align: center;

            }

            #embiggen{

              margin-right: 20px;

              }

            #closeMap{

              }