/*  HTML5 ✰ Boilerplate  */

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; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: 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; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #F15422; color:#fff; text-shadow: none; }
::selection { background:#F15422; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #A79C85; }
a:hover { text-decoration: underline !important; }

body, html {
	height: 100%;
	width: 100%;
	overflow: auto;
}

#mobile-alert {
	display: none;
}


/* 960 CSS 24 COL
---------------------------------------------------------------------------------------*/

body{
    /*min-width:960px*/
}
.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}


/* General Type
---------------------------------------------------------------------------------------*/

@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'Knockout29';
    src: url('library/fonts/knockout-htf29-juniorliteweight-webfont.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'Knockout29';
    src: url(//:) format('no404'), url('library/fonts/knockout-htf29-juniorliteweight-webfont.woff') format('woff'), url('library/fonts/knockout-htf29-juniorliteweight-webfont.ttf') format('truetype'), url('library/fonts/knockout-htf29-juniorliteweight-webfont.svg#KnockoutHTF29JuniorLiteweigRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'Knockout30';
    src: url('library/fonts/Knockout-HTF30-JuniorWelterwt.otf');
}

@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'Knockout49';
    src: url('library/fonts/knockout-htf49-liteweight-webfont.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'Knockout49';
    src: url(//:) format('no404'), url('library/fonts/knockout-htf49-liteweight-webfont.woff') format('woff'), url('library/fonts/knockout-htf49-liteweight-webfont.ttf') format('truetype'), url('library/fonts/knockout-htf49-liteweight-webfont.svg#KnockoutHTF49LiteweightRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'Knockout69';
    src: url('library/fonts/knockout-69-fullliteweight-webfont.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'Knockout69';
    src: url(//:) format('no404'), url('library/fonts/knockout-htf69-fullliteweight-webfont.woff') format('woff'), url('library/fonts/knockout-htf69-fullliteweight-webfont.ttf') format('truetype'), url('library/fonts/knockout-htf69-fullliteweight-webfont.svg#KnockoutHTF69FullLiteweightRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'Knockout70';
    src: url('library/fonts/knockout-htf70-fullwelterwt-webfont.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'Knockout70';
    src: url(//:) format('no404'), url('library/fonts/knockout-htf70-fullwelterwt-webfont.woff') format('woff'), url('library/fonts/knockout-htf70-fullwelterwt-webfont.ttf') format('truetype'), url('library/fonts/knockout-htf70-fullwelterwt-webfont.svg#KnockoutHTF70FullWelterwtRg') format('svg');
    font-weight: normal;
    font-style: normal;
}



a.orange, .orange {
	color: #F15422;
}

.dark-brn {
	color: rgb(70,54,39);
}

.lt-brn {
	color: rgb(167,156,133);
}

.black {
	color: #000;
}

p {
	color: #463627;
	font-size: 11px;
	text-align: justify;
}

.bold-white {
	font-family: 'Knockout69', 'Knockout49', helvetica, arial, sans-serif;
	font-size: 3em;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
}

/* Horizontal Content areas
---------------------------------------------------------------------------------------*/

#container {
	margin-left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#background {
	background: url(library/images/back2.jpg) no-repeat 0 0;
	width: 5020px;
	height: 1000px;
	position: absolute;
	z-index: -1;
	bottom: 60px;
}


#main-wrap {
	width: 6500px;
	min-height: 1000px;
	overflow: hidden;
	background: url(library/images/DOC-transp.png) no-repeat 0 60px;
	position: absolute;
	bottom: 60px;
	padding-left: 5px;
	margin-left: 20px;
}

	.content-area {
		float: left;
		margin: 0 24px;
		min-height: 1060px;
		width: 960px;
		overflow: hidden;
		position: relative;
		background-color: rgba(255,0,0,.3);
	}
	
		.nav-link2 {
			position: absolute;
			display: block;
			background: /* rgba(255,0,0,.7) */ url(library/images/x.png);
			text-indent: -9999px;
		}
		
		#footer-nav .active {
			color: #949494;
		}
	
	/* Home */
	#home {
		background: url(library/images/home-foreground.png) no-repeat bottom center;
		margin-left: 0;
	}
	.fbfeed{
	background:#fff;
	height:400px;
	top:600px;
	width: 300px;
	position: relative;
}
	
		/* Home navigation */
		#home-news-link {
			bottom: 311px;
			left: 88px;
			width: 118px;
			height: 31px;		
		}
		
		#home-events-link {
			bottom: 80px;
			left: 80px;
			width: 148px;
			height: 300px;		
		}
		
		#home-beer-link {
			bottom: 87px;
			left: 259px;
			width: 55px;
			height: 104px;
		}
	#home-carton-link {
			bottom: 200px;
			left: 416px;
			width: 327px;
			height: 106px;
		}
		
		#home-about-link {
			bottom: 70px;
			left: 386px;
			width: 147px;
			height: 126px;
		}
		#home-carton-store {
			bottom:50px;
			left:565px;
			width: 60px;
			height:126px;
		}
		
		#home-find-link {
			bottom: 240px;
			right: 10px;
			width: 192px;
			height: 70px;
			transform:rotate(2deg);
			-webkit-transform:rotate(2deg);
			-moz-transform:rotate(2deg);
			-ms-transform:rotate(2deg);
			-o-transform:rotate(2deg);
		}
		
		#home-visit-link {
			bottom: 64px;
			right: 159px;
			width: 115px;
			height: 124px;
		}
		
		#home-contact-link {
			bottom: 68px;
			right: 8px;
			width: 275px;
			height: 126px;
		}

		/* Home news feed */
		#home-news {
			position: absolute;
			width: 120px;
			height: 169px;
			overflow: hidden;
			bottom: 141px;
			left: 88px;
		}
		
			#home-news ul {
				margin: 0;
			}
			
				#home-news ul li {
					list-style-type: none;
					margin: 5px 0;
					font-size: 9px;
					color: #000;
				}
					
					.news-list-title {
						font-weight: bold;
					}
				
					#home-news ul li a {
						color: #000;
						text-decoration: none;
					}
					
			.main-ajax-loader {
				width: 43px;
				height: 11px;
				position: absolute;
				top: 50%;
				left: 30%;
				background: url(library/images/ajax-loader.gif);
			}
				
	/* Beer */
	#beer {
		background: url(library/images/beer-foreground.png) no-repeat bottom center;
	}
	#beer-beer-link {
			bottom: 90px;
			right: 39px;
			width: 355px;
			height: 450px;
		}
	
		#tippy-link {
			bottom: 260px;
			left: 38px;
			height: 100px;
			width: 260px;
		}
		
		#beers {
			position: absolute;
			width: 91px;
			padding-right: 15px;
			height: 205px;
			overflow: auto;
			right: 115px;
			bottom: 328px;
		}
		
			#beer-list {
				margin: 0;
			
			}
			
				#beer-list li {
					list-style-type: none;
					color: #000;
					margin: 10px 0;
				}
				
					#beer-list li a {
						font-size: 14px;
						text-decoration: none;
						color: #000;
						font-weight: bold;
					}
					
		#surfer {
			background: url(library/images/surfer.png) no-repeat;
			width: 173px;
			height: 207px;
			position: absolute;
			top: 62%;
			left: 40%;		
		}
		
		#surfer a {
			display: block;
			position: absolute;
			left: 62px;
			width: 44px;
			height: 114px;
			text-indent: -9999px;
			top: 15px;
		}
		
				
	/* Find our beer */
	#find {
		background: url(library/images/find-our-beer-foreground.png) no-repeat bottom center;
	}
	
		#find-link {
			bottom: 54px;
			left: 256px;
			width: 142px;
			height: 317px;
			-webkit-transform:rotate(-11deg);
			-moz-transform:rotate(-11deg);
			-ms-transform:rotate(-11deg);
			-o-transform:rotate(-11deg);
			transform:rotate(-11deg);
		}
		#other-find-link {
			bottom:45px;
			left: 500px;
			width: 400px;
			height: 275px;
		}
	
	/* About */
	#about {
		background: url(library/images/about-foreground.png) no-repeat bottom center;
	}
	
		#about-link {
			bottom: 48px;
			left: 294px;
			width: 117px;
			height: 124px;
		}
		
	/* News */
	#news {
		background: url(library/images/news-foreground.png) no-repeat bottom center;
		overflow: visible;
	}
	
		.ie7 #news {
			z-index: -2;
		}
	
		#news-link {
			bottom: 350px;
			width: 152px;
			height: 40px;
			left: 247px;
		}
		
		#events-link {
			bottom: 309px;
			width: 110px;
			height: 30px;
			right: 297px;
		}
	
		#news-list-wrap {
			position: absolute;
			overflow: hidden;
			width: 153px;
			height: 229px;
			bottom: 127px;
			left: 247px;
		}
		
			#news-items, #event-items {
				margin: 0;
			}
			
				#news-items li {
					list-style-type: none;
					font-size: 12px;
					margin: 10px 0;
				}
				
					#news-items li a, #event-items li a {
						color: #000;
						text-decoration: none;
					}
					
					
			#event-items p {
				text-align: left;
			}
			
		#events-list-wrap {
			position: absolute;
			overflow: hidden;
			width: 113px;
			height: 212px;
			bottom: 100px;
			right: 296px;
		}
		
			#event-items li {
				font-size: 10px;
				margin: 10px 0;
				list-style-type: none;
			}
			
		#plane {
			background: url(library/images/PLANE.png) no-repeat;
			width: 377px;
			height: 111px;
			position: absolute;
			right: -87%;	
			top: 32%;	
		}
	
		#plane a {
			color: white;
			text-decoration: none;
			text-transform: uppercase;
			position: absolute;
			top: 63px;
			right: 43px;
			font-size: 9px;
			font-weight: bold;
			text-align: center;	
			display: block;		
		}
		
			#cloud-1 {
				background: url(library/images/cloud1.png) no-repeat;
				width: 745px;
				height: 403px;
				position: absolute;
				top: 14%;
				right: -7%;
				z-index: -1;
			}
			
				.ie7 #cloud-1 {
					top: 7%;
				}
			
			#cloud-2 {
				background: url(library/images/cloud2.png) no-repeat;
				width: 745px;
				height: 403px;
				position: absolute;
				top: 19%;
				right: 403%;
				z-index: -1;
			}
			
			#cloud-3 {
				background: url(library/images/cloud4.png) no-repeat;
				width: 271px;
				height: 133px;
				position: absolute;
				top: 45%;
				right: 341%;
				z-index: -1;
			}
			
	/* contact */
	#contact {
		background: url(library/images/contact-foreground.png) no-repeat bottom center;
		margin-right: 0;
	}
	
		#contact-link {
			right: 185px;
			bottom: 137px;
			height: 174px;
			width: 69px;
		}
		
		#contact-tw {
			position: absolute;
			display: block;
			right: 109px;
			bottom: 176px;
			width: 39px;
			height: 48px;
			text-indent: -9999px;
		}
		
		#contact-fb {
			position: absolute;
			right: 69px;
			bottom: 155px;
			width: 42px;
			height: 43px;
			display: block;
			text-indent: -99999px;
		}
		
