body {
  background: #554B33;
  margin: 0;
  padding: 0;
  font-family:'Open Sans Condensed', Arial, sans-serif;
  font-size: 15px;
}

a {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

.hide {
  display: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img {
  padding: 0;
  margin: 0;
  border: none;
}

.clear {
  clear: both;
}

hr {
  color: white;
}

.nobullet {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

.texthide {
  text-indent: -999em;
  text-transform: capitalize;
}

.left {
  float: left;
}

.right {
  float: right;
}


/******MAIN*****************************************/

#main{
    background: url('./../images/bb_bkg.jpg') repeat-x top left;
    float: left;
    height: 725px;
    margin: 0 auto 20px auto;
    padding: 50px 0 0 0;
    position: relative;
    width: 100%;
}

#main.contact1{
    background: url('./../images/bb_bkg.jpg') repeat top left;
    height: 1060px;
}

#main.contact2{
    background: url('./../images/bb_bkg.jpg') repeat top left;
    height: 760px;
}


#main.home{
    margin: 0 auto;
}

#main #banner{
    background: url('./../images/banner_gallery.png') no-repeat center top;
    height: 94px;
    margin: 20px auto;
    width: 437px;
}

#main #banner.bakery{
    background: url('./../images/banner_bakery.png') no-repeat center top;
}

#main #banner.hours{
    background: url('./../images/banner_hours.png') no-repeat center top;
}

#main #banner.survey{
    background: url('./../images/banner_graphic_survey.png') no-repeat center top;
}

#main #banner.team{
    background: url('./../images/banner_team.png') no-repeat center top;
}

#main #banner.location{
    background: url('./../images/banner_location.png') no-repeat center top;
}

#main #banner.news{
    background: url('./../images/banner_news.png') no-repeat center top;
}

#main #banner.contact{
    background: url('./../images/banner_contact.png') no-repeat center top;
}

#main #banner.thanks{
    background: url('./../images/banner_catering.png') no-repeat center top;
}


#main #banner.catering{
	background: url('./../images/banner_catering.png') no-repeat center top;
}

#main #banner.menu{
    background: url('./../images/banner_menus.png') no-repeat center top;
}

#main #banner.giftcards{
    background: url('./../images/banner_giftcards.png') no-repeat center top;
}



#main #gallery{
    background: url('./../images/gallery_bkg.jpg') no-repeat center top;
    height: 455px;
    margin: 0 auto;
    padding: 21px 20px 0 20px;
    width: 732px;
}

#main #gallery img{
    z-index: 2;
}


#main #info{
    background: url('./../images/copy_bkg.png') no-repeat center top;
    height: 395px;
    margin: 0 auto;
    padding: 30px;
    text-align: center;
    width: 712px;    
}


#main #info.news{
    background: url('./../images/copy_bkg_med.png') no-repeat center top;
    height: 550px;
}


#main #info.contactpg{
    background: url('./../images/copy_bkg_lg.png') no-repeat center top;
    height: 850px;
}

#main #info.holidayhours{
    background: url('./../images/copy_bkg_med2.png') no-repeat center top;
    height: 750px;
}


#main #info p{
    color: #000;
    font-size: 18px;
    margin: 4px 0 0 0;
}

#main #info.news p{
    color: #000;
    font-size: 18px;
    margin: 4px 40px 0 40px;
}

#main #info p a{
    color: #A52a2a;
    font-weight: bold;
}

#main #info p a:hover{
    text-decoration: underline;
}



#main #info h2{
    font-size: 25px;
    font-weight: bold;
    margin: 30px 0 0 0;
    text-transform: uppercase;
}

#main #info form#contact_us{
    margin: 0 auto;
    height: 240px;
}


#main #info form#contact_us ul{
    float: left;
    margin: 0 0 0 100px;
    width: 400px;    
}


#main #info form#contact_us ul li{
    float: left;
    margin: 0 0 6px 0;
    width: 100%;    
}

#main #info form#contact_us ul li.captcha{
    margin: 0 0 6px 90px;
}


#main #info form#contact_us label{
    float: left;
    padding: 0 10px 0 0;
    text-align: right;
    width: 120px;    
}

#main #info form#contact_us input{
    float: left;
    width: 250px;
}

#main #info form#contact_us input.submit{
    background: #000;
    border: 0 none;
    color: #fff;
    float: right;
    margin: 0 80px 0 0;
    padding: 6px 18px;
    text-transform: uppercase;
    width: 140px;
}

#main #info form#contact_us input.submit:hover{
    background: #fff;
    color: #000;
}



#main #info ul.menu{
    float: left;
    margin: 6px 0 0 100px;
    width: 80%;
}

#main #info ul.menu li{
    float: left;
    width: 45%;
}

#main #info ul.menu li a{
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}

#main #info ul.menu li a:hover{
    text-decoration: underline;
}

#main #info ul.menu li span{
    font-size: 10px;
    font-weight: normal;
    text-decoration: underline;
    text-transform: none;
}

#main #info video{
    width: 700px;
}




#logo{
    height: 350px;
    margin: 0 auto 15px auto;
    width: 430px;
}

#logo a{
    border: 0 none;
    text-decoration: none;
}



/******NAV*******************************************/

#nav_wrapper {
  clear: both;
  margin: 10px auto 25px auto;
  width: 950px;
}

#nav_wrapper.inner{
    margin: 40px auto 25px auto;
    clear: both;
}


ul#top_nav {
  display: inline-block;
  margin: 0;
  padding: 0;
}

ul#top_nav li {
    background: #000000;
  float: left;
  height: 84px;
}

