
* { margin: 0; padding: 0; outline: none; border: none; }
html { height: 100%; overflow: hidden; overflow-x: scroll; } 
body { overflow: hidden; height: 100%; background-color: #111112; color: #fff2d7; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; }

img { z-index: -1; }

h2 {
  font-family: Georgia;
  font-weight: normal;
  margin: 0 0 15px 0;
}

h2 em { color: #c20101; }
h2 span { display: none; }

p { margin: 0 0 1em 0; line-height: 20px;}

#logo { padding: 25px 0 0 50px; position: fixed; z-index: 1000; }

#nav { left:270px; position:fixed; top: 50px; width: 100%; z-index: 90; }
#nav ul { list-style: none; }
#nav ul li { float: left; margin: 0 10px; }
#nav ul li a { display: block; background: transparent url(img/nav.gif)  no-repeat; height: 16px; }

#nav .page1 { background-position: -9px 0; width: 31px; }
#nav .page2 { background-position: -51px 0; width: 72px;  }
#nav .page3 { background-position: -134px 0; width: 22px; }
#nav .page4 { background-position: -170px 0; width: 61px; }
#nav .page5 { background-position: -245px 0; width: 32px; }
#nav .page6 { background-position: -290px 0; width: 52px; }
#nav .page7 { background-position: -354px 0; width: 49px; }

#nav ul li a span { display: none; }

#navPointer { position: absolute; top: 20px; left: 20px; }

#nav .facebook { position: absolute; left: 520px; top: -5px; text-indent: -9999px; display: block; width: 32px; height: 32px; background: transparent url(img/facebook_32.png) no-repeat 0 0; }
#nav .twitter { position: absolute; left: 560px; top: -5px; text-indent: -9999px; display: block; width: 32px; height: 32px; background: transparent url(img/twitter_32.png) no-repeat 0 0; }

#nav .blog { position: absolute; left: 600px; top: -5px; text-indent: -9999px; display: block; width: 32px; height: 32px; background: transparent url(img/blog.png) no-repeat 0 0; }

#ribbon { position: fixed; right: 0; top: 0; z-index: 80; }

#canvas { width: 13200px; height: 100%; padding-top: 100px; }

#mask, #mask-shadow { position: absolute; height: 100%; width: 13000px; }
#mask-shadow { background: transparent url(img/bottom-shadow.png) repeat-x 0 0; top: 740px; }
#mask { background-color: #1b1b1c; top: 750px;  }




#page1 { left: 0; }
#page2 { left: 1900px }
#page3 { left: 3800px; } 
#page4 { left: 5900px; } 
#page5 { left: 8000px; } 
#page6 { left: 9700px; } 
#page7 { left: 11600px; } 


.line { height: 0px; border-top: 1px solid #a70000; }
.page { width: 960px; position: absolute; height: 100%; }
.pageText { margin: 20px 0 0 0; overflow: auto; }
.column { width: 240px; margin: 0; float: left; margin: 0 10px; display: inline; }

.thumbnails img { border-top: 12px solid #a70000; margin-right: 15px; }
.thumbnails p img { border: none; }
.thumbnails img.last { margin: 0; }



#page1 .pageText { margin: 20px auto 0 172px; width: 530px; }
#page1 h2 { width: 600px; margin: 0 auto 15px; }
#page1 .line { width: 920px; position: relative;  left: 180px; }

#page2 { width: 1064px; }
#page2 .pageText { margin: 20px 0 0 550px; }
#page2 h2 { margin: 5px auto 8px 300px; }
#page2 .line { margin: 0 0 0 432px; }
#page2 .column { width: 360px; }

#page3 { width: 1244px; }
#page3 .pageText { margin: 20px 0 0 140px; }
#page3 h2 { margin: 160px 0 8px 150px; }
#page3 .line { margin: 0 0 0 150px; }

#page4 { width: 1170px; }
#page4 .pageText { margin: 20px 0 0 500px; }
#page4 h2 { margin: 30px 0 8px 510px; }
#page4 .line { margin: 0 0 0 510px; }

#page5 .pageText { margin: 20px 0 0 100px; }
#page5 .line { position: relative; left: 101px; width: 1100px }
#page5 .pageText .line { position: static; width: auto; margin: 20px 0 15px; }
#page5 h2 { margin: 30px 0 8px 100px; }
#page5 .column { width: 477px; overflow: hidden; }
#page5 .column p { width: 370px; }

#page6 .pageText { margin: 20px 0 0 100px; }
#page6 .line { position: relative; left: 101px; width: 1100px }
#page6 h2 { margin: 10px 0 8px 100px; }
#page6 .column { width: 477px; overflow: hidden; }
#page6 .column p { width: 400px; }
#page6 .column a { clear:both;display:block;margin-top:14px; }

#page7 .pageText { margin: 0 0 0 150px; }
#page7 #location-info {left:212px; position:relative; top:-152px;}
#book-button { display:block;left:210px;position:relative;top:-65px;width:92px; }
#directions-button { display:block;left:358px;position:relative;top:-70px;width:108px; }
#location-info .xit { display:block;height:25px;left:488px;position:relative;top:30px;width:25px; }

#specials { width: 100%; position: fixed; bottom: 0; height: 0; background: #a70000 url(img/specials-slice.gif) repeat-x 0 0; z-index: 2; }
#specials h3 { float: left; color: #FF8686; height: 26px; padding: 6px 0 0 2em; font-family: Georgia, Times, serif; font-size: 12px; }
#specials h3 em { font-size: 14px; color:#fff; text-transform: uppercase; }
#specials h3 span { display: none; }
#specials p { margin: 42px 0 0 2em; font-family: Georgia, Times, serif; font-size: 1.4em; }
#specials p .price { font-size: 1.8em; }
#specials a { color: #fff; }
#specials.open { height: 80px; }

#specials .up { float: right; display: none; margin-right: 4px;  width: 18px; height: 30px; background: transparent url(img/specials-buttons.gif) no-repeat 0 0; }
#specials .down { float: right; display: inline; margin-right: 30px; display: none; width: 18px; height: 30px; background: transparent url(img/specials-buttons.gif) no-repeat -18px 0; }

div#fancy_overlay {
  position:absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  background-color: #333;
}

div#fancy_loading {
  position: absolute;
  height: 40px;
  width: 40px;
  cursor: pointer;
  display: none;
  overflow: hidden;
  background: transparent;
  z-index: 100;
}

div#fancy_loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background: transparent url(fancy/fancy_progress.png) no-repeat;
}

div#fancy_close {
  position: absolute;
  top: -12px;
  right: -12px;
  height: 30px;
  width: 30px;
  background: transparent url(fancy/fancy_closebox.png) ;
  cursor: pointer;
  z-index: 100;
  display: none;
}

