html {
height:100%
max-width: 100%;
}

body { 
width: 100%;
margin: 0 auto !important;
float: none !important;

}

@media (max-width: 1232px) {

body { 
width: 100%;
margin: 0 auto !important;
float: none !important;
}
}

@media (max-width: 768px) {
body { 
width: 100%;
margin: 0 auto !important;
float: none !important;
}
}

header {
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e1e1e1;

}

main {

}

.ubercontain {
max-width: 1200px;
padding: none; 
margin: 0 auto !important;

}

@media (max-width: 1232px) {
.ubercontain {
max-width: 1200px;
padding: 0 16px 0 16px;
margin: 0 auto !important;

}
}

.unrulyvid {
width: 40%;
}

@media (max-width: 1232px) {
.unrulyvid {
width: 50%;
}
}

@media (max-width: 768px) {
.unrulyvid {
width: 100%;
}
}

.demo-gallery a:link img {
border: solid;
border-width: 1px;
border-color: #ba4205;
}
.demo-gallery a:visited img {
border: solid;
border-width: 1px;
border-color: #ba4205;
}
.demo-gallery a:hover img {
border: solid;
border-width: 1px;
border-color: #333333;
}
.demo-gallery a:active img {
border: solid;
border-width: 1px;
border-color: #333333;
}


.fewimages { 
float: left; 
margin-right: 16px; 
margin-bottom: 16px;
}

.small-images a:link img {
border: solid;
border-width: 1px;
border-color: #ba4205;
}
.small-images a:visited img {
border: solid;
border-width: 1px;
border-color: #ba4205;
}
.small-images a:hover img {
border: solid;
border-width: 1px;
border-color: #333333;
}
.small-images a:active img {
border: solid;
border-width: 1px;
border-color: #333333;
}



.exinfo {
padding-left:20px;
line-height: 1.5em;
}

.bookinfo {
line-height: 1.5em;
}


.orderinfo {
font-size: 0.85em;
}

.somethumbs {
margin-right: 12px;
}

figure {
  margin: 12px 0 12px 0 !important;   
}  

.frood {
height: 112px; 
float: left;
}

figure{
  display:table;
  margin: 0;
}
figcaption{
  display:table-caption;
  caption-side:bottom;
  padding-top: 2px;
  font-family: 'Open Sans', verdana, arial, helvetica, sans-serif; 
  font-size: 13px; 
  color:#000000;
}

