html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-weight: inherit;
	font-style: inherit;*/
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


body {
	background: url('../images/main-bg.jpg') top center;
  font: normal 76% arial, verdana;
  color: #1F1A17;
}
legend {
	display: none;
}
input, textarea {
	font: normal 1em arial, verdana;
	margin: 0;
	padding: 0;
}
a {
	color: #000;
	/* text-decoration: underline; */
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}

#wrapper {
	width: 908px;
	margin: 25px auto 0;
  position: relative;
}
#header {
	height: 225px;
  position: relative;
  background: #f00;
	padding: 35px 0 0;
  background: url('../images/header.png') no-repeat;
}
h1 a {
	width: 437px;
	height: 87px;
	background: url('../images/brodies-beers.png') no-repeat;
	position: absolute;
	text-indent: -888em;
	top: -9px;
	left: -39px;
}
#hflash {
  width: 836px;
  margin: 0 auto;
}
  #header .cornerL {
    background: url('../images/header-corner-L.png') no-repeat;
    width: 35px;
    height: 32px;
    position: absolute;
    left: 36px;
  }
  #header .cornerR {
    background: url('../images/header-corner-R.png') no-repeat;
    width: 31px;
    height: 30px;
    position: absolute;
    right: 36px;
  }



#menu {
	margin: 0 36px 0;
	height: 51px;
  width: 836px;
  position: absolute;
  bottom: 0;
}
	#menu li {
		float: left;
	}
  #menu li a {
		height: 51px;
    display: block;
    background-position: left -102px;
    margin: 0;
    padding: 0;
    text-indent: -888em;
  }
  #menu a.home { background-image: url('../images/menu/home.png'); width: 84px; }
  #menu a.our-beers { background-image: url('../images/menu/our-beers.png'); width: 148px; }
  #menu a.where-to-drink { background-image: url('../images/menu/where-to-drink.png'); width: 212px; }
  #menu a.our-story { background-image: url('../images/menu/our-story.png'); width: 146px; }
  #menu a.contacts { background-image: url('../images/menu/contacts.png'); width: 135px; }
  #menu a.events { background-image: url('../images/menu/events.png'); width: 111px; }

	#menu li a:hover {
		background-position: left -51px;
	}
  #menu li.active a {
		background-position: left 0 !important;
  }



#middle {
	background: url('../images/middle-bg.png') repeat-y;
	padding: 0 36px;
}
.twoCol #middle {
  background: url('../images/middle-bg-2col.png') repeat-y;
}
	h2.lnTitle {
		margin: 0 15px 0 2px;
		background: url('../images/h2-line.gif') repeat-x bottom;
		padding: 18px 0 4px 6px;
	}
  
  
#mid-left {
	float: left;
	width: 546px;
	padding-bottom: 20px;
}


h2 img {
	display: block;
}

.mid-shadow {
  background: url('../images/mid-left-top-bg.gif') repeat-x top;
}

.fabulous {
	background: url('../images/mid-left-top-bg.gif') repeat-x top;
}
	.fabulous .corner {
		height: 8px;
		background: url('../images/mid-left-top-bg-corner.gif') no-repeat top right;
	}
	.fabulous h2.lnTitle {
		padding-top: 10px !important;
	}
	
	.fabulous .fabimg {
		float: left;
		margin: 6px 0 0 18px;
	}
	.fabulous .text {
		width: 230px;
		float: left;
		margin: 14px 0 0 31px;
	}
	.fabulous .text p {
		padding: 0 0 5px;
	}

.more {
	color: #DA2C2A;
	background: url('../images/more.gif') no-repeat right 6px;
	padding: 0 9px 0 0;
	float: right;
}


.h-our-beers li {
  float: left;
  width: 255px;
  margin: 12px 0 0 10px;
  display: inline;
}
	.h-our-beers h3 {
		color: #DA2C2A;
		margin: 0 0 5px;
    font-weight: normal;
		font-size: 1.2em;
	}
  .h-our-beers h3 a {
    color: #DA2C2A;
  }
	.h-our-beers img {
		float: left;
		margin: 0 10px 0 0;
	}
	.h-our-beers .text {
		text-align: justify;
	}
	.moreM18 {
		margin-right: 18px;
	}
	
.events {
	padding: 0 10px 0 8px;
}



/* our beers */
.our-beer {
  float: left;
  width: 260px;
  margin: 10px 15px 15px 0;
  display: inline;
}
.ourb-left {
  margin-left: 10px;
}
	.our-beer h3 {
		color: #DA2C2A;
		margin: 0 0 5px;
		font-size: 1.2em;
    font-weight: normal;
	}
	.our-beer img {
		float: left;
		margin: 0 10px 0 0;
	}
	.our-beer .text p {
    padding: 0 0 3px;
		/*text-align: justify;*/
	}


/* where to drink */
.drink {
  margin: 10px 15px 0 11px;
}
  .drink li {
    padding: 0 0 15px;
    clear: left;
    overflow: hidden;
  }
	.drink h3 {
		color: #DA2C2A;
		margin: 0 0 5px;
		font-size: 1.3em;
    font-weight: normal;
	}
	.drink img {
		float: left;
		margin: 0 10px 0 0;
	}
	.drink .text {
		text-align: justify;
	}
  .drink .text p {
    padding: 0 0 5px;
  }


