* {
    margin:0;
    padding:0;
}
a img {
    border:0;
}
html {
    overflow-y:scroll;
    font-family:sans-serif;
    font-size:62.5%; /* 1em = 10px */
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #a5cd37 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#a5cd37));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#a5cd37 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#a5cd37 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#a5cd37 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#a5cd37 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a5cd37',GradientType=0 );
}

#rail {
    background:#A5CD37;
    height:.5em;
    width:100%;
}
#container {
    width:94em;
    margin:auto;
    overflow:hidden;

}
#logo {
    float:left;
}
#nav {
    float:right;

}
#header {
    overflow:hidden;
    margin-top:3.5em;
    margin-bottom:4em;
}
#nav {
    -webkit-border-radius:.5em;
    -moz-border-radius:.5em;
    border-radius:.5em;
    overflow:hidden;
    width:66em; 
    margin-top: 1.875em;
}
#nav li {
    float:left;
    list-style:none;
    display:inline;
}
#nav a {
    display:block;
    background:#000;
    color:#FFF;
    text-decoration:none;
    font-size:1.3em;
    font-weight:bold;
    padding:1.154em 2.308em;
}

#nav a:hover {
    background: #A5CD37; 
    color: #000;
}

#nav .first a {
    padding-left:3em;
}
#nav .last a {
    padding-right:3em;
    border-top-right-radius: .5em;
    border-bottom-right-radius: .5em;

}

.tel a {
    color: #FFF;
    text-decoration: none;    
}

.tel a:hover {
    color: #A5CD37;
    text-decoration: underline; 
}

.telcon a {
    color: #708C24;
    text-decoration: none;    
}

.telcon a:hover {
    color: #A5CD37;
    text-decoration: underline; 
}

.taps a{
    color: #000;
    font-weight: bolder;
    text-decoration: underline;
}

.taps a:hover{
    color:#204000;
    text-decoration: none;
}

.hidden {
    display:none;
}
#slider {
    margin-bottom:4em;
}
.item {
    width:30em;
    float:left;
    margin-right:2em;
}

#footer {
    overflow-y:visable;
    float:left;
    min-width:100%;
    background: #000;
    color: #FFF;
    padding: 1em;
}


.fitem {
    width:34em;
    float:left;
    margin-left:4em;
    margin-bottom: 2em;
}

#main_content {
    margin-top: 38em;
    margin-bottom:8em;
    overflow:hidden;
}
#main_content .last {
    margin-right:0;
}
#main_content p {
    font-size:1.3em;
    line-height:1.692em;
}
#main_content h1 {
    text-align:center;
    margin-bottom:.833em;
}

#event_main_content{
    margin-top: 8em;
    margin-bottom:8em;
    overflow:hidden;
}
#event_main_content .last {
    margin-right:0;
}
#event_main_content p {
    font-size:1.3em;
    line-height:1.692em;
}
#event_main_content h1 {
    text-align:center;
    margin-bottom:.833em;
}

#event_main_content h2 {
    text-align:center;
    font-size: 46px; 
    color: #80b214;
    margin-bottom: 10px;
    text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);

    -webkit-text-fill-color: #80b214;
    -webkit-text-stroke-color: #777874;
    -webkit-text-stroke-width: 1.5px;
    text-fill-color: #a3ce45;
    text-stroke-color: #777874;
    text-stroke-width: 1.5px;
}

#event_main_content ul {
    text-align:center; 
    font-size: 24px; 
    font-weight: bold;
    margin-bottom: 25px;
}


#about {
    margin-bottom:4em;
    font-size:1.500em;
    line-height:1.692em;
}

#about_pics {
    margin-bottom:4em;
    line-height:1.692em;
    margin:6em;
}

.about img{
    padding: 4em;
}

#drink_cat {
    background: #000;
    text-align:center;
    color: #FFF;
    font-size: 12px;
    font-weight: bolder;
    text-transform: uppercase;
}

#drink_border {
    border-color: #000;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 10px;
    padding-top: 10px;
}

#drink_title {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 2px;
}

#drink_info {
    color: #000;
    font-size:13px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}


h1.about {
    float: left;
    font-size: 1.875em;
}

img, embed, object, video {
    max-width:100%;
}

.adr  {
    font-size: 15px;
    color: #CCC;
    line-height: 1.375em;
}
.adr2  {
    font-size: 12px;
    color: #000;
    line-height: 1.375em;
}


.map a {
    color: #A5CD37;
    text-decoration: none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.map a:hover {
    color: #5A711D;
    text-decoration: underline;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.swrapper { width:950px; margin:0 auto; padding-top: 10px; padding-bottom: 25px;}

/
/* The Slider Container */
#slideContainer { margin: 0 auto; width: 940px; height: 360px;  z-index: 999;}


/* Responsive */
/* note: media queries based off 16px */
@media (max-width:61.25em) { /* 980px */
    
    #container {
        width:64em;
    }
    .item {
        width:20em;
    }
    #header {
        margin:1.5em auto 2em;
    }
    #slider {
        margin-bottom:2em;
    }

.swrapper { width:950px; margin:0 auto; padding-top: 10px;}


    #about{
        margin-bottom:2em;
    font-size:1.3em;
    line-height:1.692em;
}

    #main_content {
        margin-bottom:2em;
    }
    #main_content h1 {
        margin-bottom:.417em;
    }
    
}

    #event_main_content {
        margin-bottom:2em;
    }
    #event_main_content h1 {
        margin-bottom:.417em;
    }
    

