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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { 	margin: 0; 	padding: 0; 	border: 0; 	font-size: 100%; 	font: inherit; 	vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { 	display: block; } body { 	line-height: 1; } ol, ul { 	list-style: none; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; } table { 	border-collapse: collapse; 	border-spacing: 0; }  
  
body {
background: url(images/red-background.jpg) repeat;
font-family: "proxima-nova", Arial, sans-serif;
font-style: normal;
font-weight: 400;
margin-top: 80px;
font-size: 20px;
color: #572819;
line-height: 30px;
}
  
a {
color: #BC3D20;
} 

#content em {
font-style: italic;
}
  
#container {
  width: 960px;
  margin: 0px auto;
  position: relative;
background: url(images/paper-background.png) repeat-y;
}

#header {
  width: 960px;
background: url(images/top.jpg) no-repeat;
margin-top: -50px;
padding-top: 50px;
}

#nav {
font-family: "hwt-slab-columbian", Georgia, sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
margin-left: 50px;
}

#nav li {
float: left;
margin: 0px 20px;
}

#nav a {
text-decoration: none;
color: #572819;
}

#nav .active a {
color: #BC3D20;
}

#facebook {
text-indent: -9999em;
display: block;
width: 74px; 
height: 89px;
background:  url(images/facebook.jpg) no-repeat;
position: absolute;
top:  2px;
left: 796px;
}

#slideshow {
clear: left;
margin: 0px auto;
width: 893px;
height: 432px;
margin: 0px auto;
margin-top: 60px;
}

.internal #slideshow {
height: auto;
}

#slideshow h1 {
width: 269px;
height: 374px;
background: url(images/frontier.png) no-repeat;
text-indent: -9999em;
position: absolute;
margin-left: 40px;
margin-top: 20px;
z-index: 9;
}

.internal #slideshow h1 {
width: 158px;
height: 216px;
background: url(images/internal-logo.png) no-repeat;
margin-top: 25px;
}


#slideshow img{
z-index: 10;
margin-left: 10px;
margin-top: 10px;
width: 874px;
}

.internal #slideshow img{
margin-left: 13px;
margin-top: 13px;
width: 873px;
}


#frame {
display: block;
z-index: 20;
position: absolute;
background: url(images/whole-frame.png) no-repeat;
width: 893px;
height: 432px;
}

.internal #frame {
background: url(images/internal-frame.png) no-repeat;
width: 900px;
height: 273px;
}

#content {
margin-top: 40px;
}

#content h1 {
font-family: "hwt-slab-columbian", Georgia, sans-serif;
font-style: normal;
font-weight: 400;
background: url(images/row.jpg) repeat-x;
height: 45px;
text-align: center;
color: #572819;
text-transform: uppercase;
font-size: 32px;
letter-spacing: 1px;
margin-left: 46px;
width: 880px;
}

.body-content {
margin-left: 50px;
width: 860px;
margin-bottom: 50px;
}

.internal .body-content {
margin-top: 40px;
}

.menus.internal .body-content {
margin-top: 20px;
}

#content p {
margin-bottom: 20px;
}

#content strong {
font-weight: bold;
}

#content h1 span{
background: url(images/paper-background.png) repeat-y;
padding: 0px 20px;
}

.internal #content h1 span{
padding: 0px 50px;
}


#content iframe {
float: left;
margin-right: 45px;
}

#content p.home {
padding-top: 20px;
float: right;
width: 310px;
padding-bottom: 50px;
}

#wood {
clear: both;
width: 954px;
height: 356px;
background: url(images/wood.jpg) no-repeat;
margin-bottom: 40px;
margin-left: 6px;
}

#menu, #directions, #history {
display: block;
width: 195px;
height: 61px;
float: left;
margin-left: 90px;
margin-top: 95px;
margin-right: 6px;
	color: white;
	text-decoration: none;
	text-align: center;
padding-top: 100px;
}

#content h2 {
text-transform:  uppercase;
color: #BC3D20;
font-size: 25px;
font-family: "hwt-slab-columbian", Georgia, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: 1px;
}

.thanks {
width: 100%;
height:  251px; 
background: url(images/balloons.png) 80% 0% no-repeat;
}

.internal .thanks {
background: url(images/internal-balloons.png) 80% bottom no-repeat;
height: 137px;
}

.thanks h2 {
width: 480px;
}

.thanks p {
width: 480px;
margin-top: 20px;
}

