/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2010-09-02
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
   color: #332D1F;
   background: #6A5334 url('../images/bg_html.jpg') left top repeat;
   
}
body { 
   background: transparent url('../images/bg_body.jpg') left top repeat-x;
   padding: 37px 0;
}
   a {
      color: #B4000F;
      text-decoration: underline;
   }
      a:hover { text-decoration: none; }
      a:visited { color: #66000; }
      a img { border: 0; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
      line-height: 1.25em;
      font-weight: normal;
   }
      h1, .content h1 { font-size: 1.8em; text-transform:uppercase; }
      h2, .content h2 { font-size: 1.5em; color: #073A7B; font-weight: bold;  text-transform:uppercase;  }
      h3, .content h3 { font-size: 1.4em; }
      h4, .content h4 { font-size: 1.2em; }
      h5, .content h5 { font-size: 1.0em; }
      h6, .content h6 { font-size: 0.9em; }

div.hr {
   height: 1px;
   margin: 1.6em 0 1.6em 0;
   background: #000 no-repeat scroll center;
}
   div.hr hr { display: none; }

#wrapper {
   position: relative;
   width: 960px;
   margin: 0 auto;
   background: transparent url('../images/bg_header.png') left top no-repeat;
   min-height: 635px;
}
   #default #wrapper { background-position: -959px 0; }

pre { color: #000; }

td.content td, td.content th { padding: 0; }
/** Header
-------------------------- **/
/** @group header */
#header { 
   position: relative;
   z-index: 12;
   min-height: 438px; 
}

#header #masthead a, 
#header #masthead a:visited {
   position: absolute;
   display: block;
   background: url("../images/logo.png") 0 0 no-repeat;
   text-indent: -10000px;
   width: 296px;
   height: 193px;
   text-decoration: none;
   overflow: hidden;
   z-index: 12;
   top: 0;
   left: 0;
}
/** @group hdrImg */
#hdrImg {
   position: absolute;
   left: 251px;
   top: 112px;
   z-index: 2;
}
#home #photo {
    position: absolute;
    top: 0px;
    left: 230px;
}
#default #photo {
    display: none;
}
   #home #hdrImg {
      position: absolute;
      background: transparent url('../images/bg_hdrImg.png') left top no-repeat;
      width: 681px;
      height: 348px;
      z-index: 3;
   }
   #home #hdrImg #container {
      width: 681px;
      height: 348px;
      overflow: hidden;
   }
      #home #hdrImg .item {
         background:none !important;
         /*(above) fix to get IE and tye JS cycle plugin working closer to perfect per NHANNA on 2010-07-31 */
      }
      #home .img {
         position: absolute;
         top: -2px;
         left: 24px;
         width: 650px;
         height: 350px;
         z-index: 4;
      }
      #home #hdrImg .img_descr {
         position: absolute;
         top: 185px;
         left: 35px;
         width: 255px;
         height: 125px;
         z-index: 4;
      }
      #home .items { }
         
      #home .navi {
         position: absolute;
         bottom: 5px;
         right: 20px;
         z-index: 10;
      }
            #home .navi a {
               display: block;
               float: left;
               width: 19px;
               height: 15px;
               background: transparent url("../images/bg_navi.png") 0 0 no-repeat;
               margin-right: 4px;
               color: #FFF;
               text-decoration: none;
               font-size: 12px;
               font-weight: bold;
               padding: 7px 0 4px;
               text-align: center;
            }
               #home .navi a.activeSlide {
                  color: #000;
                  background-position: -22px 0;
               }
/* @end hdrImg **/
/** @group locations */
#locations {
   position: absolute;
   width: 271px;
   height: 217px;
   padding-top: 10px;
   padding-right: 30px;
   overflow: hidden;
   background: transparent url('../images/bg_locations.png') left top no-repeat;
   z-index: 1;
   top: 195px;
   left: 18px;
   text-align: center;
   color: #F5F5CB;
   font-weight: bold;
}
   #locations h3 {
      text-transform: uppercase;
      margin-bottom: 0.4em;
   }
   #locations ul {
      margin: 0 0 0 10px;
      padding: 0;
      list-style: none;
   }
      #locations ul li { display: inline; }
         #locations ul li a {
            display: block;
            float: left;
            font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif;
            color: #3A3525;
            font-size: 0.85em;
            white-space: nowrap;
            text-decoration: none;
            background-color: #F5F5CB;
            border: 1px solid #2E2919;
            width: 107px;
            padding: 3px 3px;
            margin-right: 1px;
            margin-bottom: 1px;
         }
         #default #locations ul li a { width: 110px; }
            #locations ul li a:hover, #locations ul li a:focus {
               background-color: #B4000F;
               border-color: #D00321;
               color: #F5F5CB; 
            }
/* @end locations **/
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   position: absolute;
   width: 960px;
   top: 0;
   left: 0;
}
/** @group contentSlot */
#default #contentSlot {
   width: 566px;
   padding: 130px 50px 20px 0;
   float: right;
}
   #default #contentSlot h1.pg_title {
      height: 80px;
      font-size: 4.2em;
      overflow: hidden;
   }
      #default #layout {
         width: 536px;
         height: 420px;
         padding-right: 20px;
         overflow: auto;
      }
      
      #default #layout.menu  {
         width: 536px;
         height: 330px;
         padding-right: 20px;
         margin-top: 90px;
         overflow: auto;
      }