a:link { text-decoration: none; font-family: 'Open Sans', verdana, arial, helvetica, sans-serif; color:#ba4205;}
a:visited { text-decoration: none; font-family: 'Open Sans', verdana, arial, helvetica, sans-serif; color:#ba4205;}
a:hover { text-decoration: none; font-family:'Open Sans', verdana, arial, helvetica, sans-serif; color:#3b3b3b;}
a:active { text-decoration: none; font-family:'Open Sans', verdana, arial, helvetica, sans-serif; color:#3b3b3b;}


.button-vid:link { text-decoration: none; font-family: 'Open Sans' !important; color: #ba4205 !important;  }
.button-vid:visited { text-decoration: none; font-family: 'Open Sans' !important; color: #ba4205 !important;  }
.button-vid:hover { text-decoration: none; font-family: 'Open Sans' !important; color: #3b3b3b !important;  }
.button-vid: active { text-decoration: none; font-family: 'Open Sans' !important; color: #3b3b3b !important; }


.demo-gallery {
  width: 100%;
  height: auto;
  float: left;

}
.demo-gallery a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  display: block;
  float: left;
  margin: 0 12px 12px 0;
  line-height: 0;
}



a.demo-gallery__img--main {
  width: auto;
  height: auto;
}


.deskshow {
display: block;
}

@media (max-width: 767px) {
.deskshow {
display: none;
}
}

.navfont {
letter-spacing: .75px;
font-size: 1em;
}

@media (max-width: 900px) {
.navfont {
letter-spacing: 0px;
font-size: .92em;
}
}

.navbar-collapse {
  background-color: none;
}

.navbar-toggler {
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  padding: 0;
  margin:0;
  border: 0;
  text-align: center;
}

.topbar {
padding-top: 0px !important;
padding-bottom: 0px !important;
text-transform: uppercase;
letter-spacing: .75px;
margin-bottom: 4px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.75rem 0;
  margin: 0.5rem 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  text-transform: lowercase;
}

@media (max-width: 768px) {
.dropdown-menu {
  text-align: center !important;
}
}

.mobilelogo {
display: none;
}

.hideme {
display: block;
}

@media (max-width: 767px) {

.navbar-collapse {
  background-color: #FFFFFF;
  border: 1px solid #ececec;
  
  
}

.navfont {
	font-size: ;
}

.nav-justified .nav-item {

	text-align: left;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 0.25rem;
}


.outnav {
height: 100px;
}

.mobilelogo {
float: left;
width: auto;
display: block;
height: 100px;
text-align: center;
}


.hideme {
display: none;
}

.topbar {
padding-top: 0;
padding-bottom: 0;
}
}


.infor {
   text-align:left;
   display:block;
   font-family:arial,helvetica;
   font-size:12px;
   line-height:16px;
   color:#666666;
   padding-left:50px;padding-top:5px;padding-right:25px;padding-bottom:5px; }
   
h1.header {   
margin:8px 0 0px 0; 
padding:10px 0 0 0; 
font-family: 'Open Sans', verdana, arial, helvetica, sans-serif;
font-size: 18px; 
line-height:26px; 
color:#ba4205; 
letter-spacing: 2px; 
font-weight: bold;  
}

h2.title2 {
font-family: arial; 
line-height:1em; 
color:#ba4205;
letter-spacing: 5px;
}

h3.news {
font-size: 1.25em;
font-family: arial; 
line-height:1em; 
color: #333;
letter-spacing: 5px;
}

.newspane {
/* default fallback */
background: rgb(255, 255, 255) transparent;
/* nice browsers */
background: rgba(255, 255, 255, 0.8);
/* IE 6/7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
/* IE8 */    
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";

line-height: 1.5em !important;
padding: 6px 48px 6px 48px !important;
border-bottom: none;
}

.datepane {
/* default fallback */
background: rgb(255, 255, 255) transparent;
/* nice browsers */
background: rgba(255, 255, 255, 0.8);
/* IE 6/7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
/* IE8 */    
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";

line-height: 1.5em !important;
padding: 6px 6px 6px 6px !important;
border-bottom: none;
border-bottom: none;
white-space: nowrap;
}

.newspane2 {
/* default fallback */
background: rgb(255, 255, 255) transparent;
/* nice browsers */
background: rgba(255, 255, 255, 0.8);
/* IE 6/7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
/* IE8 */    
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";

line-height: 1.5em !important;
padding: 2px 48px 2px 48px !important;
border-bottom: none;
}

@media (max-width: 576px) {
.datepane {
padding: 6px 6px 6px 48px !important;

border-bottom: 1px solid black;
}
}
   
A.ongray:link { text-decoration: none; font-weight: bold; font-family: 'Open Sans', verdana, arial, helvetica, sans-serif; color:#ba4205;}
A.ongray:visited { text-decoration: none; font-weight: bold; font-family: 'Open Sans', verdana, arial, helvetica, sans-serif; color:#ba4205;}
A.ongray:hover { text-decoration: none; font-weight: bold; font-family:'Open Sans', verdana, arial, helvetica, sans-serif; color:#FFFFFF;}
A.ongray:active { text-decoration: none; font-weight: bold; font-family:'Open Sans', verdana, arial, helvetica, sans-serif; color:#FFFFFF;}


   
A.nline:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height:28px; color:#C70001}
A.nline:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height:28px; color:#C70001}
A.nline:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height:28px; color:#5B3800}
A.nline:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height:28px; color:#5B3800}

A.uline:link {  font-family: arial, helvetica, sans-serif;  color:#C70001}
A.uline:visited {  font-family: arial, helvetica, sans-serif; color:#C70001}
A.uline:hover {  font-family: arial, helvetica, sans-serif; color:#5B3800}
A.uline:active {  font-family: arial, helvetica, sans-serif; color:#5B3800}

A.oline:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height:16px; color:#C70001}
A.oline:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height:16px; color:#C70001}
A.oline:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height:16px; color:#5B3800}
A.oline:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height:16px; color:#5B3800}

A.nsmall:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; line-height:11px; color:#C70001}
A.nsmall:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; line-height:11px; color:#C70001}
A.nsmall:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; line-height:11px; color:#5B3800}
A.nsmall:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; line-height:11px; color:#5B3800}

A.white1:link { text-decoration: none; color:#FFFFFF}
A.white1:visited { text-decoration: none; color:#FFFFFF}
A.white1:hover { text-decoration: none; color:#C70001}
A.white1:active { text-decoration: none; color:#C70001}


A.hhh:link { text-decoration: none; font-family: arial, sans-serif; font-size: 15px; line-height:15px; color:#C70001;}
A.hhh:visited { text-decoration: none; font-family: arial, sans-serif; font-size: 15px; line-height:15px; color:#C70001;}
A.hhh:hover { text-decoration: none; font-family: arial, sans-serif; font-size: 15px; line-height:15px; color:#FFFFFF;}
A.hhh:active { text-decoration: none; font-family: arial, sans-serif; font-size: 15px; line-height:15px; color:#FFFFFF;}



.title2 {font-family: arial; font-size: 19px; line-height:12px; color:#E94142 }
.title3 {font-family: arial; font-size: 13px; line-height:12px; color:#E94142 }
.title {font-family: arial; font-size: 13px; line-height:12px; color:#CCCCCC }
.text {font-family: arial; font-size: 13px; line-height:16px; color:#333333 }
.textsm {font-family: arial; font-size: 10px; line-height:11px; color:#333333 }
.textwht {color:#FFFFFF }
.news {font-family: arial; font-size: 12px; line-height:15px; color:#333333 }
.gobtext {font-family: arial; font-size: 13px; line-height:16px; color:#c3c3c3 }
.gobtextsm {font-family: arial; font-size: 10px; line-height:11px; color:#c3c3c3 }
.newstext {font-family: arial; font-size: 13px; line-height:16px; color:#0000000 }
.uphead {font-family: arial; font-size: 18px; line-height:12px; color:#7f0000 }
.upbiohead {font-family: arial; font-size: 18px; line-height:12px; color:#0c3b5d }
.textorange {color:#cc7606 }
.textpink {color:#e998c2 }
.c3text {color:#c3c3c3 }

.contactpage {
margin-left: 25%;
margin-right: 25%;
}
@media (max-width: 768px) {
.contactpage {
margin-left: 0;
margin-right: 0;
}
}

input.toptwo {
width: 50%;
}

textarea {
width: 50%;
}


@media (max-width: 768px) {
input.toptwo {
width: 100%;
}

textarea {
width: 100%;
}


}

/* makes the images on the home page get a bit bigger on mouseover */
.hovereffect {
cursor:pointer;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;

-webkit-transition:all .4s ease-in-out;
transition:all .2s ease-in-out
}



.hovereffect img {
position:relative;
-webkit-transition:all .2s linear;
transition:all .2s linear;
}



.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:none;
background-color: transparent;
width: 100%;
height: 150px;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;

}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect img {
-ms-transform:scale(.92);
-webkit-transform:scale(.92);
transform:scale(.92);
}

.hovereffect:hover img {
-ms-transform:scale(1.0);
-webkit-transform:scale(1.0);
transform:scale(1.0);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
/* END makes the images on the home page get a bit bigger on mouseover */


/* These style the updater - no need to change them in the update */
A.up1:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#a22222}
A.up1:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#a22222}
A.up1:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up1:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}

A.up2:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#2255a2}
A.up2:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#2255a2}
A.up2:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up2:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}

A.up3:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#227f08}
A.up3:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#227f08}
A.up3:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up3:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}

A.up4:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up4:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up4:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#a22222}
A.up4:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#a22222}

A.up5:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#56573e}
A.up5:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#56573e}
A.up5:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up5:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}

A.up6:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#c35f29}
A.up6:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#c35f29}
A.up6:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up6:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}

A.up7:link { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#004a80}
A.up7:visited { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#004a80}
A.up7:hover { text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}
A.up7:active { text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height:16px; color:#000000}

.small-images a, .big-images a {

width: 100%;
}
.small-images a.selected {

}

.big-images img {
max-width: 100%;
}

button.button-1, button.button-2, button.button-3, button.button-4, button.button-5, button.button-6, button.button-7, button.button-8   {
float: left;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
display: block;
background-color: #FFFFFF;
}

.button-container button {
float: left;
padding-right: 5px;
padding-bottom: 16px;
}


.button-container {
padding-left: 16px;
}

.moviebutton {
border: solid !important;
border-width: 1px !important;
border-color: #ba4205 !important;
}

.moviebutton:hover, .moviebutton:focus {
border: solid !important;
border-width: 1px !important;
border-color: #333333 !important;
}
.moviebutton:active {
border: solid !important;
border-width: 1px !important;
border-color: #333333 !important;
}