#sign {
text-indent: -9999em;
width: 217px;
height: 60px;
background: url(images/signature.jpg) no-repeat;
margin-top: 50px;
}

#content {
background: url(images/mountains.png) no-repeat bottom;
padding-bottom: 60px;
margin-left: -6px;
}

#footer {
width: 954px;
height: 300px;
background: #2F1F0F;
}

#footer img {
vertical-align: middle;
margin-left: 20px;
}

#center {
background: url(images/footer-bg.png) repeat-y;
float: right;
color: #E6E0D3;
font-size: 17px;
line-height: 22px;

     margin-right: 25px;
margin-top: 20px;
  padding-bottom: 30px;
padding-top: 10px;
  text-align: center;
width: 269px;
margin-right: 200px;
}

#center a {
color: #E6E0D3;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline;
background: url(images/google.png) no-repeat top left;
padding-left: 27px;
height: 32px;
padding-top: 12px;
display: block;
width: 100px;
margin: 0px auto;
     width: 70px;
  margin-bottom: -10px;
  text-align: left;

}

#lobos {
     float: right;
     margin-right: 60px;
  margin-top: 20px;
clear: right;
margin-top: -150px;
}

#copy {
clear: right;
font-size: 13px;
float: right;
margin-right: 100px;
color: #E6E0D3;
margin-top: 20px;
}

.video iframe {
width: 500px;
height: 281px;
}

.map iframe {
width: 500px;
height: 400px;
}

		#slides {
		    position: relative;
		    width: 875px;
		    height: 412px;
		    padding: 0px;
		}
		
		.internal #slides {
		height: auto;
		}

		#slides > div {
		    position: absolute;
		    top: 0px;
		    left: 0px;
		    right: 0px;
		    bottom: 0px;
		    z-index: 1;
		}

.hours li {
padding-bottom: 15px;
}

#sidebar {
width: 283px;
height: 429px;
float: left;
background: url(images/sidebar.png) no-repeat;
margin-top: -20px;
margin-left: -15px;
}

.menu {
margin-left: 313px;
}

#sidebar a {
font-family: "hwt-slab-columbian", Georgia, sans-serif;
font-style: normal;
font-weight: 400;
color: #572819;
text-decoration: none;
font-size: 20px;
}

#sidebar ul {
margin-left: 9px;
margin-top: 50px;
}

#sidebar li.active {
background: url(images/selected.png) no-repeat;
}

#sidebar li.active a {
color: #BC3D20;
}

#sidebar li {
padding-left: 40px;
margin-bottom: 5px;
}

#sidebar p a {
background: #FCFBF8 url(images/download.png) 8% 50% no-repeat;
border: 3px solid #AD9265;
text-transform: uppercase;
padding-left: 40px;
width: 150px;
height: 30px;
margin-left: 45px;
margin-top: 10px;
font-family: "proxima-nova", Arial, sans-serif;
color: #645235;
font-size: 12px;
display: block;
}

#content .menu h2 {
font-family: "proxima-nova", Arial, sans-serif;
letter-spacing: 4px;
font-size: 20px;
font-weight: bold;
background: #4F1509;
line-height: 15px;
margin-bottom: 20px;
}

#content .menu h2 span {
background: url(images/paper-background.png) 50% repeat-y;
padding: 0px 20px 0px 20px;
display: inline-block;
margin-left: 30px;
}

.menu ul li {
margin-bottom: 20px;
}

.mobile-open {
display: none;
}

@media screen and (max-width: 600px) {

.desktop-open {
display: none;
}

.mobile-open {
width: 100%;
height: auto;
display: block;
}

 
 #container, #header, #footer {
 width: 376px;
 }
 
 #container, #header {
 background-position: 50% 0%;
 }


#footer {
height: 600px;
margin-top: -5px;
}

#wood {
clear: both;
width: 376px;
height: 373px;
background: url(images/mobile-wood.jpg) no-repeat;
margin-bottom: 40px;
margin-left: 0px;
}





#slideshow h1 {
background: url(images/mobile-logo.jpg) no-repeat;
margin-top: 0px;
width: 203px;
height: 204px;
	margin-left: 85px;
	background-size: contain;
}

#slideshow h1 a {
width: 203px;
height: 204px;
	display: block;
}

	#nav li:first-of-type {
		display: none;
	}



.internal #slideshow h1 {
background: url(images/mobile-logo.jpg) no-repeat;
margin-top: 0px;
width: 203px;
height: 204px;
	margin-left: 85px;
	background-size: contain;
}