#mid-right {
	float: left;
	width: 272px;
	padding: 0 10px 20px 8px;
}
	#mid-right h2.title {
		margin: 10px 0 0;
	}
	#mid-right h2.lnTitle {
		margin: 12px 0 0;
		background: url('../images/h2-line-right.gif') repeat-x bottom;
		padding: 0 0 4px;
	}


h2.newsTitle {
	margin-top: 18px !important;
}

.newsOverflow {
  height: 351px;
  overflow: hidden;
  position: relative;
}
#newsCont {
  position: absolute;
  top: 0;
  margin-top: 12px;
}

.news {
	/*margin: 0 8px 0 8px;*/
  height: 351px;
  /*overflow:auto;*/
}
	.news li {
		padding: 0 3px 12px;
    background-color: #f3e2d1;
	}
	.news h3 {
		color: #6D4E3C;
		padding: 0 0 3px;
		font-size: 1.1em;
	}
	.news .text {
		line-height: 1.3em;
		text-align: justify;
	}
	
.news-more-next, .news-more-prev {
	display: block;
	margin: 5px auto 0;
	width: 15px;
	height: 14px;
	background: url('../images/news-more-next.gif') no-repeat top;
}
  .news-more-prev {
    background: url('../images/news-more-prev.gif') no-repeat top;
    /*display: none;*/
    visibility: hidden;
    position: absolute;
    left: 715px;
    top: 271px;
  }
  .news-more-next:hover, .news-more-prev:hover {
    background-position: bottom;
  }


.contacts {
	margin: 5px 0 0;
}


.our-story {
  margin: 10px 15px 0 11px;
}

/* events */
.events2 {
  margin: 0 15px 0 11px;
}
  .events2 li {
    margin-top: 5px;
    clear: left;
    overflow: hidden;
  }
	.events2 h3.title, .events h3.title {
		color: #DA2C2A;
		margin: 0 0 5px;
		font-size: 1.3em;
    font-weight: normal;
	}
  .events h3.title {
    margin-top: 4px;
  }





/* events, our-story, contacts */
.docOpen .text {
  color: #333;
  padding-bottom: 10px;
}
  .docOpen .text p {
    padding: 0 0 5px;
  }
  .docOpen ul {
    list-style-type: none;
    margin: 0 0 5px;
  }
  .docOpen ul li {
    background: url('../images/bullet.gif') no-repeat left 5px;
    padding-left: 12px;
    padding-bottom: 2px;
    margin-top: 0;
  }
  .docOpen ol {
    list-style-type: decimal;
    list-style-position: inside;
    margin: 0 0 5px;
  }
  .docOpen ol li {
    padding-bottom: 2px;
    margin-top: 0;
  }
  .docOpen h1 {
    font-size: 24px;
  }
  .docOpen h2 {
    font-size: 18px;
  }
  .docOpen h3 {
    font-size: 14px;
  }

	.docOpen table {
	  border-top: 1px solid #b2b2b2;
	  border-right: 1px solid #b2b2b2;
	  border-spacing: 0;
	  border-spacing: expression(cellSpacing=0);
    margin: 0 0 5px;
	}
	.docOpen th {
		background-color: #b2b2b2;
		border-bottom: 1px solid #b2b2b2;
		border-left: 1px solid #fff;
		padding: 5px 16px 5px 12px;
		text-align: left;
		vertical-align: top;
	}
	.docOpen th.firstTh {
		border-left: 0;
	}
	.docOpen td {
  	border-bottom: 1px solid #b2b2b2;
  	border-left: 1px solid #b2b2b2;
		padding: 5px 16px 5px 12px;
		vertical-align: top;
	}
  .docOpen table tr>th {
		border-left: 0;
	}
  .docOpen table tr>th+th {
  	border-left: 1px solid #fff;
	}

	
#googlemap {
	margin-left:10px;
}

/* gallery */
#gallery {
  margin: 20px 12px 0 10px;
  background-color: #e1e1e1;
  padding: 5px;
}
  #gallery .border {
    border: 1px solid #ccc;
    padding: 5px;
  }
  #gallery .gCont {
    width: 695px;
    height: 102px;
    overflow: hidden;
    float: left;
    margin: 0 32px;
    position: relative;
    white-space:nowrap;
  }
  #gallery ul {
    left: 0;
    position: absolute;
    width: 100%;
  }
  #gallery li {
    /*float: left;*/
    display: inline;
    margin: 0 2px 0 0;
    /*width: 133px;*/
  }
  #gallery li a img {
    border: 1px solid #fff;
  }
  #gallery li a:hover img {
    border-color: #ffc62c;
  }

  #gallery .prev, #gallery .next {
    display: block;
    width: 16px;
    height: 18px;
    float: left;
    margin-top: 42px;
    background: url('../images/gallery-nav.gif') no-repeat;
  }
  #gallery .prev {
    background-position: top left;
    visibility: hidden;
  }
  #gallery .next {
    background-position: top right;
  }
  #gallery .prev:hover {
    background-position: bottom left;
  }
  #gallery .next:hover {
    background-position: bottom right;
  }







#footer {
	height: 36px;
	width: 837px;
	padding: 47px 0 0 70px;
	background: url('../images/footer.png') no-repeat;
	font-size: 0.9em;
}
.twoCol #footer {
  background: url('../images/footer-2col.png') no-repeat;
}
#footer a, #footer span {
  color: #fff;
}
#footer span {
  margin: 0 30px 0 0;
}

.clear {
	clear: both;
}