/* ------ NEWS BAR ------ */
ul.menu { border: medium none; list-style: outside none none; text-align: left; }
ul.menu li { margin: 0px 0px 0px 0; }

#page { 
	background-color: rgb(255, 255, 255); 
	min-width: 300px;
}

#pre-header { background-color: rgb(228, 228, 228); }

#block-system-user-menu { background: rgb(228, 228, 228); height: 28px;}
#block-system-user-menu .content { text-align: right; }
#block-system-user-menu .content ul { margin: 0px; padding: 0px; line-height: 0px; font-size: 11px; font-family: Georgia,serif; }
#block-system-user-menu .content ul li { display: inline-block; width: 50px; text-align: center; padding: 0px; margin: 0px; border-left: 2px solid white; line-height: 28px; }
#block-system-user-menu .content ul li.last { margin-right: 0px; border-right: 2px solid white;}
#block-system-user-menu .content ul li.first { padding-left: 0px; margin-left: 0px; width: 79%; border-left: medium none; }
#block-system-user-menu .content ul li a {padding-right: 4px; text-decoration: none; color: rgb(55, 56, 59); line-height: 28px; display: block; letter-spacing: 0.1em; text-transform: uppercase; padding-left: 4px; }
#block-system-user-menu .content ul li span { color: rgb(55, 56, 59); line-height: 28px; display: block; margin-left: 27%; letter-spacing: 0.1em; text-transform: uppercase; }