@media (max-width:40em) {
    
    #container {
        width:100%;
    }
    #header {
        margin-top:.5em;
        text-align:center;
    }
    #logo {
        margin-bottom:.5em;
        display:block;
        float:none;
    }
    #nav {
        float:left;
        clear:left;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
        width:100%;
    }
    #nav li {
        float:none;
    }
    #nav a {
        width:100%;
        padding:1.154em 0;
        border-bottom:.077em #555 solid;
    }
    #nav li:last-child a {
        border-bottom:none;
    }
    #nav .first a {
        padding-left:0;
    }
    #nav .last a {
        padding-right:0;
    }
    #main_content {
        margin-bottom:0;
    }
    #main_content .item {
        float:none;
        width:100%;
        padding:0 1em;
        text-align:center;
        margin:0 0 2em;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        box-sizing:border-box;
    }

.eventcal {
    padding: 10px 0 10px 0;
}  

div#slideshow {
  width: 940px; height: 340px; padding: 15px 0 0 12px;
  background: url(images/border.png);
  overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ 
  position: relative; z-index: 5;
}
  div#slideshow ul#nav {
    display: none;
    list-style: none;
    position: relative; top: 210px; z-index: 15;
  }
    div#slideshow ul#nav li#prev {
      float: left; margin: 0 0 0 40px;
    }
    div#slideshow ul#nav li#next {
      float: right; margin: 0 50px 0 0;
    }
    div#slideshow ul#nav li a {
      display: block; width: 80px; height: 80px; text-indent: -9999px;
    }
      div#slideshow ul#nav li#prev a {
        background: url(images/prev.png);
      }
      div#slideshow ul#nav li#next a {
        background: url(images/next.png);
      }

  div#slideshow ul#slides {
    list-style: none;
  }
    div#slideshow ul#slides li {
      margin: 0 0 20px 0;
    }

/* Styling for forms, no need for resp */

#contact-form {  
    background-color:#000;
    color: #FFF;  
    width:30em;  
}  


#contact-form input,  
#contact-form select,  
#contact-form textarea,  
#contact-form label {  
    font-size:15px;  
    margin-bottom:2px;  
}  
#contact-form input,  
#contact-form select,  
#contact-form textarea {  
    width:18em;  
    border: 1px solid #A5CD37;  
    margin-bottom:10px;  
    padding:4px;  
}  
#contact-form input:focus,  
#contact-form select:focus,  
#contact-form textarea:focus {  
    border: 1px solid #A5CD37;  
    background-color: #EBF2F4;  
}  
#contact-form textarea {  
    height:40px;  
    resize: none;  
}  
#contact-form label {  
    display:block;  
}  
#contact-form .required {  
    font-weight:bold;  
    color:#F00;  
}  
#contact-form #submit-button {  
    width: 100px;  
    background-color:#A5CD37;  
    color:#000;  
    border:none;  
    display:block;  
    float:rightright;  
    margin-bottom:0px;  
    margin-right:6px;  
    background-color:#A5CD37;  
    -moz-border-radius:8px;  
}  
#contact-form #submit-button2 {  
    width: 120px;  
    background-color:#A5CD37;  
    color:#000;  
    border:none;  
    display:block;  
    float:rightright;  
    margin-bottom:0px;  
    margin-right:6px;  
    background-color:#A5CD37;  
    -moz-border-radius:8px;  
}  

#contact-form #submit-button:hover  {  
    background-color: #688222;  
    cursor: pointer;
}  
#contact-form #submit-button2:hover {
        background-color: #688222;  
        cursor: pointer;
}
#contact-form #submit-button2:active{
   position:relative;  
    top:1px; 
}


#contact-form #submit-button:active {  
    position:relative;  
    top:1px;  
}  
#contact-form #loading {  
    width:32px;  
    height:32px;  
    background-image:url(images/loading.gif);  
    display:block;  
    position:absolute;  
    rightright:130px;  
    bottombottom:16px;  
    display:none;  
}  
#errors {  
    border:solid 1px #E58E8E;  
    padding:10px;  
    margin:25px 0px;  
    display:block;  
    width:437px;  
    -webkit-border-radius:8px;  
    -moz-border-radius:8px;  
    border-radius:8px;  
    background:#FFE6E6 url(images/cancel_48.png) no-repeat 405px center;  
    display:none;  
}  
#errors li {  
    padding:2px;  
    list-style:none;  
}  
#errors li:before {  
    content: ' - ';  
}  
#errors #info {  
    font-weight:bold;  
}  
#errors #info:before {  
    content: '';  
}  
#success {  
    border:solid 1px #83D186;  
    padding:25px 10px;  
    margin:25px 0px;  
    display:block;  
    width:437px;  
    -webkit-border-radius:8px;  
    -moz-border-radius:8px;  
    border-radius:8px;  
    background:#D3EDD3 url(images/accepted_48.png) no-repeat 405px center;  
    font-weight:bold;  
    display:none;  
}  
#errors.visible, #success.visible {  
    display:block;  
}  
#req-field-desc {  
    font-style:italic;  
}  
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */  
input:required, textarea:required {  
    -moz-box-shadow:none;  
    -webkit-box-shadow:none;  
    -o-box-shadow:none;  
    box-shadow:none;  
}  
/* Normalize placeholder styles */  
/* chrome, safari */  
::-webkit-input-placeholder {  
    color:#CCC;  
    font-style:italic;  
}  
/* mozilla */  
input:-moz-placeholder, textarea:-moz-placeholder {  
    color:#CCC;  
    font-style:italic;  
}  
/* ie (faux placeholder) */  
input.placeholder-text, textarea.placeholder-text  {  
    color:#CCC;  
    font-style:italic;  
}