ul#top_nav li a{
  color: #fff;
  float: left;
  font-size: 15px;
  font-weight: bold;
  height: 36px;
  letter-spacing: 0.05em;
  line-height: 36px;
  margin: 0;
  padding: 24px 15px;
  text-align: center;
  text-transform: uppercase;
}

ul#top_nav li a.stacked{
    line-height: 20px;
}


ul#top_nav li:first-child {
   background: url('./../images/nav_bkg_front.png') no-repeat top center transparent;   
   width: 138px;
}

ul#top_nav li:last-child {
   background: url('./../images/nav_bkg_back.png') no-repeat top center transparent;   
   width: 127px;
}


ul#top_nav li:nth-child(2n+1) a:hover, ul#top_nav li.active:nth-child(2n+1) a {
    background: url('./../images/nav_rollingpins.png') no-repeat top center #b9aa8b;      
    color: #000;
}

ul#top_nav li:nth-child(2n) a:hover, ul#top_nav li.active:nth-child(2n) a{
    background: url('./../images/nav_wisks.png') no-repeat top center #b9aa8b;      
    color: #000;
}

ul#top_nav li:last-child a:hover, ul#top_nav li.active:last-child a{
    border-radius: 0 18px 18px 0;
}



/*
ul#top_nav li:nth-child(2n+1) a{
 background: url('./../images/nav_bkg1.png') no-repeat center center transparent;   
}

ul#top_nav li:nth-child(2n) a{
  background: url('./../images/nav_bkg2.png') no-repeat center center transparent;
}
*/


ul#top_nav li a.last {
  margin: 0;
}


li.mobile_hide{
        display: block;
    }

    li.mobile_show{
        display:none;
    }



/******IMAGES**************************************/

#images_home{
    background: url('./../images/images_bkg.jpg') repeat-x center top;
    float: left;
    height: 165px;
    width: 100%;
}

#images_home ul#images{
    float: left;
    overflow: hidden;
    padding: 12px 0;
    width: 100%;   
}

#images_home ul#images li{
   float: left;
   margin: 0 20px; 
}

#images_home ul#images li img{
    border: 1px solid red;
    }



/******CONTAINER**************************************/

#container {
    background: url('./../images/whitebox.png') no-repeat center top transparent;
    height: 400 px;
    padding: 4px;
    margin: 0 auto;
    width: 620px;
}

#container {
    background: url('./../images/whitebox.png') no-repeat center top transparent;
    padding: 4px;
    margin: 0 auto;
    width: 620px;
}


#container p{
    font-size: 15px;
    line-height: 31px;
    margin: 0;
    padding: 17px 17px 22px 28px;
    font-weight: bold;
    text-align: center;
    width: 566px;
}

/****CONTENT*********************************************/
#content{
    background: url('./../images/content_bkg.png') repeat-x top center transparent;
    color: #ffffff;
    float: left;
    margin: 0 auto;
    padding: 11px 0 12px 0;
    position: relative;
    width: 100%;
}

#content.inner{
    background: url('./../images/content_bkg_inner.png') repeat-x top center transparent;
}

#content #copy_wrapper{
    margin: 0 auto;
    text-align: center;
    width: 1100px;
}


/****COPY*********************************************/

#copy_wrapper ul{
    
}

#copy_wrapper ul li{
    font-size: 16px;
    text-transform: uppercase;
}

#copy_wrapper ul li.title{
    font-family: 'Electrolize', sans-serif;
    font-size: 23px;
    text-transform: uppercase;   
}

#copy_wrapper ul li.small{
    font-size: 14px;
}

#copy_wrapper ul li.spaced{
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

#copy_wrapper ul li.caps{
    text-transform: none;
}

ul#copy_L{
    float: left;
    width: 36%;
}

ul#copy_mid{
    background: url('./../images/bb_happy_hours_logo_white_7.20.png') no-repeat top center;
    float: left;
    height: 120px;
    margin: 3px 0 0 0;
    width: 26%;
}

ul#copy_R{
    float: left;
    width: 30%;
}



/****SLIDES*********************************************/


#slides {
      display: none;
      position: relative;
    }

    #slides .slidesjs-navigation {
        left: 8px;
      position: absolute;
      top: 94%;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url('./../images/btns-next-prev.png');
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
      z-index: 22;
    }

    #slides a.slidesjs-next {
      left: 24px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    #slides a.slidesjs-play {
      width:15px;
        left: 44px;      
      background-position: -25px 0;
    }

     a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    #slides a.slidesjs-stop {
      width:18px;
      left: 44px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    #slides .slidesjs-pagination {
    position: absolute;
        right: 20px;
        top: 95%;
      list-style: none;
      z-index: 23;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url('./../images/pagination.png');
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }






/****FOOTER*********************************************/


#footer{
    float: left;
    margin: 0 auto;
    padding: 0 0 40px 0;
    position: relative;
    width: 100%;
}


ul#footer_wrap {
  margin: 0 auto;
  padding: 10px 0 50px 0;
  width: 1000px;
}

ul#footer_wrap li {
  color: #ffffff;
  float: left;
  font-size: 19px;
  margin: 0 0 0 10px;
}

ul#footer_wrap li:first-of-type{
    margin: 0;
}

ul#footer_wrap li span{
    color: #ff0000;
    font-weight: bold;
    margin: 0 0 0 10px;
}

ul#footer_wrap li a{
    color: #ffffff;
    text-decoration: none;
}

ul#footer_wrap li a:hover{
    color: #fff;
    text-decoration: underline;
}