@charset "UTF-8";

/* -------------------------------------------------------------------
   --  Project: Big Bend Freedom Fest                           --
   --  Author:  jcasper@zimmerman.com                               --
   --  Last Modified:    06/2010                                    --
   -------------------------------------------------------------------   
   
    1. Global Styles
       1.1 Reset
       1.2 Common
       1.3 Layout
      
---------------------------------------------------------------------- */


/* 1. =Global Styles
---------------------------------------------------------------------- */

  /* 1.1 =Reset
  ---------------------------------------------------------------------- */
  
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
  }
  
  :focus {
    outline: 0;
  }
  
  address, cite, q, dfn {
    font-style: normal;
  }
  
  h1, h2, h3, h4, h5, h6, th {
    font-weight: normal;
  }
  
  article, aside, dialog, figure, footer, header, 
  hgroup, nav, section { 
    display: block;
  }
  
  a, ins, del {
    text-decoration: none
  }
  
  q, blockquote {
    quotes: none;
  }
  
  q:after, q:before,
  blockquote:after, blockquote:before {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  th, td {
    vertical-align: top;
  }
  
  th {
    text-align: left;
  }
  
  strong {
    font-weight: bold;
  }
  
  button, input, select, textarea {
    font: inherit;
  }
  
  :root { 
    overflow-y: scroll;
  }
  
  /* 1.1 =Common
  ---------------------------------------------------------------------- */
  
  h1 { font-weight: bold; color: #175688; }
  h2 { font-weight: bold; }
  a { color: #e51b24; }
  
  /* 1.3 =Layout
  ---------------------------------------------------------------------- */
  
  body { background: url(../images/background.png) top center no-repeat; font-family: Verdana; font-size: 14px; color: #333333; }
  #container { width: 800px; margin: 0 auto; background: url(../images/container-repeating.png) top center repeat-y; }
  #header { width: 800px; height: 420px; margin: 0 auto; background: url(../images/container-background.png) top center no-repeat; }
  #phone-number { margin-top: -75px; text-align: center; margin-bottom: 20px; }
  #intro { width: 662px; margin: 0 auto;  margin-bottom: 25px; background: url(../images/intro-header.jpg) top center no-repeat; }
  #events { width: 662px; margin: 0 auto; margin-bottom: 25px; background: url(../images/events-header.jpg) top center no-repeat; }
  #offers { width: 662px; margin: 0 auto; background: url(../images/offers-header.jpg) top center no-repeat; }
  #footer { width: 800px; height: 52px; margin: 0 auto; background: url(../images/container-bottom.png) top center no-repeat; }
  
  #special-offer-anchor { float: right; padding-top: 45px; padding-right: 65px; }
  #events-schedule-anchor { float: left; padding-top: 45px; padding-left: 47px; }
  
  #intro p { padding-top: 60px; }
  
  #events h1 { padding-bottom: 20px; }
  #events h2 { padding-top: 20px; }
  #events table { margin-top: 15px; }
  #events table td { vertical-align: top; }
  #events table td img { vertical-align: top; padding-right: 20px; padding-bottom: 10px; }
  
  #offers table { margin-top: 15px; }
  #offers table td { vertical-align: top; }
  #offers table td img { vertical-align: top; padding-right: 20px; padding-bottom: 10px; }
  p.add-bottom-padding { padding-bottom: 15px; }
  /*#nav { list-style: none; }
  #nav li { float: left; display: inline; width: 25px; height: 25px; background: url(../images/pager-background.jpg) top right no-repeat; margin-right: 5px; text-align: center; padding-top: 2px; }
  #nav li.activeLI { background: url(../images/pager-background.jpg) top left no-repeat; }
  #nav li.activeLI a { color: #fff; }*/