a{outline:none;}
a:link{color:#000; text-decoration:underline;}
a:visited{color:#000; text-decoration:underline;}
a:hover{color:#999; font-size:110%; text-decoration:none;}
a:active{color:#000; text-decoration:underline;}
body{height:100%;background-color:#cc0000;color:#000;font:normal 500 11px verdana,arial,helvetica,sans-serif;text-align:center;margin:0px;padding:0px;}
img{border:none;max-width:100%;}
.ie {font-size:80%;}
#main-container{width:90%;margin:0 auto;}
#headernav-container{width:100%;margin:0 auto;background-color:#000;position:relative;}
#content-container{padding:0px 2px 0px 2px;}
#testimonials{width:18%;float:left;font:italic 500 14px "times new roman", times, serif; color:#fff;text-align:left;background-color:#666;margin:2px; padding:0px 2px 0px 2px;}
#testimonials p{padding:15px 0px;border-top:1px solid #000;}
#main-content{width:78%; float:right;text-align:left;background-color:#fff;margin:2px; padding:0px 2px 0px 2px;}
#main-content-center{width:80%;text-align:left;background-color:#fff;margin:0 auto; padding:2px 2px 2px 2px;}
#main-gallery{width:100%;background-color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-content:space-around;}
#main-gallery img{padding:10px;max-width:100%;}
.clearfix:before, .clearfix:after{content: " ";display: table;}/*for nav menu */
.clearfix:after{clear:both;}
.clearfix{*zoom: 1;}
nav {position:relative;top:0px;}
nav a#pull{display:none;}
#menu{list-style:none;width:90%;margin:0 auto;padding:4px;position:relative; z-index:5;text-align:center;font:normal 600 11px verdana,arial,helvetica,sans-serif; border-top:2px solid #333;border-bottom:2px solid #333;}
#menu li{float:left;margin:2px 2px 2px 0px;position:relative;}
#menu a{display:block;background:#333;width:140px;height:30px;line-height:30px;color:#fff;text-decoration:none;}
#menu a:hover{background:#333;color:#cc0000;}
/* dropdown*/
#menu ul{background:#333;background:rgba(51,51,51); list-style:none; position:absolute; left:-9999px;margin:0;padding:0;} /* Adding a background makes the dropdown work properly in IE7+. make close to background of page. hide off-screen when not needed - more accessible than display:none; */
#menu ul li{padding-top:1px; float:none;background:#555;}/*remove floats applied earlier */
#menu ul a{white-space:nowrap;width:175px;}
#menu li:hover ul{left:20px;z-index:6;}/* display the dropdown on hover */
#menu li:hover a{background:#333;color:#cc0000;} /* create persistent hover states for all links,top-most link stays 'hovered' */
#menu li:hover ul a{background:#333;color:#fff;}/*  dropdown vs top level link */
#menu li:hover ul li a:hover{background:#555;color:#cc0000;} /* define hover each individual link. */
h1{font:italic 600 20px "times new roman", times, serif;color:#000;text-align:left;}
h2{font:italic 600 18px "times new roman", times, serif;color:#000;margin-bottom:5px;margin-top:5px;text-align:left;padding:5px;}
h3{font:italic 600 16px "times new roman", times, serif;color:#990000;margin:0px 5px 5px 5px;text-align:left;}
h4{font:italic 600 14px "times new roman", times, serif;color:#000;margin-bottom:5px;margin-top:0px;text-align:left;}
p{text-align:left;margin:10px;}
p.address{margin:15px; padding: 10px;font:normal 500 18px "times new roman", times, serif;border-top:1px solid #000;}
.menus, .venues{background-color:#f7efef;color:#000;text-align:left;margin:5px 2px 5px 2px;border-bottom:1px solid #000;border-top:1px solid #000;}
a.menulinks{float:right;margin:10px;padding:4px;display:block;background:#333;width:140px;height:20px;line-height:30px;font:normal 600 11px verdana,arial,helvetica,sans-serif;text-align:center;color:#fff;text-decoration:none;}
a.menulinks:hover{color:#cc0000;}
a.speciallink{text-decoration:underline;}
a.speciallink:hover{text-decoration:none;}
.venues{display:block;padding:10px;}
.contain{max-width:95%;margin:2px auto;text-align:center;}
.contain img{margin:0px 10px;}
.clearall{clear:both;}
.white{color:#fff;}
.left{text-align:left;}
.rfloat{float:right;margin:5px 10px;}
.script{color:#000000;font-weight: 500;font-style: italic;font-size: 14px;font-family: "times new roman", times, serif;text-align:left;}
#piclinks{margin:100px 0 100px 0;display:flex;flex-flow:row wrap;justify-content:space-around;align-content:space-around;}
.piclinks{width:300px;height:400px;margin:2%;background-image:linear-gradient(rgba(229,0,0,0), rgba(229,0,0,1));border-radius:20px;}
.piclinks h2{text-align:center;color:#fff;font-weight:500;}
.piclinks a{text-decoration:none;}
.piclinks img{border-radius:20px;}
.footer{color:#cccccc;font-weight:400;font-size: 10px;font-family:verdana,arial,sans-serif;text-align: center;}
.tagline{font:italic 600 22px "times new roman", times, serif;padding-top:10px;}
.contact{color:#ff0000;border-top:2px solid #333;border-bottom:2px solid #333;}
.contact a:link, .contact a:visited{color:#ff0000; text-decoration:none;}
a[href^="tel"]{color:#ff0000;text-decoration:none;} /* keeps phone number functionality without new styling */
.phone{position:absolute;top:60px;right:10px;}
.email{position:absolute;top:60px;left:10px;}
.email a:hover, .phone a:hover{font-size:100%;}
.video img{text-align:center;}
/* ribbon css */
.ribbon-wrapper {
  position: relative;
  z-index: 1;
  margin: 5% auto;
}
.ribbon {
  font-size: 20px!important;
  text-transform: uppercase;
  width: 50%;
  position: relative;
  background: #f35b5b;
  color: #fff;
  text-align: center;
  padding: 1em 2em;
  margin: 2em auto 3em
}
.ribbon:after,
.ribbon:before {
  content: "";
  position: absolute;
  display: block;
  bottom: -1em;
  border: 1.5em solid #d74545;
  z-index: -1
}
.ribbon:before {
  left: -2em;
  border-right-width: 1.5em;
  border-left-color: transparent
}
.ribbon:after {
  right: -2em;
  border-left-width: 1.5em;
  border-right-color: transparent
}
.ribbon .ribbon-inner:after,
.ribbon .ribbon-inner:before {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #b23232 transparent transparent;
  bottom: -1em
}
.ribbon .ribbon-inner:before {
  left: 0;
  border-width: 1em 0 0 1em
}
.ribbon .ribbon-inner:after {
  right: 0;
  border-width: 1em 1em 0 0
}
/* breakpoints for nav menu */
@media screen and (min-width: 1600px) {
#menu{width:1278px;}
}
@media screen and (max-width: 1600px) {
#menu{width:1098px;}
#menu a{width:120px;}
}
@media screen and (max-width: 1400px) {
#menu{width:1008px;}
#menu{font-size:10px;}
#menu a{width:110px;}
.email{font-size:80%;}
.phone{font-size:80%;}
}
@media screen and (max-width: 1200px) {
nav{border-bottom:2px solid #333;border-top:2px solid #333;background-color:#111;}
nav ul{display:none;height:auto;}
nav li{width:100%;float:none;margin-top:2px;}
nav a#pull{display:block;background-color:#111;width:100%;position:relative;color:#fff;text-align:right;text-decoration:none;height:40px;}
nav a#pull:after{content:"";background: url('images/navicon2.png') no-repeat;width:30px;height:30px;display:inline-block;position:relative;top:10px;right:70px;}
#menu{width:98%;}
#menu a{width:100%;}
#menu a:hover{font-size:11px;}
#menu li:hover ul{position:absolute;top:15px;left:60%;border:solid 2px #000;width:150px;}
.email{font-size:85%;position:relative;top:2px;left:0px;}
.phone{font-size:85%;position:relative;top:4px;left:0px;}
.contact.email{border-bottom:none;}
.touch{display:none;}
/* for responsive iframe for forms */
.frame-area {
  display: block;
  width: 100%;  /* RESPONSIVE WIDTH */
  max-width: 800px;
  height: 700px;
  overflow: auto;  /* EDIT TO hidden FOR NO SCROLLBAR */
  border: #999999 1px solid;
  margin: 0px;
  padding: 0px;
  }
@media screen and (max-width: 450px) {
#testimonials{width:20%;margin:1px;font:italic 500 12px "times new roman", times, serif;}
#main-content{width:75%;margin:1px;}
p.address{font:normal 500 14px "times new roman", times, serif;}
#main-gallery img{padding:5px;}
}