#home #contentSlot {
  position: absolute;
  left: 279px;
  top: 439px;
  width: 625px;
  z-index: 3;
}
   #home #contentImg {
      width: 223px;
      float: left;
   }
   #home #layout {
      position: relative;
      top: 35px;
      margin-right: 10px;
      padding-right: 10px;
      left: 223px;
      width: 382px;
      height: 170px;
      overflow: auto;
   }
      #home #layout h2:first-child { margin-top: 0.4em; }

/** @group flexcroll */
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
.scrollgeneric {
   line-height: 1px;
   font-size: 1px;
   position: absolute;
   top: 0;
   left: 0;
}

.vscrollerbase {
   width: 14px;
   background: transparent url("../images/bg_vscrollbase.gif") 2px top repeat-y;
}
.vscrollerbar {
   margin: 0 2px;
   width: 8px;
   background: transparent url("../images/bg_vscroll.gif") left top repeat-y;
   border-left: 0;
   border-right: 0;
}

.vscrollerbasebeg {
   background:transparent url("../images/scrollbases.png") no-repeat scroll -13px -12px;
   width:14px;
   height: 12px;
   overflow: hidden;
   z-index: 3;
}

.vscrollerbaseend {
   background:transparent url("../images/scrollbases.png") no-repeat scroll -13px 0;
   width:14px;
   height: 12px;
   z-index: 3;
}
/*
.hscrollerbase {
   height: 14px;
   background: transparent url("../images/bg_hscrollbase.gif") left bottom repeat-x;
}
.hscrollerbar {
   height: 14px;
   background: transparent url("../images/bg_hscroll.gif") left bottom repeat-x;
   border: 3px solid #99987D;
   border-top: 0;
   border-bottom: 0;
}*/

/*.scrollerjogbox {
   width: 7px;
   height: 7px;
   top: auto; 
   left: auto;
   bottom: 0px; 
   right: 0px;
   background-color: #99987D;
}*/
/* @end flexcroll **/
/* @end contentSlot **/
/** @group sideBar */
#sideBar {}
#sideBar #marginSlot {
   position: absolute;
   width: 279px;
   top: 435px;
   left: 52px;
   z-index: 5;
}
   #sideBar #marginSlot .margincontent {
      position: relative;
      z-index: 5;
   }
/** @group topNavigation */
#topNavigation {
   position: absolute;
   top: 18px;
   left: 25px;
   z-index: 11;
   width: 917px;
   min-height: 94px;
   background: transparent url('../images/bg_navigation.png') left top no-repeat;
}
#default #topNavigation { background-position: -917px top; }
   #topNavigation ul {
      position: relative;
      margin: 0;
      padding: 0;
      list-style: none;
      top: 27px;
      left: 265px;
      width: 650px;
   }
      #topNavigation ul li { 
         float: left;
         border: 0;
      }
         #topNavigation ul li a {
            display: block;
            float: left;
            padding: 0;
            margin: 0;
            color: #E8ECD5;
            text-transform: uppercase;
            font-size: 1.55em;
            font-weight: bold;
            font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif;
            text-shadow: 0.05em 0.05em 4px #171818;
            text-decoration: none;
            text-indent: -10000px;
            overflow: hidden;
            background: transparent url('../images/bg_menu.jpg') left top no-repeat;
            width: 129px;
            height: 46px;
            border: 0;
         }
            /* Our Story */
            #topNavigation ul li a:hover, 
            #topNavigation ul li a:focus, 
            #topNavigation ul li.selected a { background-position: 0 -46px; width: 129px; }
               /* Our Story 
               #topNavigation ul li a.page_our-story { width: 129px; background-position: 0 0; }
                  #topNavigation ul li a.page_our-story:hover, 
                  #topNavigation ul li.selected a.page_our-story { background-position: 0 -46px; }*/
               
               /* Our Menu */
               #topNavigation ul li a.page_our-menu { width: 100px; background-position: -139px 0; }
                  #topNavigation ul li a.page_our-menu:hover, 
                  #topNavigation ul li.selected a.page_our-menu { background-position: -139px -46px; }
               /* Catering */
               #topNavigation ul li a.page_catering { width: 110px; background-position: -247px 0; }
                  #topNavigation ul li a.page_catering:hover, 
                  #topNavigation ul li.selected a.page_catering { background-position: -247px -46px; }
               /* Fudd Stuff */
               #topNavigation ul li a.page_fudd-stuff { width: 127px; background-position: -357px 0; }
                  #topNavigation ul li a.page_fudd-stuff:hover,  
                  #topNavigation ul li.selected a.page_fudd-stuff { background-position: -357px -46px; }
               /* Lil' Fudds */
               #topNavigation ul li a.page_lil-fudds { width: 126px; background-position: -484px 0; }
                  #topNavigation ul li a.page_lil-fudds:hover,  
                  #topNavigation ul li.selected a.page_lil-fudds { background-position: -484px -46px; }