/*	navigation anchors 
---------------------------------------------------------------------------------------*/
	
.nav-anchor {
	position: absolute; 
	display: block; 
	width: 960px; 
	height: 25px; 
}

#about-anchor {
	left: 47.8%;
} 

#beer-anchor {
	left: 16.4%;
}

#find-anchor {
	left: 32.5%;
}

#news-anchor {
	left: 64%;
}

#contact-anchor {
	left: 81%;
}
		
			
/* footer
---------------------------------------------------------------------------------------*/


		
footer {
	position: fixed;
	width: 100%;
	background: #FE5F00 /* url(library/images/footer-bg.png) no-repeat 585px center */;
	margin: 0 auto;
	bottom: 35px;
    z-index: 9999;
}
.site-body footer {
    bottom: 0;
}
#footer-info{
    color: #ffffff;
    font-family: 'Knockout29',helvetica,arial,sans-serif;
    font-size: 20px;
    margin: 5px auto 0;
    padding-right: 15px;
    text-transform: uppercase;
    width: 840px;
}

	.site-body #footer-info {
		font-family: 'Knockout69';
		color: #ffffff;
		text-transform: uppercase;
		font-size: 22px;
		margin: 0;
		padding: 0;
        text-align: center;
        width: 100%;
	}
        #footer-info img{
            margin: 0 0 0 10px;

        }
		
		#fb-icon {
		    margin-top: 5px;
			display: block;
			width: 17px;
			height: 17px;
			text-indent: -9999px;
			background: url(library/images/footer-icons.png) no-repeat;
			float: right;
			margin-right: 5px;
		}
		
		#tw-icon {
		    margin-top: 5px;
			display: block;
			width: 17px;
			height: 17px;
			text-indent: -9999px;
			background: url(library/images/footer-icons.png) no-repeat -22px 0;
			float: right;
		}
		
			.ie7 #tw-icon, .ie7 #fb-icon {
				margin-top: -17px;
			}
		