#header { position: relative; background-color: white; }
#header .grid-container {  }
#logo img { vertical-align: middle; }
input { -moz-appearance: none; }
input[type="submit"] { background: rgb(51, 51, 51) none repeat scroll 0% 0%; cursor: pointer; color: rgb(255, 255, 255); padding: 8px 15px; text-transform: uppercase; font-family: georgia; border: medium none; }
input[type="submit"]:hover { background: rgb(85, 85, 85) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
body { margin: 0px; padding: 0px; font-family: Georgia,Arial,Helvetica,sans-serif; color: rgb(55, 56, 59); font-size: 13px; min-width: 940px; }
a { text-decoration: none; color: rgb(55, 56, 59); }
img { max-width: 100%; height: auto; }
ul { list-style: outside none none; }



/* ------ END NEWS BAR ------ */

/* ------ TITLE NAV BAR & BUTTONS ------ */

ul.nice-menu, ul.nice-menu ul { z-index: 5; position: relative; }
ul.nice-menu li { position: relative; }
ul.nice-menu a { display: block; color: rgb(2, 122, 198); }
ul.nice-menu ul, #header-region ul.nice-menu ul { position: absolute; visibility: hidden; }
ul.nice-menu ul li { display: block; }
ul.nice-menu::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

ul.nice-menu li:hover ul, 
ul.nice-menu
ul.nice-menu ul { overflow: visible ! important; }

ul.nice-menu { 
font-family: Georgia,serif; 
letter-spacing: 0.1em; 
font-size: 13px; 
margin-left: 10px; }

ul.nice-menu, ul.nice-menu ul { list-style: outside none none; padding: 0px; margin: 0px; }

ul.nice-menu > li { border-top: 0px none; float: left; min-width: 110px; max-width: 165px; width: calc((100% - 279px) / 4); line-height: 110px; vertical-align: middle; text-align: center; }

ul.nice-menu a { text-decoration: none; color: rgb(55, 56, 59); line-height: 30px; border-bottom: 1px solid rgb(242,242,242); width: auto; }
ul.nice-menu > li > a { display: inline; padding-bottom: 7px ! important; }
ul.nice-menu > li.menu-218 > a { display: block; padding-bottom: 0px ! important; }
ul.nice-menu > li > a, ul.nice-menu > li > span { text-transform: uppercase; }
ul.nice-menu > li > a:hover, ul.nice-menu > li > a.active, ul.nice-menu > li.over > a { border-bottom: 1px solid rgb(55, 56, 59); padding-bottom: 0px; }
ul.nice-menu ul { left: 0px; border: 0px none; margin-right: 0px; width: 100%; top: 80px; }
ul.nice-menu ul li { background-color: rgb(255, 255, 255); width: auto; min-width: 160px; line-height: 21px; font-weight: normal; color: rgb(55, 56, 59); text-align: left; padding-right: 20px; padding-left: 20px; }
ul.nice-menu li.menu-218 { margin-top: 0px; position: relative; width: 221px ! important; max-width: 100%; min-width: 221px; display: block; margin-right: 29px; margin-left: 29px; }
ul.nice-menu li.menu-218 a { width: 213px; height: 76px; text-indent: -5000px; background: url("../images/name1.png"); background-repeat: no-repeat; background-position: top; text-align: center; margin: 0px auto; }
ul.nice-menu li.menu-218 a:hover, ul.nice-menu li.menu-218 a.active { border-bottom: 1px solid rgb(242, 242, 242);; padding-bottom: 0px; }

ul { 
  list-style-type: none;
  margin: 0 auto;
  color: #5e3d19;
  padding-left:0;
  text-align:right;
  width: auto; 
  max-width: 100%;
}
li { 
  display: inline-block; 
  line-height: 60px;
  margin-left: 10px;
  margin-right:10px;
}
a {
  text-decoration: none; 
  color: #5e3d19;
}
  
.pagetitle {
  font-size: 7em;
  width: 100%;
  font-weight: bold;
  color: black;
  text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
  height: 200px; 
  margin:0px; 
  vertical-align: middle;
  text-align: center;
  padding-top: 20px; 
  font-family: Garamond,Times New Roman,Times,serif;
  position: absolute;
  z-index: 5; 
}

.index-banner { /*--- index page banner ---*/ 
  background-color: rgb(242,242,242); 
  background-image: url("../images/cellar.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 80px;
}

.aboutus-banner { /*--- about page banner ---*/ 
  background-color: rgb(242,242,242); 
  background-image: url("../images/aboutus.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
}

.ingredients-banner { /*--- ingredients page banner ---*/
  background-color: rgb(242,242,242); 
  background-image: url("../images/hopfield.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
}

.findus-banner { /*--- shops page banner ---*/
  background-color: rgb(242,242,242); 
  background-image: url("../images/findus.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
}


.events-banner { /*--- events page banner ---*/
  background-color: rgb(242,242,242); 
  background-image: url("../images/events.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
}

.contactus-banner { /*--- contact page banner ---*/
  background-color: rgb(242,242,242); 
  background-image: url("../images/contactus.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
}

.thedogs-banner { /*--- the dogs page banner ---*/
  background-color: rgb(242,242,242); 
  background-image: url("../images/thedogs.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
}

.header-logo { /*--- Duncan's Head ---*/
  background-color: transparent;
  background-image: url("../images/logo.png");
  background-position: center top;
  background-repeat: no-repeat;
  position: absolute;
  top: 140px; 
  height: 256px;
  width: 256px;
}

#title {
  min-width: 300px;
  width: 100%;
  height: 80px;
  background: rgb(242,242,242); 
  margin: auto;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;  
}
/*
#title ul {
  display: inline;
}
#title ul li {
  display: inline;
  margin-left: 8%; 
  margin-right:auto;
}
#title ul li a {
  display: inline-block;
}
#title span {
  display: inline-block;
  width: 100%;
}
*/

.btnabout {  
  background: url("../images/bee.png");
  height: 175px;
  width: 20%;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-weight: bold;
  font-family: "Tahoma", sans-serif;
  border: solid 10px transparent;
  border-radius: 5px;
  padding: 5px;
}
.btnabout:hover {
  color: #000;
}

.btningredients {  
  background: url("../images/hops.png");
  height: 175px;
  width: 15%;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-weight: bold;
  font-family: "Tahoma", sans-serif;
  border: solid 10px transparent;
  border-radius: 5px;
  padding: 5px;
}
.btningredients:hover {
  color: #000;
}

.btnhome{  
  background: url("../images/name1.png");
  height: 175px;
  width: 15%;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-weight: bold;
  font-family: "Tahoma", sans-serif;
  border: solid 10px transparent;
  border-radius: 5px;
  padding: 5px;
}

.btnshops {  
  background: url("../images/compass.png");
  height: 175px;
  width: 15%;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-weight: bold;
  font-family: "Tahoma", sans-serif;
  border: solid 10px transparent;
  border-radius: 5px;
  padding: 5px;
}
.btnshops:hover {
  color: #000;
}

.btncontact {  
  background: url("../images/contact.png");
  height: 175px;
  width: 10%;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-weight: bold;
  font-family: "Tahoma", sans-serif;
  border: solid 10px transparent;
  border-radius: 5px;
  padding: 5px;
}
.btncontact:hover {
  color: #000;
}
/* ------ END TITLE NAV BAR & TITLE BUTTONS ------ */

/* ------ NAV BAR, BUTTONS, AND FIXED HEADER ------ */
nav {
  width:100%;
  height:40px;
  background: #492c0d;
  /* position: fixed; */
  z-index:10;
}
ul { 
  list-style-type: none;
  margin: 0 auto;
  color: #daaa75;
  padding-left:0;
  text-align:right;
  width: auto; 
  max-width: 100%;
}
li { 
  display: inline-block; 
  line-height: 60px;
  margin-left: 10px;
  margin-right:10px;
}
a {
  text-decoration: none; 
  color: #5e3d19;
}

.fixed-header {
  position: fixed;
  top:0; 
  left:0;
  width: 100%; 
}
/* ------ END NAV BAR, BUTTONS, AND FIXED HEADER ------ */

/* ------ PAGE CONTENT FORMATTING ------ */

.indexbackground{
  background-image: url("../images/indexbackground.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.aboutusbackground{
  background-image: url("../images/aboutusbackground.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.ingredientsbackground{
  background-image: url("../images/ingredientsbackground.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.findusbackground{
  background-image: url("../images/findusbackground.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}


.eventsbackground{
  background-image: url("../images/eventsbackground.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.contactusbackground{
  background-image: url("../images/contactusbackground.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.thedogsbackground{
  background-image: url("../images/thedogsbackground.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

#main1 {
  width: 40%; 
  margin: auto;
  background-color: transparent;
  height: 100%; 
  position: relative;
  z-index: 2; 
}

#block {
  width: 100%; 
  margin: 0;
  opacity: 0.85;
  background-color: #daaa75;
  height: 100%; 
  position: absolute; 
  z-index:3;
}

#main2 {
  width: 100%; 
  margin: 0 auto;
  background-color: transparent;
  height: 100%; 
  position: relative;
  z-index: 4; 
}

.page{ 
  width: 90%; 
  margin:0px; 
  vertical-align: middle;
  text-align: justify;
  font-size: 400%
  padding-top: 60px; 
  padding-bottom: 60px;
  padding-left: 20px;
  font-family: Garamond,Times New Roman,Times,serif;
  position: relative;
  z-index: 10; 
}

.indexpage{ 
  width: 90%; 
  margin:0px; 
  vertical-align: middle;
  text-align: center;
  font-size: 400%
  padding-top: 60px; 
  padding-bottom: 60px;
  padding-left: 20px;
  font-family: Garamond,Times New Roman,Times,serif;
  position: relative;
  z-index: 10; 
}

p1 {
  font-size: 150%;
}


/* ------ END PAGE CONTENT FORMATTING ------ */

/* ------ THE DOGS ------ */

#dogmain1 {
  width: 600px; 
  margin: auto;
  background-color: transparent;
  height: 100%; 
  position: relative;
  z-index: 2; 
}

.photoframe{
  background-color: #000;
  height: 320px;
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.duncansphoto1{ /*--- Duncan's Bio Photo ---*/
  background-color: transparent;
  background-image: url("../images/duncansphoto1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  margin-top: 10px;
  margin-left: 10px; 
  height: 300px;
  width: 400px;
}

.abbysphoto1{ /*--- Abby's Bio Photo ---*/
  background-color: transparent;
  background-image: url("../images/abbysphoto1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  margin-top: 10px;
  margin-left: 10px; 
  height: 300px;
  width: 400px;
}

.tobysphoto1{ /*--- Toby's Bio Photo ---*/
  background-color: transparent;
  background-image: url("../images/tobysphoto1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  margin-top: 10px;
  margin-left: 10px; 
  height: 300px;
  width: 400px;
}

/* ------ END THE DOGS ------ */

/* ------ FOOTER ------ */

#block-block-2 { background-color: rgb(242,242,242); padding: 10px 0px; margin-top: 0px; }
.page-node.front #block-block-2, 
.node-type-reserve #block-block-2, 
.page-node.page-node-18 #block-block-2, 
.page-team #block-block-2, 
.page-node.page-node-193 #block-block-2, 
.page-node.page-node-10 #block-block-2, 
.page-node-227 #block-block-2 { margin-top: 0px; }
#block-block-2 .content ul { margin: 0px; padding: 0px; text-align: center; }
#block-block-2 .content ul li { display: inline-block; line-height: 150px; margin-right: 30px; margin-left: 30px; }
#block-block-2 .content ul li a { line-height: 80px; height: 80px; display: block; }
#block-block-2 .content ul li a img { vertical-align: middle; }

<!--
#footer {
  margin: 0 auto; 
  height: 40px;
  width:1024px;
  position: relative;
  vertical-align: middle;
  text-align: center; 
  background-color: #f4dfc8;

} -->

@media screen and (max-width: 400px) {
}
@media screen {
	.grid-container::before, .clearfix::before, .grid-container::after, .clearfix::after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0px; line-height: 0; width: 0px; height: 0px; }
	.grid-container::after, .clearfix::after { clear: both; }
	.grid-container, .clearfix {  }
	.grid-container { margin-left: auto; margin-right: auto; max-width: 1024px; min-width: 1024px; padding-left: 10px; padding-right: 10px; }
	.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .grid-16, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 { box-sizing: border-box; padding-left: 10px; padding-right: 10px; }
	.grid-5 > *, .mobile-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .grid-15 > *, .grid-16 > *, .mobile-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .grid-66 > *, .mobile-grid-66 > * {  }
	.grid-parent { padding-left: 0px; padding-right: 0px; }
	.mobile-grid-100::before, .mobile-grid-100::after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0px; line-height: 0; width: 0px; height: 0px; }
	.mobile-grid-100::after { clear: both; }
}

#block-menu-menu-footer-menu-4 { border-right: medium none ! important; }
#footer-bottom .block-menu .content ul { margin: 0px auto; padding: 0px; display: table; }
#footer-bottom .block-menu .content ul li { list-style: outside none none; }
#footer-bottom .block-menu .content ul li.last { margin-top: 1px; }
#footer-bottom .block-menu .content ul li a { text-transform: uppercase; text-decoration: none; color: rgb(55, 56, 59); }

#footer { margin-bottom: 2em; }

ul.menu { border: medium none; list-style: outside none none; text-align: left; }
ul.menu li { margin: 0px 0px 0px 0.5em; }

li.expanded, li.collapsed, li.leaf { padding: 0.2em 0.5em 0px 0px; margin: 0px;}
li a.active { color: rgb(0, 0, 0); }

/*
nav ul { 
  list-style-type: none;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  height: 150px;
  background-color: #000;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0px;
  width: 360px;   
}
nav ul li {  
  line-height: 10px;
  margin-left: 10px;
  margin-right:10px;
  margin-top: 20px
}
nav ul li a {
  text-decoration: none; 
  color: #a9abae;
*/
/* ------ END FOOTER ------ */