/** @group topNavigationHover */
#topNavigation ul.sf-menu li a.sf-with-ul { padding-right: 0; }
#topNavigation ul.sf-menu ul { padding: 0; margin: 0; }
#topNavigation ul.sf-menu li:hover ul,
#topNavigation ul.sf-menu li.sfHover ul {
   position: absolute;
   top: 46px; /* match top ul list item height */
   left: 0;
   margin: 0;
   padding: 0;
   width: 240px;
}
   #topNavigation ul.sf-menu li.sfHover ul ul {
      top: 0;
      left: 240px;
   }
#topNavigation ul.sf-menu li ul { border: 2px solid #9C0908; }
   #topNavigation ul.sf-menu li li a {
      font-size: 1.25em;
      text-transform: none;
      text-shadow: none;
   }
   #topNavigation ul.sf-menu li li a span {
      font-size: 0.90em;
      padding: 4px 8px; 
      border: 0;
      display: block;
   }
      #topNavigation ul.sf-menu li li { 
         padding: 0;
         background-color: #D0152A;
         border-bottom: 0px;
         margin: 0;
      }
         #topNavigation ul.sf-menu li li a,
         #topNavigation ul.sf-menu li.selected li a,
         #topNavigation ul.sf-menu li.selected li a:hover {
            margin: 0;
            width: 230px;
            line-height: normal;
            background-image: none;
/*            letter-spacing: 0.1em;*/
            min-height: 15px;
            color: #E6ECDE;
            text-indent: 0;
            height: auto;
            background-color: transparent;
/*            background-image: url("../images/bg_navigation-sub.jpg");*/
         }
            #topNavigation ul.sf-menu li li a { padding: 3px 5px; }
         #topNavigation ul.sf-menu li.sfHover li:hover,
         #topNavigation ul.sf-menu li li a:hover,
         #topNavigation ul.sf-menu li.selected li a:hover { 
            background-color: #9C0908;
            background-position: -300px 0;
         }
            #topNavigation ul.sf-menu li.selected li a,
            #topNavigation ul.sf-menu li.selected li a { 
               padding-right: 0;
                background-image: none;
            }

#topNavigation ul.sf-menu .sf-sub-indicator { display: hidden; }
/* @end topNavigationHover **/
/* @end topNavigation **/
/* @end sideBar **/
/* @end contentWrapper **/


#menu {
    position: absolute;
    top: 189px;
    left: 50%;
    width: 600px;
    margin-left: -150px;
}




/** Footer
-------------------------- **/
/** @group footer */
#footer { 
   background: transparent url('../images/bg_footer.png') left top no-repeat;
   margin-top: 0;
   padding-top: 275px;
   text-align: center;
}
/** @group contact_us_link */
#global_links {
   position: absolute;
   top: -22px;
   right: 12px;
   font-size: 1.15em;
}
   #global_links ul {
      margin: 0;
      padding: 0;
      list-style: none;
   }
      #global_links li { 
         display: inline;
         padding-left: 6px;
      }
         #global_links li:after {
            padding-left: 6px;
            content: " | ";
         }
         #global_links li.last { margin: 0; }
         #global_links li.last:after { content: ""; padding: 0; }
            
/* @end contact_us_link **/
/** @group social_media */
#social_media {
   position: absolute;
   top: -24px;
   left: 20px;
   z-index: 15;
}
   #social_media ul {
      margin: 0;
      padding: 0;
      list-style: none;
   }
   #social_media ul li { display: inline; float: left; padding-right: 10px; }
   #social_media ul li.last { padding-right: 0; }
      #social_media ul li a {
         width: 32px;
         height: 32px;
         float: left;
         display: block;
         white-space: nowrap;
         overflow: hidden;
         padding: 0;
         text-indent:10000px;
         overflow: hidden;
         background: transparent url("/globals/images/sprite_social_media.png") 0 0 no-repeat;
      }
      #social_media ul li a:hover { text-decoration: none; }
         #social_media ul li a.twitter { background-position: -1px -3px; }
         #social_media ul li a.facebook { background-position: -41px -3px; }
         #social_media ul li a.youtube { background-position: -82px -3px; }
         #social_media ul li a.rss { background-position: -123px -3px; }
         #social_media ul li a.delicious { background-position: -164px -3px; }
/* @end social_media **/
#default #footer { background-position: -961px 0; }
   #footer, #footer a { color: #F5F5CB; }
      #footer a { text-decoration: none; }
      #footer a:hover{ text-decoration: underline; }
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent select, #formContent input.input, #formContent textarea.textarea { border-color: #000; }
#formContent input.submit {
   background-color: #000;
   border: 1px solid #000;
   border-left-color: #333;
   border-top-color: #333;
   color: #FFF;
}
/* @end formContent **/


/** Class Styles
-------------------------- **/
.hidden, .printOnly, #outer_footer { display: none; }

.content {
   font-size: 1.2em;
   line-height: 1.41em;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

.clearafter:after {
   content: "";
   display: block; 
   height: 100%;
   clear: both;
   visibility: hidden;
}