/*************************************************************************************\
 *
 *        TITLE:  Default Style Sheet
 *       CLIENT:  Midway
 *  TARGET SPEC:  CSS 2
 *     MODIFIED:  2010.08.17
 *    AUTHOR(S):  Graham Wheeler / NetMediaOne - www.netmediaone.com
 *
\*************************************************************************************/

/* Reset and default styles applied to multiple elements */
a, aside, body, dd, div, dl, dt, embed, footer, form, header, h1, h2, h3, html, iframe, input, li, img, nav, 
object, section, select, table, td, textarea { border: 0px; padding: 0px; margin: 0px; outline: none; }
embed, form, iframe, object, header { display: block; }
p.first-child, h2.first-child, h3.first-child, h4.first-child, .offset-first-child { margin-top: 0px !important; }

a, a:visited { cursor: pointer; color: #2c2c2c; text-decoration: none; }
a:hover, a:visited:hover { cursor: pointer; color: #2c2c2c; text-decoration: underline; }

html { background: #531200 url('../images/design/bg_gradient_red.png') top center repeat-x; }

body { 
	font: normal 12px/1.67 Verdana, Arial, Helvetica, sans-serif;
	color: #2c2c2c;
  min-height: 100%;
	background: url('../images/design/bg_main_1.jpg') top center no-repeat;
}

h1 {
	font: normal 24px/2 'Lucida Sans', Arial, Helvetica, sans-serif;
	margin: 20px 0px 20px 0px;
	color: #336633;
	padding: 0px;
  line-height: 1; 
}

h1 a, h1 a:visited {
	font: normal 24px/2 'Lucida Sans', Arial, Helvetica, sans-serif;
	margin: 20px 0px 20px 0px;
	color: #336633;
	padding: 0px;
  line-height: 1; 
	text-decoration: none;
}
h1 a:hover, h1 a:visited:hover {
	font: normal 24px/2 'Lucida Sans', Arial, Helvetica, sans-serif;
	margin: 20px 0px 20px 0px;
	color: #336633;
	padding: 0px;
  line-height: 1; 
	text-decoration: underline;
}

h2 {
	font: normal 20px/1.81 'Lucida Sans', Arial, Helvetica, sans-serif;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	color: #000000;
}

h3 { 
	font: bold 16px/1.67 Verdana, Arial, Helvetica, sans-serif;
	color: #336633;
	margin: 10px 0px 10px 0px; 
	padding: 0px;
}

h3 a, h3 a:visited { 
	font: bold 16px/1.67 Verdana, Arial, Helvetica, sans-serif;
	color: #336633;
	margin: 10px 0px 10px 0px; 
	padding: 0px;
	text-decoration: none;
}
h3 a:hover, h3 a:visited:hover { 
	font: bold 16px/1.67 Verdana, Arial, Helvetica, sans-serif;
	color: #336633;
	margin: 10px 0px 10px 0px; 
	padding: 0px;
	text-decoration: underline;
}


h4 {
	font: bold 12px/1.67 Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	color: #000000;
}

li { margin: 0px; padding: 0px 0px 0px 0px; }
 
p { margin: 10px 0px 10px 0px; text-align: left; }
p.last-child { margin-bottom: 0px; }

h1.first-child, h2.first-child, p.first-child { margin-top: 0px; }

table { font: inherit; border-collapse: collapse; border-spacing: 0px; }

ul {  list-style: disc outside; margin: 10px 0px 10px 1.2em; padding: 0px; }

.bordered { border: 1px solid #ccc18f; padding: 9px; background: #333333; }

.captioned-photo .bordered { border: 1px solid #ccc18f; padding: 0px; background: none; }
.captioned-photo p { font-size: 10px; margin-top: 5px; }

.center { display: block; margin: 10px auto 10px auto; }

.chart { width: 50%; border-right: 1px solid #ccc18f; }
.chart th { background-color: #ccc18f; }
.chart th.first-child { border-left:1px solid #ccc18f; } 
.chart th, .chart td { text-align: center; }
.chart td {  border-bottom: 1px solid #ccc18f; border-left:1px solid #ccc18f; background-color: #ffffff; }
.chart tr { vertical-align: top; }

.chart.full { width: 410px; border-right: 1px solid #ccc18f; border-top: 1px solid #ccc18f; }
.chart.full td { padding: 2px; text-align: left; border-bottom: 1px solid #ccc18f; border-left:1px solid #ccc18f; background-color: #ffffff; }
.chart.full td.first-child { font-weight: bold; }
.chart.full tr { vertical-align: top; }


.cleared { overflow: auto; }

.collapsed { display: none; }
.toggle-nearest-collapsible { cursor: pointer; }
.toggle-nearest-collapsible span { font-size: 12px; }
.column { display: inline; float: left; }

.left { display: inline; float: left; margin: 5px 20px 5px 0px; }

.right { display: inline; float: right; margin: 5px 0px 10px 20px; }

.rotator { list-style: none; margin: 0px; padding: 0px; position: relative; }
.rotator li { margin: 0px; padding: 0px; position: absolute; display: none; }

.photo-listings { width: 100%; }
.photo-listings tr { vertical-align: middle; }
.photo-listings td.last-child { width: 320px; }
.photo-listings.restaurants td { padding: 20px 0px 20px 0px; }
.photo-listings.restaurants td.first-child { padding-right: 20px; }
.photo-listings.restaurants tr.first-child td { padding-top: 0px; }
.photo-listings.restaurants tr.last-child td { padding-bottom: 0px; }

#layout-wrapper { 
	z-index: 0; 
  position: relative; 
  min-height: 100%;
}

#layer-foreground { 
	width: 960px; 
  position: relative; 
  z-index: 2;
  top: 140px; 
	margin: 0px auto 0px auto;
  min-height: 100%; 
  background: url('../images/design/bg_paper.jpg') top center repeat-y;
}

.page-home #layer-silhouette { 
	height: 136px; 
  position: absolute;
  z-index: 10; 
  width: 100%;
  top: 100%;
  margin-top: 4px;
  background: url('../images/design/fence_silhouette.png') top center no-repeat;
}

#section-top { position: absolute; top: -140px; }
#logo { position: absolute; top: 16px; left: 320px; }

#section-content { 
  background: url('../images/design/bg_content_with_banner.jpg') top left no-repeat;
  padding-top: 315px;
  padding: 315px 30px 30px 30px;
  min-height: 100%;
}
  #section-content #banner { position: absolute; top: 45px; left: 40px; }
  #section-content #banner2 { position: absolute; top: 35px; left: 30px; }
.page-home #section-content { padding-bottom: 150px; padding-top: 300px; }

#nav-wrapper { 
  position: relative; 
  z-index: 5000; 
  margin-bottom: 30px;
  width: 910px;
  left: -5px;
  background: url('../images/design/bg_nav_bottom.png') bottom left no-repeat;
	padding-bottom: 10px;
}
  #primary-nav { 
    width: 910px; 
    position: relative;
    z-index: 1;
    overflow: visible; 
    z-index: 100 !important; 
    padding-bottom: 10px;
    background: url('../images/design/bg_nav_sides.png') repeat-y;
  }
    #primary-nav ul, #section-banners ul { list-style: none none; margin: 0px; padding: 0px; }
    #primary-nav > ul {
      position: relative; 
      height: 95px; 
      border-top: 1px solid #eee; 
      margin: 0 5px; 
      padding: 20px 0px 0px 0px; 
    }
      #primary-nav > ul > li, #section-banners > ul > li { 
        display: inline; 
        float: left; 
        padding: 0px 20px 0px 20px; 
        margin: 0px;
        width: auto;
        height: auto;
      }
    #primary-nav img, #section-banners img { display: block; margin-bottom: 5px; }
    .page-sub #primary-nav > ul > li { filter: alpha(opacity=65);	-moz-opacity: 0.65;	opacity: 0.65; }
    #primary-nav > ul > li.active, #primary-nav > ul > li.hovered { filter: alpha(opacity=100); -moz-opacity: 1;	opacity: 1; }
    
    #primary-nav ul.dropdown-menu li li { background: #e25a23; zoom: 1; margin: 0px; }
    #primary-nav ul.dropdown-menu ul { 
      display: none; 
      position: absolute; 
      top: 115px; 
      padding: 10px 0px 0px 0px;
      z-index: 400;
      width: 180px;
    }
      #primary-nav ul.dropdown-menu li.hovered ul {  }
      #primary-nav ul.dropdown-menu ul a, #primary-nav ul.dropdown-menu ul a:visited, 
      #primary-nav ul.dropdown-menu ul a:hover, #primary-nav ul.dropdown-menu ul a:visited:hover { 
        display: block; 
        padding: 4px 10px 4px 10px; 
        color: white; 
        text-decoration: none; 
        margin: 0px; 
        zoom: 1;
      }
      #primary-nav ul.dropdown-menu ul a:hover, #primary-nav ul.dropdown-menu ul a:visited:hover { background: #ba4a1c; }

#section-banners ul { margin: 0px; padding: 0px 5px 10px 5px; }
#section-banners { background: url('../images/design/bg_nav_sides.png') repeat-y; }

#section-nav { width: 190px; margin-right: 30px; }
  #section-nav ul { 
    list-style: none none;
    margin: 0px; 
    padding: 0px; 
    background: url('../images/design/sep_dots.gif') bottom left repeat-x;
  }
  #section-nav li { 
    padding: 5px 0px 5px 0px;
    background: url('../images/design/sep_dots.gif') top left repeat-x;
  }
  #section-nav a, #section-nav a:visited { text-decoration: none; color: #336633; padding-right: 10px; }
  #section-nav a:hover, #section-nav a:visited:hover { text-decoration: underline; color: #336633; }
  #section-nav li.active a { background: url('../images/design/bullet_arrow_1.gif') right center no-repeat; }
  #section-nav.section-banners ul { padding: 0px 0px 10px 5px; }