#footer-nav-wrap {
	position: fixed;
	bottom: 0px;
	width: 100%;
	margin: 0 auto;
	height: 35px;
	background: #fff;

}

	#footer-nav {
		width: 768px;
		margin: 5px auto 0 auto;
		overflow: hidden;
	}


	#footer-nav a {
		display: block;
		float: left;
		position: relative;
		margin-right: 12px;
		text-indent: 0;
		text-decoration: none;
		text-transform: lowercase;
		font-family: 'Knockout49';
		font-weight: bolder;
		font-size: 30px;
		color: #0f0f0f;
	}
	
	#footer-tap-link {
		float: right !important;
		text-transform: none !important;
	}

	
/*
		#footer-home-link {
			background: url(library/images/footer-nav.png) no-repeat;
			width: 22px;
			height: 25px;
		}
		
		#footer-beer-link {
			background: url(library/images/footer-nav.png) no-repeat -36px 0;;
			width: 22px;
			height: 25px;
		}
		
		#footer-find-link {
			background: url(library/images/footer-nav.png) no-repeat -72px 0;;
			width: 29px;
			height: 25px;
		}
		
		#footer-about-link {
			background: url(library/images/footer-nav.png) no-repeat -123px 0;;
			width: 21px;
			height: 25px;
		}
		
		#footer-news-link {
			background: url(library/images/footer-nav.png) no-repeat -163px 0;;
			width: 53px;
			height: 25px;
		}
		
		#footer-visit-link {
			background: url(library/images/footer-nav.png) no-repeat -230px 0;;
			width: 24px;
			height: 25px;
		}
*/
		
		#footer-contact-link {
/* 			background: url(library/images/footer-nav.png) no-repeat -266px 0;; */
			float: right !important;
		}
		
		#footer-sitemap-link {
/* 			background: url(library/images/footer-nav.png) no-repeat -308px 0;; */
			float: right !important;
			font-size: 20px !important;
			line-height:30px;
		}
		
		#footer-privacy-link {
/* 			background: url(library/images/footer-nav.png) no-repeat -351px 0;; */
			float: right !important;
			font-size: 20px !important;
			line-height:30px;
		}
		
/* loaded ajax styles */

#ajax-content, 
.ajax-content, 
.ajax-content-2, 
.ajax-content-3,
.ajax-beer-1,
.ajax-beer-2,
.ajax-beer-3,
.ajax-beer  {
	display: none;
	position: relative;
	/* z-index: 10; */
	margin: 30px 0;
}

.ie8 #ajax-content {
	opacity: 1 !important;
	position: relative;
	z-index: 10;
	margin: 30px 0;
}


#ajax-loader {
	display: block;
	background: url(library/images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 12;
}