#frame {
background: none;
display: none;
}

#slideshow {
margin: 0px auto;
width: 376px;
height: 185px;
}

#slideshow img {
display: none;
}

#menu, #directions, #history {
display: block;
width: 148px;
height: 140px;
float: left;
margin-left: 35px;
margin-top: 52px;
margin-right: -20px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
	
	padding-top: 0px;
	line-height: 190px;
	

}

#history {
margin-top: 0px;
margin-left: 118px;
}

.thanks {
margin-left: 0px;
width: 300px;
background: url(images/balloons.png) bottom left no-repeat;
background-size: contain;
height: 600px;
}

.thanks h2, .thanks p {
width: 350px;
}


.internal .thanks {
background: url(images/internal-balloons.png) bottom left no-repeat;
background-size: contain;
height: 137px;
}


#content {
margin-left: 0px;
}


#content h1 {
margin-left: 20px;
width: 346px;
}

.body-content {
margin-left: 20px;
width: 336px;
margin-bottom: 20px;
}


#content h1 span{
padding: 0px 20px;
}

.internal #content h1 span{
padding: 0px 20px;
}

.internal #content h1 {
margin-top: 10px;
display: inline-block;
}

.video iframe {
width: 286px;
height: auto;
margin-left: 25px;
}

.map iframe {
width: 286px;
height: auto;
margin-left: 25px;
margin-bottom: 20px;
}

#content iframe {
float: none;
margin-right: 45px;
}

#content p.home {
float: none;
width: 286px;
padding-bottom: 0px;
margin: 0px auto;
}


#footer img {
margin-left: 40px;
margin-bottom: 20px;
}

#center {
float: none;
width: 300px;
margin: 0px auto;
padding: 0px;
background: none;
margin-bottom: 40px;
background: url(images/horizontal-border.png) repeat-x bottom left;
padding-bottom: 30px;
}



img#lobos {
     float: none;
margin: 0px;
margin-left: 25px;
}


#copy {
clear: right;
font-size: 13px;
float: right;
margin-right: 100px;
color: #4D3E2F;
margin-top: 20px;
}

#nav {
margin-left: 0px;
margin-top: -50px;
}

#nav li {
float: none;
margin: 15px 0px;
text-align: center;
}

#nav li a {
font-size: 30px;
}
 
 
#facebook {
left: 310px;
width: 50px;
background-size: contain;
}

#slides {
display: none;
}

.internal #content {
margin-top: 240px;
}

#sidebar {
float: none;
margin: 0px auto;
margin-top: -40px;
margin-bottom: 30px;
}

#sidebar ul {
padding-top: 50px;
}


.menu {
margin-left: 0px;
}

 
}

.home-hours {
	background: white;
	border: 3px solid black;
	padding: 5px;
	text-align: center;
	width: 49%;
	float: left;
	margin-right: 1%;
	text-transform: uppercase;
	color: black;
	font-weight: bold;
	font-style: italic;
	font-size: 40px;
	line-height: 40px;
}

.home-hours.map {
	width: 45%;
}


.home-hours strong {
	color: #BC3D20;
	display: block;
	font-size: 60px;
	line-height: 80px;
}

.home-hours .underline {
text-decoration: underline;
font-style: normal;
	text-transform: uppercase;
	font-size: 70px;
	line-height: 80px;
}
.home-hours em {
display: block;
	font-size: 60px;
	line-height: 80px;
}

.home-hours strong {
text-transform: none;
}

.home-specials {
	border: 3px solid black;
float: right;
	width: calc(50% - 22px);
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

.body-content.first {
background: white;
	overflow: hidden;
padding: 20px;
	width: calc(100% - 140px);
}

.home-specials h2 {
font-weight: bold;
font-size: 16px;
	line-height: 24px;
	text-decoration: underline;
	margin-top: 10px;
}

.home-specials p {
margin-top: 8px;
}

.home-specials strong {
font-weight: bold;
}

.home-specials em {
font-style: italic;
}

@media screen and (max-width: 600px) {
	.home-specials, .home-hours {
float: none;
		width: 100%;
margin-bottom: 30px;
		padding: 0px;
	}
	
	.body-content.first {
	width: calc(100% - 80px);
}

	.home-hours.map {
		width: 98%;
}

	
}

  #skip-link {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
}
#skip-link a {
color: white;
}

#skip-link:focus {
  display: inline-block;
  height: auto;
  width: auto;
  position: static;
  margin: auto;
}