div#fancy_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0; 
  margin: 0;
  z-index: 96;
}

#fancy_frame {
  position: relative;
  width: 100%;
  height: 100%;
  display: none;
}

img#fancy_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border:0; 
  padding: 0; 
  margin: 0;
  z-index: 92;
}

div#fancy_title {
  position: absolute;
  bottom: -35px;
  left: 0;
  width: 100%;
  z-index: 100;
  display: none;
}

div#fancy_title table {
  margin: 0 auto;
}

div#fancy_title div {
  color: #FFF;
  font: bold 12px Arial;
  padding-bottom: 2px;
}

td#fancy_title_left {
  height: 32px;
  width: 15px;
  background: transparent url(fancy/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
  height: 32px;
  background: transparent url(fancy/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
  height: 32px;
  width: 15px;
  background: transparent url(fancy/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
  position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
  position: relative;
  width:100%;
  height:100%;
  border: 1px solid #444;
  background: #FFF;
}

a#fancy_left, a#fancy_right {
  position: absolute; 
  bottom: 10px; 
  height: 100%; 
  width: 35%; 
  cursor: pointer;
  background-image: url(data:image/gif;base64,AAAA);
  z-index: 100; 
}

a#fancy_left {
  left: 0px; 
}

a#fancy_right {
  right: 0px; 
}

a#fancy_left:hover {
  background: transparent url(fancy/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
  background: transparent url(fancy/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

div#fancy_bg {
  display: none;
}

div.fancy_bg {
  position: absolute;
  display: block;
  z-index: 70;
}

div.fancy_bg_n {
  top: -18px;
  width: 100%;
  height: 18px;
  background: transparent url(fancy/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
  top: -18px;
  right: -13px;
  width: 13px;
  height: 18px;
  background: transparent url(fancy/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
  right: -13px;
  height: 100%;
  width: 13px;
  background: transparent url(fancy/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
  bottom: -18px;
  right: -13px;
  width: 13px;
  height: 18px;
  background: transparent url(fancy/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
  bottom: -18px;
  width: 100%;
  height: 18px;
  background: transparent url(fancy/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
  bottom: -18px;
  left: -13px;
  width: 13px;
  height: 18px;
  background: transparent url(fancy/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
  left: -13px;
  height: 100%;
  width: 13px;
  background: transparent url(fancy/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
  top: -18px;
  left: -13px;
  width: 13px;
  height: 18px;
  background: transparent url(fancy/fancy_shadow_nw.png) no-repeat;
}