.orange-close {
	width: 19px;
	height: 17px;
	background: url(library/images/orange-close.png) no-repeat;
	display: block;
	position: absolute;
	z-index: 15;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.white-close {
	width: 19px;
	height: 17px;
	background: url(library/images/white-close.png) no-repeat;
	display: block;
	position: absolute;
	z-index: 15;
	right: 10px;
	top: 10px;
	cursor: pointer;

}

#beer-close {
	top: -34px;
	right: -2px;
}



/* Beer pop
---------------------------------------------------------------------------------------*/

#beer-wrap  {
	width: 696px;
	height: 815px;
	margin-top: 160px;
	background: url(library/images/beer-bg.png) no-repeat;
	box-shadow: none;
	-webkit-box-shadow: none;
	color: #fff;
}

#beer-wrap.beer-077XX {
	width: 696px;
	height: 815px;
	margin-top: 160px;
	background: url(library/images/xx-beer-bg.png) no-repeat;
	box-shadow: none;
	color: #fff;
}

	#beer-content-wrap {
		width: 186px;
		height: 623px;
		float: right;
		margin: 135px 47px 0 0;
		position: relative;
	}
	
		#beer-header {
			font-size: 30px;
			font-family: 'Knockout49';
			letter-spacing: 2px;
			text-transform: uppercase;
			font-weight: lighter;
		}
		
		.beer-info {
			color: #fff;
			font-family: 'Knockout49';
			font-weight: lighter;
			font-size: 18px;
			letter-spacing: 2px;
			line-height: 16px;
		}
		
			.beer-specs {
				font-size: 14px;
			}
			
			.beer-style {
				font-size: 22px;
			}
			
			.beer-desc {
				color: #fff;
				font-family: 'Knockout49';
				font-weight: lighter;
				font-size: 18px;
				margin-top: 20px;
			}
			
			.beer-next-link {
				position: absolute;
				bottom: 0;
				right: 0;
				font-size: 14px;
			}
			
				#next-ajax {
					color: white;
					text-decoration: none;
					text-shadow: 0px 0px 1px #333;
					font-weight: bold;
				}
			
.moz-shrunken #tippy-wrap {
	left: 30%;
}

/* DFAULT POP
---------------------------------------------------------------------------------------*/

#default-page {
	background: url(library/images/default-pop.jpg) no-repeat;
	width: 696px;
	height: 987px;
	position: relative;
	overflow: hidden;
}

	#default-wrap {
		width: 645px;
		height: 765px;
		margin: 200px auto 0 auto;
		overflow: auto;
		padding-right: 15px;
		padding-left: 15px;
	}
		
		#default-wrap p {
			margin-bottom: 18px;
		}
		
		#default-wrap h1 {
			text-transform: uppercase;
			margin-bottom: 18px;
			font-family: 'Knockout49', helvetica;
			font-size: 1.7em;
		}
		
.content-wrap {
	overflow: hidden;
}

#default-page-2 {
	background: url(library/images/default-bg2.jpg) no-repeat;
	width: 404px;
	height: 987px;
	position: relative;
	overflow: hidden;
}
		
	#default-wrap-2 {
		width: 645px;
		height: 765px;
		margin: 235px auto 0 auto;
		overflow: auto;
		padding-right: 15px;
		padding-left: 15px;
	}
	
		.ie7 #default-wrap-2 {
			padding-top: 235px;
		}
	
		#default-wrap-2 p {
			margin-bottom: 18px;
		}
		
		#default-wrap-2 h1 {
			text-transform: uppercase;
			margin-bottom: 18px;
			font-family: 'Knockout49', helvetica;
			font-size: 1.7em;
		}


/* NEWS AND EVENTS POP
---------------------------------------------------------------------------------------*/

#news-events {
	background: url(library/images/news-bg.jpg) no-repeat;
	width: 696px;
	height: 987px;
	position: relative;
	overflow: hidden;
}

.info-pop {
	margin: 0 auto;
	box-shadow: 0px 0px 20px rgba(0,0,0,.8);
	-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.8);
	-moz-box-shadow:0px 0px 20px rgba(0,0,0,.8);
	behavior: url(ie-css3.htc);
}

	#news-wrap {
		width: 675px;
		height: 765px;
		margin: 200px auto 0 auto;
	}
	
		.ie7 #news-wrap {
			padding-top: 200px;
		}
	
		#fb-wrap {
			/* overflow: hidden; */
			width: 263px;
			float: left;
		}
	
			#fb-feed {
				border-right: 2px solid #D3CCC0;
				padding-right: 15px;
				overflow: hidden;
				height: 735px;
				width: 234px;
			}
		
				#fb-list {
					margin: 0;
				}
				
				#fb-list li {
					list-style-type: none;
					margin: 10px 0 0 0;
					padding: 0 0 10px 0;
					border-bottom: 2px solid #d3ccc0;
					overflow: hidden;
				}
				
					.fb-info {
						display: block;
						width: 100%;
						overflow: hidden;
						margin-bottom: 10px;
						font-size: 11px;
						font-weight: bold;
					}
					
						.fb-info img {
							float: left;
							margin-right: 10px;
						}
						
						.fb-name {
							color: rgb(241,84,34);
						}
						
						.fb-time, .fb-links, .fb-links a, .fb-caption a {
							color: rgb(167,156,133);
							text-decoration: none;
						}
						
							.fb-links a:hover, .fb-caption a:hover {
								text-decoration: underline;
							}
							
						.fb-message {
							color: rgb(70,54,39);
							font-size: 11px;
							overflow: hidden;
							display: block;
						}
						
							.fb-img-container {
								display: block;
								width: 50px;
								height: 50px;
								float: left;
								margin: 0 10px 0 0;
							}
							
							.fb-caption {
								display: block;
								width: 71%;
								float: right;
								text-align: left;
							}
					
	#follow-us {
		text-align: center;
		position: relative;
		float: left;
		width: 100%;
		margin-top: 13px;
		letter-spacing: .15em;
	}

		#follow-us a {
			text-decoration: none;
			text-transform: uppercase;
			font-size: 13px;
			font-weight: bold;
		}
		
	#news-right {
		width: 395px;
		float: right;
		overflow: hidden;
	}
	
		#news-img {
			border-bottom: 2px solid #d3ccc0;
		}
	
			#news-img-container, #news-img-caption {
				margin-bottom: 15px;
			}
		
		#news-listing {
			width: 380px;
			margin: 10px 0 0 0;
			padding: 0 15px 0 0;
			overflow: auto;
			height: 400px;
		}
		
			#news-header {
				font-size: 2.5em;
				text-transform: uppercase;
			}
			
			.news-item {
				margin: 10px auto;
			}
			
				.news-item-title {
					text-transform: uppercase;
					font-size: 1.5em;
				}
				
				.news-item-desc {
				
				}
				
