/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font: inherit;
  vertical-align:baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/* font normalization inspired by  from the YUI Library's fonts.css: developer.yahoo.com/yui/ */
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
/* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/* SET SOME DEFAULTS */
html, body{background:#f5f5f5;}
body{margin-bottom:20px}
#container{margin:0 auto; width:972px;}

#banner{margin-left: 1px;border-bottom: 5px solid #323232;height:141px;}
#home #banner{ background:url(/assets/images/header/home.jpg) 0 0 no-repeat;}
#contact #banner{ background:url(/assets/images/header/brewery.jpg) 0 0 no-repeat;}
#gallery #banner{ background:url(/assets/images/header/brewery.jpg) 0 0 no-repeat;}
#locator #banner, #distributors #banner{ background:url(/assets/images/header/locator.jpg) 0 0 no-repeat;}
#beers #banner{ background:url(/assets/images/header/beers.jpg) 0 0 no-repeat;}
#brewery #banner, #brewery-history #banner, #brewery-name #banner, #brewery-tour #banner, #brewery-press #banner, #brewery-team #banner, #brewery-charity #banner { background:url(/assets/images/header/brewery.jpg) 0 0 no-repeat;}
#events #banner, #events-calendar #banner,  #events-private #banner{ background:url(/assets/images/header/events.jpg) 0 0 no-repeat;}
#growler #banner, #friends #banner, #jobs #banner, #cpbn #banner{ background:url(/assets/images/header/brewery.jpg) 0 0 no-repeat;}

/* navigation header */
#header{float:left; width:972px; font-size:1em; line-height:1em; background:#212121;padding-top:1px; margin:2px 0 10px 0;}
#header ul{ margin:0 0 0 0px; padding:0; list-style:none; float:left; overflow:hidden;}
#header li{float:left; margin:0; padding:0;}
#header a{float:left; display:block; color:#eee; font-weight:bold; padding:10px 12px; text-decoration:none; font-size:12px; border-left:1px solid #3a3a3a;}
#header a:hover{color:#fff; text-decoration:underline;background:#434343; }
#header nav #t8 a{border-right: 1px solid #3a3a3a;}

#home nav #t1 a, 
#store nav #t2 a, 
#brewery nav #t3 a, 
#brewery-tour nav #t3 a, 
#brewery-history nav #t3 a, 
#brewery-press nav #t3 a, 
#brewery-name nav #t3 a, 
#brewery-team nav #t3 a, 
#brewery-charity nav #t3 a, 
#beers nav #t4 a, 
#events nav #t5 a, 
#events-calendar nav #t5 a, 
#events-private nav #t5 a, 
#gallery nav #t6 a, 
#locator nav #t7 a, 
#contact nav #t8 a{background:#323232; text-decoration:underline; color:#fff}

#subnav{float:left; width:160px; text-align:left; padding:10px; margin:10px 0px 0px 10px;}

#brewery-history #subnav #sp1 a, 
#brewery-name #subnav #sp2 a, 
#brewery-team #subnav #sp3 a, 
#brewery-tour #subnav #sp4 a, 
#brewery-press #subnav #sp5 a, 
#brewery-charity #subnav #sp6 a,
#events-calendar #subnav #sp1 a, 
#events-private #subnav #sp2 a{background:url(../assets/images/icons/rightarrow.png) 100% 50% no-repeat}

#subnav h4{color:#666; font-size:1.5em; padding:5px; margin-bottom:5px; text-align:left}
#subnav h4 a{text-decoration:none; color:#666}
#subnav h4 a:hover{text-decoration:underline}
#subnav ul li{border-bottom:1px solid #E5E5E5;list-style-type:none;}
#subnav ul li a{display:block; padding:5px; font-size:1.1em; text-decoration:none}
#subnav ul li a:hover{text-decoration:underline}
/* end navigation css */

#page-content{min-height:400px; height:auto !important; height:400px; text-align:left; padding:0px 0px 25px 0px; border-left:1px solid #CCC; border-right:1px solid #CCC; background:#FFF;}
#page-content .subpage{margin:0px 15px 15px 200px; padding:20px 5px 0px 15px}
#page-content .subpage h3{font-size:1.8em; margin-bottom:15px; padding-top:5px;}
#page-content .subpage h5{padding:15px 0px 5px 0px}
#page-content .subpage p{padding:5px 0px 5px 0px}
#page-content .subpage p span{font-weight:bold}

.page-title{text-align:center; clear:left;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.46, #DB4900),color-stop(0.18, #CD4400));
background-image: -moz-linear-gradient(center bottom,#CD4400 46%,#DB4900 64%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DB4900', endColorstr='#CD4400',GradientType=0 ); /* ie */
background: #d54700;
}
.page-title h1{color:#F7F7F7; padding:2px; font-size:24px; text-shadow:#555 0px 1px 3px}
.section-title{width:100%; text-align:center; padding-top:2px; padding-bottom:5px}

h1{color:#333; text-align:center; font-size:28px; font-weight:bold; font-family:"Lucida Grande", arial}
h2{color:#333; text-align:left; font-size:20px; font-weight:bold; font-family:"Lucida Grande", arial}
h5{color:#333; font-size:14px; font-weight:bold; font-family:"Lucida Grande", arial}
a, a:active, a:visited{color:#CD3508}

.clear{clear:both}
.block{display:block}
.img-float-right{float: right; padding: 10px;}
.hidden{display:none}
.unhidden{display:inline}
.bold{font-weight:bold}
.strike-through{text-decoration:line-through}
.align-right{text-align:right}
.align-center{text-align:center}
.underline{text-decoration:underline}
.largeText{font-size:18px}

.simpletable{margin-top:5px}
.simpletable thead th{background:#f9f9f9; border-bottom:1px solid #eee; font-size:16px; padding:5px}
.simpletable td{padding:3px; border-bottom:1px solid #eee}

.media {margin:10px;}
.media, .bd {overflow:hidden; _overflow:visible; zoom:1;}
.media .img {float:left; margin-right: 10px;}
.media .img img{display:block;}
.media .detail{display: block; color: #666;}


/*--------FOOTER -----------*/
#footer{padding:0; margin-top:0px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; color:#CCC; position:relative; color:#ffffff;}
#footer .icn{width: 32px; height: 32px; display: block; overflow-x:hidden;background:url(../assets/images/icons/footer-sprite.png) no-repeat;}

#footer #foot-links{padding:7px; text-align:center; border-top:2px solid #1B1B1B; border-bottom:2px solid #1B1B1B; background:#212121; color:#666;}
#footer #foot-links a{color:#eee; text-decoration:none; font-size:110%; font-size:1.2em}
#footer #foot-links a:hover{text-decoration:underline; color:#FFF}

#subfoot{padding:7px 10px; border-top:1px solid #444343; background:#3c3c3c; font-size:13px; color:#ffffff;text-align:left;}
#subfoot a{font-size:13px; color:#fff; }

#footer #foot-contact ul li{float: left;padding:0px 15px 0 0; line-height: 32px; margin-right:15px;border-right: 1px solid #343434; list-style-type: none; }
#footer #foot-contact ul li span{float: left; margin-right:5px;}
#footer #email-icn{ background-position: -64px 0;}
#footer #directions-icn{ background-position: -32px 0;}
#footer #phone-icn{ background-position: 0 0;}

#footer #foot-social{ padding-top:3px;}
#footer #foot-social ul li{float: left; margin-right:10px;list-style-type:none;}
#footer #foot-social ul li a{height: 32px; width: 32px;}
#footer #soc-fb{ background-position: -96px 0;}
#footer #soc-tw{ background-position: -128px 0;}
#footer #soc-fl{ background-position: -160px 0;}
#footer #soc-yt{ background-position: -192px 0;}
#footer #soc-ms{ background-position: -224px 0;}
#footer #soc-rs{ background-position: -256px 0;}
/*-----------END FOOTER---------*/ 

/***** HOME PAGE ******/
#home #page-content{padding:0}
#home .page-title{padding-bottom:0px; margin-bottom:0px;}
#home .page-title h1{font-size:20px}
#home .page-title span{color:#eee; display:block; font-size:14px; padding-bottom:2px; padding-top:0px; margin-top:0px}
#home #left-column{float: left; width: 647px; padding-left:30px;}
#home #right-column{float: right; width: 280px; background:#F3F3F3; padding:15px 0;border-left:1px solid #e6e6e6;}
#home #right-column h5{text-align:center; padding-top:5px; padding-bottom:5px; background:#e2e2e2;}
#home #right-column h5 a:hover{text-decoration:underline; color:#333}
#home #right-column h6{background:#f3f3f3; text-align:center}
#home #right-column h6 a, #home #rightColumn h6 a:visited{color:#666; text-decoration:none; padding:6px}
#home #right-column h6 a:hover{text-decoration:underline}
#home #right-column .app_content_75622425432 .fan_box .full_widget{border: none;}

#home .specialmessage{padding:10px; margin:15px 10px 0px 10px; font-size:18px; color:#DA4801; text-align:center; border:2px dashed #DA4801}
#home .specialmessage a, #home .specialmessage a:hover, #home .specialmessage a:visited{color:#fff}

#home .more-link{text-align:left; display:block; padding:5px 5px 0 0; clear:left;}
#home .more-link a{ text-decoration:none;}
#home .more-link a:hover{ text-decoration:underline;}

/* info boxes */
#home .info-box{width: 200px;float:left; margin:15px 10px 0 0;}
#home .info-box header{}
#home .info-box header img{margin:5px;padding:3px; background:#eee;}
#home .info-box header h5{text-align:center; padding:5px;}
/*#home .info-box .media{padding: 3px;}
#home .info-box .media:hover{
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
*/


/* homepage feature boxes */
#home .featuresboxes{margin:40px 0px 10px 0}
#home .featuresboxes div{float:left; margin-right:10px;}
#home .featuresboxes div.last{margin-right: 0px;}
#home .featuresboxes div a img{border:none}

/* facebook */
#home #fb-section{ padding:0; margin-top:20px;}
#home #news-section{margin-top:15px; padding-right:5px;}

/* events */
#home #events-ul{padding:10px; list-style:none; color:#333}
#home #events-ul li span{font-size:14px;}
#home #events-ul li a{font-size:1em;}
#home #events-ul li a:hover{text-decoration:underline}
#home #events-ul .date{width:3em; float:left; margin-top:5px}
#home #events-ul .date .t{background:#666; color:#FFF; font-family:tahoma; font-size:1em; font-variant:normal; font-weight:bold; height:1.2em; line-height:1.2em; text-align:center}
#home #events-ul .date .m{background:#FFF; border-left:1px solid #DAD5C9; border-right:1px solid #DAD5C9; border-bottom:2px solid #DAD5C9; color:#333; font-family:tahoma; font-size:1.1em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; height:1.4em; line-height:1.8em; text-align:center; padding-bottom:3px}
#home #events-ul .event-detail{float:left; margin-left:8px; width:200px; margin-top:5px}
#home #event-container .more-link{padding:10px 5px 5px 10px}

/* recent media */
#home #recent-photos h5, #home #recent-videos h5{padding:10px 0 5px 0;}
#home #recent-photos, #home #recent-videos{padding:15px 0px 10px 0; float:left}

/* recent photos */
#home #recent-photos li{float:left; margin:2px 4px 0px 0px; list-style-type:none;}

/* recent videos */
#home #recent-videos li{float:left; margin:2px 4px 0 0; list-style-type:none;}


/***** BEER LOCATOR ******/
#locator #beer-locator-section{margin-left:0px; text-align:center}
#locator #beer-locator-link a{color:#FFF; font-size:16px}
#locator .top-box{padding-top:20px; padding-left:25px; float:left; margin-bottom:10px}
#locator .top-box h3{font-weight:bold; font-size:14px; padding:5px; margin-bottom:5px}
#locator .search{width:300px}
#locator .search .field{padding:5px}
#locator .search .first{padding-top:0px}
#locator .search .field span{display:block; padding-bottom:4px}
#locator .search #search-button{margin-left:10px; width:100px}
#locator .available-states{}
#locator .available-states ul{}
#locator .available-states ul li{float:left; margin-bottom:5px}
#locator .available-states ul li.noinfo img{opacity:.5; /* For IE 5-7 */filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; zoom:1}
#locator .available-states ul li.noinfo span, .noinfomessage{color:#999}
#locator .noinfomessage{padding:5px 0px 5px 10px; clear:both}
#locator .available-states ul li span{display:block; text-align:center}
#locator #sidebar div{padding:4px}
#locator .address-input{color:#333}
#locator .available-states li{list-style-type: none;}

/***** BEERS *****/

#beers .wheretobuy{padding:15px; clear:both; float:left; display:block; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:30px 0px 20px 0px; background:#f9f9f9}
#beers .wheretobuy div{float:left; width:33%; text-align:center; border-right:1px solid #CCC}
#beers .wheretobuy div.last{border:none}
#beers .wheretobuy div h3 a{font-size:16px}
#beers .wheretobuy div p{padding:5px 20px 0px 20px}
#beers .top-beer{margin-top:25px; clear:both}
#beers #allbeers{padding-top:20px}
#beers #allbeers h5{display:block}
#beers .backtotop{text-align:right; color:#CCC; float:right}
#beers .beerlist{list-style:none; padding:0; clear:both; text-align:center; margin:auto}
#beers #allbeers .allyear{width:800px}
#beers #allbeers .seasonal{width:300px}
#beers #allbeers h2{ text-align:center; margin-bottom:10px;clear:both;}
#beers .beerlist li{float:left; display:block; width:95px; padding-left:2px; padding-right:2px; background-position:top; padding-bottom:5px; padding-top:5px; text-align:center; background-repeat:no-repeat; margin-left:auto; margin-right:auto; margin-bottom:15px}
#beers .beerlist li a img{display:block; border:none; text-decoration:none; margin:auto; padding-bottom:5px}

#beers .beerdetail h6{text-decoration:underline; margin-top:15px; font-size:1.2em}

#beers .beerdetail{padding-left:30px; display:block; padding-top:20px; padding-bottom:30px; border-width:thin; border-bottom-style:dashed; border-bottom-color:#CCC}
#beers .beerdetail .main{float:left; width:593px}
#beers .beerdetail .sidebar{float:right; width:300px}
#beers .beerdetail p{margin:.4em 0 .4em 0; line-height:1.5em}
#beers .beerdetail .brand{font-size:24px; font-weight:bold; margin:0px}
#beers .beerdetail .style{font-size:14px; color:#CD3508; font-weight:bold}
#beers .beerdetail .abv{font-weight:bold; font-size:14px; color:#333}
#beers .beerdetail .availability{color:#666; font-size:14px}
#beers .beerdetail .malts span{color:#330; font-weight:bold}
#beers .beerdetail .adjunct span{color:#600; font-weight:bold}
#beers .beerdetail .hops span{color:#53A901; font-weight:bold}
#beers .beerdetail .dry-hop span{color:#53A901; font-weight:bold}

#beers .beerdetail ul li{list-style: circle; margin-left: 15px;margin-top: 3px;}

#beers .beerdetail ul.specs li{color: #666;}
#beers .beerdetail ul.specs li span{color:#333; font-weight:bold}

#beers .beerdetail .malts, #beers .beerdetail .adjunct, #beers .beerdetail .hops, #beers .beerdetail .dry-hop{color:#666}

#beers .beerdetail .brewers-blurb{margin-top:10px; margin-bottom:15px; padding:8px; font-size:16px}
#beers .beerdetail .social{padding:10px 0px 2px 10px; background:#f9f9f9; width:270px; border:1px solid #eee}
#beers .beerdetail .social ul{padding:10px 0px 10px 15px}
#beers .beerdetail .social ul li{list-style:square; margin-bottom:4px}
#beers .beerdetail .facebook{height:20px}
#beers .beerdetail img{padding:0px 30px 15px 0px}
#beers .beerdetail .awards-ul li{font-weight:bold; padding-bottom:.2em; line-height:2; margin-left:0px;}
#beers .beerdetail .awards-ul li p{font-weight:normal; display:inline; font-style:italic; line-height:2x}
#beers .beerdetail .thirdplace{list-style-position:inside; list-style-image:url(../assets/images/beers/awards/third-place-ri.gif)}
#beers .beerdetail .firstplace{list-style-position:inside; list-style-image:url(../assets/images/beers/awards/first-place-ri.gif)}
#beers .beerdetail .silvermedal{list-style-position:inside; list-style-image:url(../assets/images/beers/awards/silver-medal-beerfest.gif)}

#beers .beerdetail .top{position:absolute; bottom:0px; right:10px;}

/***** CONTACT ******/
#contact #page-content{padding-bottom: 0;}
#contact #left-column{float: left; width: 607px;}
#contact #right-column{float: right; width: 350px; padding:15px 0;border-left:1px solid #e6e6e6;}
#contact h3{font-size:16px; font-weight:bold; padding:0px 0px 5px 0px; color:#222}
#contact #contactbox{margin:0px 10px 20px 10px;}
#contact #contactbox span{font-weight:bold}
#contact p{margin:.4em; line-height:1.5em}
#contact #contact-wrapper{width:400px; padding:20px 20px 20px 20px}
#contact #contact-wrapper .message-box{padding:5px; margin:0px 0px 10px 0px; border:1px dashed #ccc}
#contact #contact-wrapper .message-box span{font-weight:bold}
#contact #contact-wrapper .sent{color:green}
#contact #contact-wrapper .sent-error{color:red}
#contact #contact-wrapper div{clear:both; margin:1em 0}
#contact #contact-wrapper label{display:block; float:none; font-size:16px; width:auto}
#contact #contactform input{border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px; padding:5px; font-size:16px; color:#333}
#contact #contactform div{font-size:16px}
#contact #contactform textarea{font-family:Arial,Tahoma,Helvetica,sans-serif; font-size:100%; padding:0.6em 0.5em 0.7em; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px}
#contact #interactivemap{margin-left: 10px;}

/***** DISTRIBUTORS *******/
#distribution .available-states{margin-bottom:20px}
#distribution .available-states li{float: left; display: block; text-align:center; margin-right:15px;}
#distribution .available-states li a img, #distributors .available-states li a, #distributors .available-states li a:hover{border:none; display:block;}
#distribution{padding:20px}
#distribution #ct{margin-top:20px}
#distribution p{padding:5px 5px 20px 0px; font-size:1.2em}
#distribution .state{margin:5px 0px 30px 0px}
#distribution .title{font-weight:bold; font-size:16px; margin:0px 0px 5px 0px}
#distribution .state .distributor ul{margin-left:20px}
#distribution .state .distributor ul li{list-style:circle; margin-left:15px; margin:2px 0px 4px 0px}
#distribution .state .distributor ul li span{font-size:14px}

/***** JOBS *****/
#jobs #page-content{padding:10px}
#jobs h3{color:#CCC; font-size:18px}
#jobs h4{text-decoration:underline; font-weight:bold; font-size:110%}
#jobs .listing-block{margin-left:15px; margin-top:15px}
#jobs .listing-block h4{padding-bottom:5px}

/***** NEWS *****/
#news #page-content{padding-bottom:0}
#news p{line-height:1.5em}
#news .news-entry{margin-left:20px; margin-top:20px; margin-bottom:20px; padding-right:30px; display:block}
#news .news-entry-photo{float:left; margin-right:25px; margin-bottom:10px}
#news .news-entry-text{text-align:left; padding-bottom:10px}
#news .news-entry h1{padding-top:5px; padding-bottom:15px; text-align:left}
#news .news-entry h3{padding-top:8px; padding-bottom:5px; font-size:20px; font-family:"Lucida Grande"; border-bottom:1px dotted #999; color:#333; text-align:left}
#news .news-entry li{list-style-type:decimal; margin-bottom:5px}
#news .news-entry ol{margin-bottom:15px; margin-left:25px}
#news .note{margin-top:10px}
#news .note span{font-weight:bold}
#news .photo-border{border:1px solid #999}

/***** ABOUT THE BREWERY ******/
#brewery ul.photo-links{margin:10px 0px 15px 0px; float:left}
#brewery #brewerylinks a img{text-decoration:none; border:none}
#brewery ul.photo-links li{position:relative; float:left; display:block; margin-right:10px; margin-top:5px; padding:.5em; border:1px solid #ccc; border-top-color:#eee; border-right-color:#ddd; border-bottom-color:#bbb; line-height:1em; background:url(../assets/images/captioned-photo-div-bg.gif) bottom left repeat-x}
#brewery ul.photo-links a{color:#fff}
#brewery ul.photo-links li p{position:absolute; bottom:.5em; left:.5em; width:150px; text-align:center; margin:0; padding:0; font-size:1em; font-weight:bold; letter-spacing:.053em; color:#FFF; background:url(../assets/images/captioned-photo-bg2.png) bottom left repeat-y}
#brewery ul.photo-links li img{margin:0; padding:0; display:block}
#brewery ul.photo-links li p span{display:block; padding:.4em; font-weight:normal}
#brewery #philosophy{margin:15px 0px 0px 0px; clear:both}

/* press page */
#brewery-press .subpage ul{margin-top:5px}
#brewery-press .subpage ul li{list-style-type:square; margin-left:20px; padding:4px}
#brewery-press .subpage ul li.video{ background:url(../assets/images/icons/film.png) left center no-repeat;  list-style:none;  padding-left:25px;  margin-left:0px}
#brewery-press .subpage ul li.audio{ background:url(../assets/images/icons/audio.gif) left center no-repeat;  list-style:none;  padding-left:25px;  margin-left:0px}

/* tour page */
#brewery-tour .tour-section{margin:15px 0px 20px 0px}
#brewery-tour .visit-us ul{margin:10px 0px 0px 0px}
#brewery-tour .visit-us ul li{list-style-type:square; margin-left:30px; padding:3px}
#brewery-tour .gallery{}
#brewery-tour .gallery ul li{float:left; margin:5px; padding:0px; list-style-type:none}

/* name page */
#brewery-name .subpage .morehistory ul{margin-top:5px}
#brewery-name .subpage .morehistory ul li{list-style-type:square; margin-left:20px; padding:2px}

/* our history */

/* charity page */
#brewery-charity .subpage ul li{list-style-type:square; margin-left:20px; padding:4px}
#brewery-charity ul.gallery{clear:both}
#brewery-charity ul.gallery li{float:left; margin:5px; padding:0px; list-style-type:none}

/* team page */
#brewery-team #goggles input{margin:5px 5px 15px 0}
#brewery-team .subpage .intro{padding:0 0 15px 0}
#brewery-team .person{float:left; width:100%; padding:5px; margin:0px 0px 10px 0px}
#brewery-team .person img{float:left; margin-right:10px}
#brewery-team .odd{background:#f9f9f9}
#brewery-team .person .details{float:left; display:block}
#brewery-team .person .name{font-weight:bold; font-size:14px; display:block; padding:0px 4px 4px 4px}
#brewery-team .person .title, #brewery-team .person .favorite, #brewery-team .person .bio{display:block; padding:4px}
#brewery-team .bio li{list-style-type:none;}

/****** GALLERY *******/
#gallery #page-content{padding-bottom:0}


/****** LIVE VIDEO PAGE *******/
#live #page-content{padding-top:20px; padding-left:10px}
#live p{padding:30px; font-size:14px; background:#F4F4F4; margin:15px; color:#333}

/****** GROWLERS *******/
#growler #page-content{padding-top:20px; padding-left:10px}
#growler .feature-photo{float:left; margin-right:15px}
#growler .simpletable{margin-top: 10px;}
#growler h2{text-align: left;}
#growler #prices{margin-top:15px}
#growler #filltimes{font-size:18px; color:#999; padding:3px}
#growler #faq{margin-top:15px; margin:15px 10px 10px 200px}
#growler #faq ul{margin-left: 15px;}
#growler #faq ul li{padding:5px; margin:3px; font-weight:normal; font-size:14px}
#growler .asterix{font-size:14px; color:#999; padding:3px}
#growler #faq ul li span{display:block; margin:0px; font-weight:bold; font-size:16px}

/******* MEDIA PAGE ***********/
#media #media-left{width:600px; padding:30px; float:left}
#media #media-left p{font-size:1.1em}
#media #media-left h3{text-decoration:underline; font-weight:bold; padding-bottom:5px; font-size:1.2em}
#media #media-left h4{text-decoration:underline; font-weight:bold; padding-bottom:5px; font-size:1.2em; margin-top:25px; color:#333}
#media #media-left .sample-images{float:right; margin-right:15px; background:#ccc; padding:3px}
#media #media-login-section{float:left; margin:30px 0 0 30px}
#media #media-login-section .login{}
#media #media-login-section .register{margin:20px 0 0 0; text-align:center}
#media #media-login-section .register a{background:#E7E7E7; padding:10px; width:250px; border:1px dotted #666}

/** CPBN MUNICH BEER **/
#cpbn .page-title{background:url(../assets/images/glassy-pagetitle-blue.jpg) 0 repeat-x}
#cpbn #page-content{background:#f9f9f9}
#cpbn .info{padding:5px}
#cpbn .info .right{margin-left:90px}
#cpbn .info .promo{margin:10px 5px 5px 10px; display:block; width:155px}
#cpbn .info .promo img{margin-bottom:5px}
#cpbn .info .promo span{text-align:center; margin-top:5px}
#cpbn .intro{float:left; width:560px; padding:15px 10px 10px 15px}
#cpbn .intro .logo{float:left; padding-right:10px}
#cpbn .intro p{font-size:20px; padding:10px 5px 0px 5px}
#cpbn .product{float:left; width:340px; background:#fff; border:1px solid #ccc; margin:15px 10px 15px 5px}
#cpbn .press{float:left; width:340px; margin:15px 10px 15px 5px}
#cpbn .press h6{font-size:110%; font-weight:bold; margin:0px 0px 5px 0px}
#cpbn .press ul li{list-style:disc; margin-left:20px}
#cpbn .product div{float:left; text-align:center; padding:5px}
#cpbn .product div p{padding:5px}
#cpbn .product div.label{margin-right:10px; margin-left:5px}
#cpbn .product div.box p{width:155px}
#cpbn .field{float:left; margin:3px 8px 3px 0px}
#cpbn .first{margin-left:5px}
#cpbn .search{margin:5px 0px 0px 25px}
#cpbn .searchbar{padding:5px; background:#000; color:#fff}
#cpbn .locator{border-top:1px dashed #ccc; margin-top:5px}
#cpbn .locator h3{text-align:center; font-size:18px; font-weight:bold; color:#189ad7; margin:20px 0px 5px 0px}
#cpbn .locator p{text-align:center; color:#999; margin:5px 0px 20px 0px}
#cpbn .locatortitle{float:left; margin:3px 8px 3px 0px; padding:4px 5px 4px 5px; background:#189ad7}
#cpbn #sidebar div{padding:4px}


/**** FRIENDS *****/
#friends #page-content{padding:20px}
#friends .friendlist{margin:15px 0px 10px 0px}
#friends .friendlist .friend{float:left; width:150px; margin:10px 15px 10px 0px; text-align:center}
#friends .friendlist .friend a{padding:10px; font-size:16px}


/*** EVENTS PAGE ****/
#events .tastings-section{margin:5px 0px 15px 5px; width:350px; float:left; text-align:center}
#events p{margin:.4em; line-height:1.5em}
#events .tastings-section .details{margin-top:0px; padding-left:15px; clear:both; text-align:left}
#events .tastings-section img{ padding:10px 0px 0px 0px}
#events .details p{font-size:1.1em}
#events .details p span{font-weight:bold}
#events h2{text-align:center;}

/* calendar page */
#events-calendar h5{font-size:1.4em; padding:15px 0px 5px 0px}
#events-calendar #schedule{margin:0px 0px 0px 0px}
#events-calendar #schedule h2{margin-bottom:10px}
#events-calendar #event-table td{padding:7px 5px;}

/* private events page */
#events-private .gallery p{clear:both}
#events-private .gallery ul li{float:left; margin:5px; padding:0px; list-style-type:none}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at:http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version:1.3.4 (11/11/2010)
 * Requires:jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading{position:fixed; top:50%; left:50%; width:40px; height:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none}
#fancybox-loading div{position:absolute; top:0; left:0; width:40px; height:480px; background-image:url('/lib/fancybox/fancybox.png')}
#fancybox-overlay{position:absolute; top:0; left:0; width:100%; z-index:1100; display:none}
#fancybox-tmp{padding:0; margin:0; border:0; overflow:auto; display:none}
#fancybox-wrap{position:absolute; top:0; left:0; padding:20px; z-index:1101; outline:none; display:none}
#fancybox-outer{position:relative; width:100%; height:100%; background:#fff}
#fancybox-content{width:0; height:0; padding:0; outline:none; position:relative; overflow:hidden; z-index:1102; border:0px solid #fff}
#fancybox-hide-sel-frame{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:1101}
#fancybox-close{position:absolute; top:-15px; right:-15px; width:30px; height:30px; background:transparent url('/lib/fancybox/fancybox.png') -40px 0px; cursor:pointer; z-index:1103; display:none}
#fancybox-error{color:#444; font:normal 12px/20px Arial; padding:14px; margin:0}
#fancybox-img{width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top}
#fancybox-frame{width:100%; height:100%; border:none; display:block}
#fancybox-left, #fancybox-right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background:transparent url('/lib/fancybox/blank.gif'); z-index:1102; display:none}
#fancybox-left{left:0px}
#fancybox-right{right:0px}
#fancybox-left-ico, #fancybox-right-ico{position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block}
#fancybox-left-ico{background-image:url('/lib/fancybox/fancybox.png'); background-position:-40px -30px}
#fancybox-right-ico{background-image:url('/lib/fancybox/fancybox.png'); background-position:-40px -60px}
#fancybox-left:hover, #fancybox-right:hover{visibility:visible; /* IE6 */}
#fancybox-left:hover span{left:20px}
#fancybox-right:hover span{left:auto; right:20px}
.fancybox-bg{position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001}
#fancybox-bg-n{top:-20px; left:0; width:100%; background-image:url('/lib/fancybox/fancybox-x.png')}
#fancybox-bg-ne{top:-20px; right:-20px; background-image:url('/lib/fancybox/fancybox.png'); background-position:-40px -162px}
#fancybox-bg-e{top:0; right:-20px; height:100%; background-image:url('/lib/fancybox/fancybox-y.png'); background-position:-20px 0px}
#fancybox-bg-se{bottom:-20px; right:-20px; background-image:url('/lib/fancybox/fancybox.png'); background-position:-40px -182px}
#fancybox-bg-s{bottom:-20px; left:0; width:100%; background-image:url('/lib/fancybox/fancybox-x.png'); background-position:0px -20px}
#fancybox-bg-sw{bottom:-20px; left:-20px; background-image:url('/lib/fancybox/fancybox.png'); background-position:-40px -142px}
#fancybox-bg-w{top:0; left:-20px; height:100%; background-image:url('/lib/fancybox/fancybox-y.png')}
#fancybox-bg-nw{top:-20px; left:-20px; background-image:url('/lib/fancybox/fancybox.png'); background-position:-40px -122px}
#fancybox-title{font-family:Helvetica; font-size:12px; z-index:1102}
.fancybox-title-inside{padding-bottom:10px; text-align:center; color:#333; background:#fff; position:relative}
.fancybox-title-outside{padding-top:10px; color:#fff}
.fancybox-title-over{position:absolute; bottom:0; left:0; color:#FFF; text-align:left}
#fancybox-title-over{padding:10px; background-image:url('/lib/fancybox/fancy_title_over.png'); display:block}
.fancybox-title-float{position:absolute; left:0; bottom:-20px; height:32px}
#fancybox-title-float-wrap{border:none; border-collapse:collapse; width:auto}
#fancybox-title-float-wrap td{border:none; white-space:nowrap}
#fancybox-title-float-left{padding:0 0 0 15px; background:url('/lib/fancybox/fancybox.png') -40px -90px no-repeat}
#fancybox-title-float-main{color:#FFF; line-height:29px; font-weight:bold; padding:0 0 3px 0; background:url('/lib/fancybox/fancybox-x.png') 0px -40px}
#fancybox-title-float-right{padding:0 0 0 15px; background:url('/lib/fancybox/fancybox.png') -55px -90px no-repeat}

/* IE6 */
.fancybox-ie6 #fancybox-close{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_close.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-left-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_nav_left.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-right-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_nav_right.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-title-over{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_title_over.png',sizingMethod='scale'); zoom:1}
.fancybox-ie6 #fancybox-title-float-left{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_title_left.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-title-float-main{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_title_main.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-title-float-right{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_title_right.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight+"px")}
#fancybox-loading.fancybox-ie6{position:absolute; margin-top:0; top:expression( (-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2 )+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ))+'px')}
#fancybox-loading.fancybox-ie6 div{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_loading.png',sizingMethod='scale')}

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg{background:transparent !important}
.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_shadow_n.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_shadow_ne.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_shadow_e.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_shadow_se.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_shadow_s.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_shadow_sw.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_shadow_w.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/fancybox/fancy_shadow_nw.png',sizingMethod='scale')}

/* ketchup styles */
.ketchup-error{ position:absolute;  width:auto}
.ketchup-error ul{ padding:0;  margin:0;  font-size:12px;  text-align:left;  color:#fff;  background:#222;  padding:10px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  list-style:none;  line-height:16px}
.ketchup-error span{ display:block;  width:0;  height:0;  border-left:0 solid transparent;  border-right:15px solid transparent;  border-top:10px solid #222;  border-top:10px solid #222;  border-bottom:0;  margin-left:10px}