#main-content { width: 680px; }
.no-sidebar #main-content { width: auto; }

ul#site-map li { font-size: 15px; }
ul#site-map ul { margin-bottom: 20px; }
ul#site-map ul li { font-size: 11px; }
ul#site-map li a, ul#site-map li a:visited, ul#site-map ul li a, ul#site-map ul li a:visited { text-decoration: none; }
ul#site-map li a:hover, ul#site-map li a:visited:hover, ul#site-map ul li a:hover, ul#site-map ul li a:visited:hover { text-decoration: underline; }

#footer { 
	margin: 30px 0px 0px 0px; 
  position: relative; 
  font: normal 9px/2 Verdana, Arial, Helvetica, sans-serif; 
  color: #656565; 
}
#footer p { margin-right: 200px; }
#footer a, #footer a:visited { color: #656565; text-decoration: none; }
#footer a:hover, #footer a:visited:hover { color: #656565; text-decoration: underline; }

#footer-nav { font-size: 11px; }
#social-media-links {
	position: absolute; 
  top: 10px; 
  right: -4px; 
  list-style: none none; 
  margin: 0px; 
  padding: 0px 0px 0px 50px; 
  background: url('../images/design/label_find_us_on.png') top left no-repeat;
  height: 34px;
}
#social-media-links li { display: inline; float: left; margin-left: 5px; }
#logo-unbridled-spirit { position: absolute; top: 10px; right: 150px; }

#complaint-form { width: 100%; }
#complaint-form tr { vertical-align: top; }
#complaint-form td { width: 320px; padding: 0px 0px 10px 0px; }
#complaint-form td.first-child { padding-right: 40px; }
#complaint-form label { display: block; margin-bottom: 5px; }
#complaint-form .text-box { border: 1px solid #656565; width: 98%; padding: 2px 0px 2px 1px; }

#special-announcement { position: absolute; top: 35px; right: 30px; }