/* About POP
---------------------------------------------------------------------------------------*/

#about-wrap {
	background: url(library/images/about-bg.jpg) no-repeat;
	width: 696px;
	height: 987px;
	position: relative;
	overflow: hidden;
}

	#about-content-wrap {
		width: 580px;
		margin: 250px auto 0px auto;
	}
	
		.ie7 #about-content-wrap {
			padding-top: 250px;
		}
	
		#about-header {
			font-family: 'Knockout69', 'Knockout49', helvetica, arial, sans-serif;
			font-size: 4em;
			letter-spacing: 1px;
			text-transform: uppercase;
		}
		
		.ie7 #about-header {
			font-size: 3em;
		}
		
		#about-content-wrap p {
			font-family: 'Knockout49', helvetica, arial, sans-serif;
			font-size: 2em;
			letter-spacing: 1px;
			color: #463627;
		}
		
/* Find Our Beer POP
---------------------------------------------------------------------------------------*/

#our-beer-wrap {
	background: url(library/images/find-beer-bg.jpg) no-repeat;
	width: 696px;
	height: 987px;
	position: relative;
	overflow: hidden;
}

	#our-beer-content-wrap {
		width: 319px;
		float: right;
		margin-top: 80px;
		overflow: auto;
		height: 835px;
	}
	
		.ie8 #our-beer-content-wrap, .ie7 #our-beer-content-wrap, .no-canvas #our-beer-content-wrap {
			width: 310px;
			margin-right: 10px;
		}

		.location-list {
			margin: 0;
			font-family: 'Knockout49', helvetica, arial, sans-serif;
			font-size: 2em;
			text-transform: uppercase;
			letter-spacing: 1px;
		}
		
			.location-list li {
				list-style-type: none;
				margin: 10px 0;
				color: #fff;
			}
			
				.location-list li a {
					color: #fff;
					text-decoration: none;
				}
				
			.beer-names {
				margin-left: 10px;
			}
			
	#find-detail {
		position: absolute;
		color: white;
		bottom: 33px;
		left: 61px;
		font-size: 10px;
	}
	
/* Contact POP
---------------------------------------------------------------------------------------*/

#contact-wrap {
	width: 404px;
	height: 987px;
	background: url(library/images/contact-bg.jpg) no-repeat;
	position: relative;
}

	#contact-wrap p {
		position: absolute;
	}
	
	#tour-hours {
		top: 308px;
		font-family: 'Knockout70', helvetica, arial, sans-serif;
		text-transform: uppercase;
		text-align: center;
		font-size: 2em;
		line-height: 0.95em;
		left: 47px;
		width: 308px;
		
	}
	
		#tour-hours a {
			text-decoration: none;
			color: rgb(167,156,133);
		}
	
/*
		.ie7 #tour-hours {
			font-size: 2.1em;
			line-height: .9em;
			text-align: center;
		}
*/
		
		.ie7 #tour-hours, .ie8 #tour-hours {
			font-family: helvetica, arial, sans-serif;
			font-size: 1.5em;
			text-align: center;
			line-height: 1.2em;
		}	
		
		#hours-line-1 {
			font-size: .75em;
		}
	
		#hours-line-2 {
			font-size: .73em;
		}
		
		#hours-line-3 {
			font-size: .80em;
		}
		
		#hours-line-4 {
			font-size: .57em;
			margin-top: -5px;
		}

	
	#tours-email {
		bottom: 411px;
		left: 36px;
	}
	
		#tours-link {
			background: url(library/images/contact-tours-email.png) no-repeat;
			width: 333px;
			height: 20px;
			text-indent: -9999px;
			display: block;
			font-size: 27px;
			margin-top: 3px;
		}
	
	#info-email {
		bottom: 159px; 
		left: 37px;
	}
	
		#info-link {
			background: url(library/images/contact-info-email.png) no-repeat;
			width: 332px;
			height: 36px;
			text-indent: -9999px;
			display: block;
		}
	
	#social {
		bottom: 19px;
		left: 98px;
	}
	
		#fb-social {
			background: url(library/images/contact-social.png) no-repeat;
			width: 96px;
			height: 43px;
			display: block;
			text-indent: -9999px;
			float: left;
			margin-right: 10px;
		}
		
		#twit-social {
			background: url(library/images/contact-social.png) no-repeat -109px center;
			width: 115px;
			height: 43px;
			display: block;
			text-indent: -9999px;
			float: left;
		}

/* Beer POP
---------------------------------------------------------------------------------------*/

/*What's in the Tippy? */

#tippy-wrap {
	background: url(library/images/tippy-bg.jpg) no-repeat;
	width: 460px;
	height: 987px;
	position: relative;
	overflow: hidden;
}

	#tippy-content-wrap {
		width: 400px;
		height: 650px;
		margin: 300px auto 0 auto;
		overflow: auto;
		padding-right: 25px;
	}
	
		#ie-buffer {
			display: none;
		}
		
		.ie7 #ie-buffer {
			display: block; /* jScrollpane wasn't allowing correct padding or margin, so this element is forcing placement of #tippy-content-wrap */
		}

		#tippy-content-wrap h1 {
			font-size: 2.5em;
			font-family: 'Knockout69', 'Knockout49', Helvetica, arial, sans-serif;
			text-transform: uppercase;
			letter-spacing: 1px;
		}
		
		#tippy-content-wrap p {
			font-size: 1.6em;
			font-family: 'Knockout49', helvetica, arial, sans-serif;
			letter-spacing: 1px;
			margin-bottom: 18px;
		}


/* j.ScrollPane 
---------------------------------------------------------------------------------------*/

.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 8px;
	width: 16px;
	height: 100%;
/* 	background: #333; */
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	position: relative;
}

.jspDrag {
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
/* 	background: #f00; */
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrowUp {
	background: url(library/images/news-scroll-arrows.png) no-repeat 0px -25px;
	width: 16px;
	height: 18px;
}

.jspArrowUp.jspDisabled {
	background: url(library/images/news-scroll-arrows.png) no-repeat -22px -25px;
	width: 16px;
	height: 18px;
}

.jspArrowDown {
	background: url(library/images/news-scroll-arrows.png) no-repeat;
	width: 16px;
	height: 18px;
}

.jspArrowDown.jspDisabled {
	background: url(library/images/news-scroll-arrows.png) no-repeat -22px 0px;
	width: 16px;
	height: 18px;
}

#our-beer-wrap .jspArrowUp {
	background: url(library/images/beer-scroll-arrows.png) no-repeat center -16px;
	width: 17px;
	height: 15px;
	position: absolute;
}

#our-beer-wrap .jspArrowUp.jspDisabled {
	opacity: .7;
}

#our-beer-wrap .jspArrowDown {
	background: url(library/images/beer-scroll-arrows.png) no-repeat center -1px;
	width: 17px;
	height: 15px;

}

#our-beer-wrap .jspArrowDown.jspDisabled {
	opacity: .7;
}

#beers .jspArrowUp {
	background: url(library/images/beer-scroll-arrows.png) no-repeat center -16px;
	width: 17px;
	height: 15px;
	position: absolute;

}

#beers .jspArrowUp.jspDisabled {
	background: url(library/images/beer-scroll-arrows.png) no-repeat center -16px;
	width: 17px;
	height: 15px;
	opacity: .7;
}

#beers .jspArrowDown {
	background: url(library/images/beer-scroll-arrows.png) no-repeat center -1px;
	width: 17px;
	height: 15px;

}

#beers .jspArrowDown.jspDisabled {
	background: url(library/images/beer-scroll-arrows.png) no-repeat center -1px;
	width: 17px;
	height: 15px;
	opacity: .7;
}

.jspVerticalBar .jspArrow {
	height: 16px;
}

.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}

/* other IE BS */

.ie-shrunken {
	position: absolute;
	top: 480px;
	left: 45% !important;
	-ms-transfrom: scale(.7);
	zoom: .7 !important;
}

.ie7 .ie-shrunken {
	left: 30% !important;
	top: 325px !important;
}

.ie-beer-shrunken {
	left: 35% !important;
}

.ie-shrunken#beer-wrap {
	padding-left: 275px;
	left: 35% !important;
}

.ie7 .ie-shrunken#beer-wrap {
	padding-left: 0px;
	left: 20% !important;
}


.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*--- New Home */
.site-body{
    
}
.site-body img{
    max-width: 100%;
}
.site-header{
    background: url(library/images/cb-texture.jpg) repeat scroll center top;
    padding: 10px 0;
    border-top: 8px solid #f78f1e;
    border-bottom: 2px solid #f78f1e;
    color: #ffffff;
}
.logo{
    
}
.main{
    background: #ffffff;
}
.main h1 {
   font-size:2.0em;
	line-height:1.5em;
}
@media (min-width: 641px){
    .top-bar{
        background: none;
        padding: 0;
        height: auto;
        margin-top: 36px;
    }
    .top-bar ul{
        margin: 0;
        padding: 0;
        background: none;
        float: right;
    }
    .top-bar-section li{
        list-style: none;
        text-transform: uppercase;
    }
    .top-bar-section li:not(.has-form) a:not(.button){
        background: none;
    }
    .top-bar-section ul li:hover:not(.has-form) > a{
        background: none;
        color: #eeeeee;
        text-decoration: none;
    }
    .top-bar-section ul li > a{
        color: #ffffff;
        font-family: 'Knockout69';
        font-size: 24px;
        font-weight: 400;
        padding: 0 10px;
        text-decoration: none;
    }
    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background: none; 
        color: #eeeeee;
        text-decoration: none;
    }
    
    .top-bar-section .dropdown{
        clip: auto;    
        display: none;
        left: 10px;
        min-width: 180px;
    }
    
    .top-bar-section .dropdown li:not(.has-form) a:not(.button){
        background: #F78F1E;
        left: 15px;
        line-height: 30px;
    }
    .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
        background: #F78F1E; 
        color: #eeeeee;
        text-decoration: none !important;
    }
    .top-bar-section li:hover > .dropdown{
        display: block;
    }
}

.top-bar .title-area{
    background: #F78F1E;
    width: auto;
}
.top-bar-section li.current-menu-item > a,
.top-bar-section li.current-page-item > a,
.page-referenties .top-bar-section li#menu-item-5893 > a{
    color: #f78f1e;
}

.row{
    max-width: 960px;
}
.site-content{
    background: #ffffff;
    padding: 20px 0 80px;
}
.site-content .main{
    background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.9);
    min-height: 700px;
    padding: 0 10px;
}
.bg_left{
    background: url(library/images/bg_left.png) no-repeat scroll top left;
    
}
.bg_right{
    background: url(library/images/bg_right.png) no-repeat scroll top right;
    
}
.main-left{
    
}
.main-right{
    
}
.slider{
    position: relative;
}
/* -----------------------------------------
   Home horizontal slider
----------------------------------------- */

.flexslider{
    box-shadow: none;
}
.flexslider {
    border: none;
    margin: 0;
    color: #f1e9de;
    background: none !important;
    border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
}
.flexslider .slides img {
    max-height: 264px;
}
.flex-control-paging li a {
    background: #ADADAD;
    border: none;
    height: 13px;
    width: 13px;
    border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover{
    background: #ffffff;
}
.flex-control-nav {
    bottom: 14px;
    right: 16px;
    width: auto;
}
.slide-data {
    display: none;
    background: none;
    left: 79px;
    padding: 0;
    top: 28%;
    
    width: auto;
    max-width: 360px;
    color: #F1E9DE;
    font-weight: 700;
    text-shadow: 1px 0 0 #666666;
        -moz-text-shadow: 1px 0 0 #666666;
        -webkit-text-shadow: 1px 0 0 #666666;
    border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
}
.slide-data .flexslider-hg-title, .slide-data p{
    margin: 0 0 10px;
}

.slider_1{
    background: #ffffff;
    box-shadow: 0 0 4px #000000;
    padding: 10px;
    position: relative;
}
.slider_1 img{
    display: block;
}
.slider_1 .nivo-controlNav{
    bottom: 35px;
}

.three-columns{}
.three-columns .column{

}
.three-columns .column:nth-of-type(3){
    padding-right: 0;
}
.box-title{
    border-bottom: 2px solid #000000;
}
.box-title,
.entry-title{
    color: #f78f1e;
    font-family: 'Knockout69';
    font-size: 32px;
    margin: 0 0 18px;
    font-weight: 400;
}
.box-title a,
.entry-title a{
    color: #f78f1e;
}
.box-title a:hover,
.entry-title a:hover{
    text-decoration: none !important;
}
.page-title .box-title{
    border: none;
    margin: 0 0 24px;
}
.entry-title{
    font-size: 26px;
}
.top-stories,
.top-stories p{
    font-family: 'Knockout30';
    font-size: 16px;
    color: #000000;
}
a.more{
    font-family: 'Knockout69';
    font-weight: 400;
    font-size: 22px;
    text-decoration: none;
    color: #0000f9;
}
.alignright{
    text-align: right;
}
.alignleft{
    text-align: left;
}
.aligncenter{
    text-align: center;
}
.hentry{
    margin: 0 0 32px;
}
.tippy{
    margin-top: 24px;
}
.site-body,
.site-body p{
    font-size: 18px;
    font-family: 'Knockout29', Verdana, sans-serif;
    color: #000000;
}
.tippy h3{
    margin: 0;
}
.tippy p{
    margin: 0 0 15px;
}
.site-footer{
    width: 100%;
    background: none;
}
.site-footer #footer-info-wrap{
    margin: 0 auto;
    background: #f78f1e;
    color: #ffffff;
    padding: 10px 0;
    width: 100% !important;
}
.beer-image{
    text-align: center;
}
.beer-entry{
    font-size: 20px;
}
.main-beer .box-title{
    border: none;
    margin: 0;
}
.main-beer .meta{
    color: #000000;
    font-family: 'Knockout69';
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 18px;
}
.main-beer .meta span{
    display: block;
}
.twitter-timeline,
.minitweets-end{
    display: none;
}
.list-cat-beers{
    margin-top: 48px;
    margin-bottom: 48px;
}
.category-thumb{
    background: #ffffff;
    box-shadow: 0 0 5px #000000;
    padding: 12px;
}
.padding-right{
    padding-right: 0.9375rem;
}

form#searchForm .search_item {
    clear: none;
    display: block;
    float: left;
    padding: 0 2% 0 0;
    vertical-align: middle;
	white-space: pre-wrap !important;
    width: 33%;
}
form#searchForm INPUT {
    clear: none;
    float: left;
    width: 100%;
}
form#searchForm SELECT {
    margin: 0 6px 0 0;
    width: 100%;
}
form#searchForm LABEL{
    text-align: left;
}
#searchForm #addy_in_radius{
    width: 100%;
}
form#searchForm #radius_in_submit{
    text-align: right;
    width: 100%;
}
#searchForm input[type=submit]{
    float: none;
    margin: 20px 0;
}



/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
    max-height: 300px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
    font-size: 18px;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.7;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	bottom: 10px;
    left: auto;
    padding: 15px 0;
    position: absolute;
    right: auto;
    text-align: center;
    z-index: 999;
    width: 100%;
    
}
.nivo-controlNav a {
	display: inline-block;
    height: 13px;
    margin: 0 2px !important;
    padding: 0;
    text-indent: -9999px;
    width: 13px;
    background: none repeat scroll 0 0 #adadad;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: 1px 0px 2px #ffffff;
        -moz-box-shadow: 1px 0px 2px #ffffff;
        -webkit-box-shadow: 1px 0px 2px #ffffff;
}
.nivo-controlNav a.active {
	font-weight:bold;
    background: #F78F1E;
}
.nivo-controlNav a:hover{
    background: #F78F1E;
}
.tweets .twitter-timeline, 
.tweets .minitweets-end{
    display: block;
}
.tweets .var-narrow .timeline-footer,
.tweets .var-narrow .timeline-header{
    display: none;
}
.tweets .var-narrow .tweet{
    padding: 10px 0;
}

@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {
		
	#about-header {
		font-size: 2em !important;
	}
	
}

@media screen and (max-width: 640px){
    .logo {
        padding-top: 10px;
        text-align: center;
    }
    .site-header{
        padding-bottom: 0;
    }
    
    .small-block-grid-3 > li{
        width: 100%;
    }
    .top-bar{
        padding: 0;
    }
    .top-bar,
    .top-bar.expanded{
        background: none;
    }
    .top-bar.expanded .title-area {
        background: #f78f1e;
    }
    .top-bar-section ul,
    .top-bar-section ul li > a,
    .top-bar-section ul li:hover:not(.has-form) > a,
    .top-bar-section ul li.active > a,
    .top-bar-section ul li.active > a:hover {
        background: none;
    }
    .top-bar.expanded .toggle-topbar a {
      color: #ffffff; 
    }
    .top-bar.expanded .toggle-topbar a::after {
        box-shadow: 0 10px 0 1px #ffffff, 0 16px 0 1px #ffffff, 0 22px 0 1px #ffffff; 
    }
    .top-bar-section ul li > a{
        color: #ffffff;
        font-family: 'Knockout69';
        font-size: 24px;
        line-height: 30px;
        font-weight: 400;
        text-decoration: none;
        padding: 8px 15px;
    }
    .top-bar-section ul li a:hover{
        color: #eeeeee !important;
        text-decoration: none !important;
    }
    
    /*
    .top-bar{
        height: 45px !important;
        margin-top: 22px;
        float: none !important;
    }
    .top-bar.expanded{
        height: auto !important;
    }
    .top-bar.expanded .top-bar-section{
        left: 0 !important;
    }
    .top-bar.expanded .top-bar-section .dropdown,
    .top-bar-section .has-dropdown.moved > .dropdown{
        position: static !important;
    }
    .top-bar.expanded .top-bar-section .dropdown .title{
        display: none !important;
    }
    
    
    .top-bar ul{
        float: none;
    }
    .top-bar.expanded .title-area {
        background: #f78f1e;
    }
    .top-bar.expanded .toggle-topbar a::after {
        box-shadow: 0 10px 0 1px #ffffff, 0 16px 0 1px #ffffff, 0 22px 0 1px #ffffff; 
    }
    .top-bar.expanded .toggle-topbar a {
        color: #ffffff;
        
    }
    .top-bar .toggle-topbar.menu-icon a{
        font-size: 18px;
    }
    .top-bar-section ul li > a{
        font-size: 20px;
        line-height: 36px;
    }
    .top-bar-section .has-dropdown > a:after{
        border: none;
    }
    .top-bar-section .dropdown {
        display: block;
        height: auto;
        overflow: visible;
        position: static !important;
        width: auto;
        padding-left: 20px;
    }
    .top-bar-section .dropdown li:not(.has-form) a:not(.button),
    .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
        background: none;
        left: 0;
    }
    */
    .home-page .content-area{
        background-size: contain !important;
    }
    
}

@media screen and (max-device-width: 480px) {

   html { /* -webkit-text-size-adjust:none; -ms-text-size-adjust:none; */ } 
   
   #container, footer, #footer-nav-wrap {
   /* 	display: none; */
   }
   
   #background {
   	background-position: 0px -120px;
   	background-size: 100%;
   	width: 6500px;
   	z-index: -10;
   }
   
   #main-wrap {
   	background: transparent url(library/images/doc-transp.jpg);
   }
   
   footer {
   		width: 6500px;
   		
   }
   
   #ajax-content {
   		padding-top: 100px;
   }
   
   #main-wrap {
   	overflow: visible;
   }
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}