html,body {
	height: 100%;
	margin: 0;
}
body {
	margin:0;
	color:#000;
	font:12px/14px Arial,Verdana,Tahoma, sans-serif;
	background:#000 url(../images/site/bg-body.jpg) no-repeat 50% 0;
}
img {border:none;}
form,fieldset{
	margin:0;
	padding:0;
}
a:focus {
	outline:none;
}
fieldset {border-style:none;}
.page-width {
	width:999px;
	min-height:100%;
	overflow: hidden;
	margin:0 auto;
}
* html .page-width {
	height:100%;
	overflow: visible;
}
.footer-btm {
	padding-bottom:275px;
}
/*- IMAGES TEMPLATE in CMS
------------------------------------------------------------ images_internal */
#images_internal {
	position: relative;
	float: left;
	margin: 0px 0px 8px 0px;
	overflow: hidden;
}
#images_internal a {
	color: #;
	text-decoration:none;
}
#images_internal a:hover {
	color: #;
	text-decoration:none;
	background-color:transparent;
}

#images_internal a:active {
	color: #FFF;
	text-decoration:none;
}
#images_internal a:current {
	color: #;
	text-decoration:none;
}
/* header */
#header {
	position:relative;
	height:160px;
}
/* logo */
#header strong a {
	position:absolute;
	left:0;
	top:49px;
	width:192px;
	height:71px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/site/logo.png) no-repeat;
}
#header .nav {
	position:absolute;
	right:16px;
	top:87px;
	padding:0 35px 0 0;
	background:url(../images/site/ico-1.gif) no-repeat 100% 0;
}
#header .nav ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:right;
}
#header .nav ul a {
	color:#fff;
	font-size:13px;
	letter-spacing:-1px;
	text-decoration:none;
}
#header .form {
	position:absolute;
	right:16px;
	top:130px;
}
#header .form input.btn {
	float:right;
	margin:0 0 0 8px;
}
#header .form .inp-bg {
	float:right;
	width:180px;
	height:17px;
	padding:4px 4px 2px;
	background:url(../images/site/bg-input.gif) no-repeat;
}
#header .form input.field {
	float:right;
	margin:0;
	padding:0;
	width:180px;
	height:17px;
	color:#303030;
	font:12px/16px Arial, Helvetica, sans-serif;
	background:none;
	border:none;
}
/* columns holder */
.columns-holder {
	overflow:hidden;
	height:1%;
}
.holder {
	overflow:hidden;
	height:1%;
}
/* nav bar */
.nav-bar {
	float:left;
	width:152px;
	padding:11px 0 0;
	overflow:hidden;
	background:url(../images/site/bg-dotted.gif) repeat-x;
}
.nav-bar ul {
	margin:0;
	padding:1px 0 0;
	list-style:none;
	background:url(../images/site/bg-sep.gif) repeat-x;
}
.nav-bar ul ul,
.nav-bar ul ul ul {
	background:none;
}
.nav-bar ul li {
	vertical-align:top;
	position:relative;
}
.nav-bar ul a {
	display:block;
	padding:0 0 0 8px;
	color:#fff;
	font-size:16px;
	line-height:32px;
	height:32px;
	text-decoration:none;
	background:url(../images/site/bg-nav.png) repeat-x;
}
.nav-bar ul ul a {
	padding-left:18px;
}
.nav-bar ul ul ul a {
	padding-left:27px;
}
.nav-bar ul a:hover {
	color:#ccc;
	background:url(../images/site/bg-nav-hov.png) repeat-x;
}
#menu ul {
	display:none;
}
#menu li.active ul{
	display:block;
}
#menu li.active ul ul,
#menu li.active ul li.active ul ul{display:none;}
#menu li li.active ul,
#menu li li li.active ul{display:block;}


/* content */
.content {
	float:right;
	width:800px;
	padding:0 16px;
	background:url(../images/site/bg-dotted.gif) repeat-x;
	background:#000;
}
.content-bg {
	padding:11px 0 32px;
	overflow:hidden;
	height:1%;
	background:url(../images/site/bg-dotted.gif) repeat-x;
}
.content #gallery {
	position:relative;
	background:url(../images/site/bg-sep.gif) repeat-x;
	width: 100%;
	padding:5px 0 0;
}
/*
#gallery ul {
	padding:0;
	margin:5px 0 0;
	list-style:none;
}
#gallery ul.pict li {
	position:absolute;
	left:0;
	top:5px;
	height:512px;
}
#gallery ul.pict li span {
	position:absolute;
	left:35px;
	top:110px;
	width:640px;
	color:#fff;
	font-size:54px;
	line-height:58px;
	font-weight:bold;
}
#gallery ul.pict li img {
	display:block;
}
*/
#gallery ul.pict {
	position: relative;
	overflow: hidden;
	height: 600px;
}

#gallery ul.pict .l_dis {
	display: none;
}
#gallery .slideViewer {
	background:url(../images/site/bg-dotted.gif) repeat-x 0 100%;
	padding: 0 0 18px;
	margin: 0 0 10px;
}
#gallery a.left,
#gallery a.right {
	text-indent:-9999px;
	position: absolute;
	bottom: 16px;
	left: 0;
	width:32px !important;
	height:32px !important;
	margin: 0 !important;
	overflow:hidden;
	background:url(../images/site/btn-prev.gif) no-repeat;
}
#gallery a.right {
	background:url(../images/site/btn-next.gif) no-repeat;
	left: auto;
	right: 0;
}
#gallery a.left:hover,
#gallery a.right:hover {
	background-position:0 -32px;
}

#gallery a.l_dis:hover,
#gallery a.r_dis:hover {
	background-position: 0 0;
}

/* old gallery styles */
.list {
	width:800px;
	overflow:hidden;
	padding:11px 0 0;
	background:url(../images/site/bg-dotted.gif) repeat-x;
}
.list ul {
	width:9999px;
}
.list ul li {
	float:left;
	margin:0 1px 0 0;
}
.list ul li img {
	display:block;
}
.buttons {
	overflow:hidden;
	height:1%;
	padding:8px 0 16px;
	background:url(../images/site/bg-dotted-1.gif) repeat-x 0 100%;
}
.buttons h2 {
	margin: 0 auto;
	margin:0 4px 0 36px;
	float:left;
	display:inline;
	width:728px;
	font-size:22px;
	color:#fff;
	background:#333;
	letter-spacing:-1px;
	line-height:32px;
	text-align:center;
}
/* info block */
.beer-block {
	float:left;
	width:800px;
	margin:3px 0 0;
}

.beer-block-bg {
	padding:5px 0;
	background:url(../images/site/bg-dotted-1.gif) repeat-x 0 100%;
}
.info-block {
	float:left;
	width:480px;
	margin:3px 0 0;
}
.info-block-bg {
	padding:5px 0;
	background:url(../images/site/bg-dotted-1.gif) repeat-x 0 100%;
}
.title {
	overflow:hidden;
	height:30px;
	background:#333;
	padding:15px 0 15px 8px;
}
.title h3 {
	float:left;
	margin:0 12px 0 0;
	color:#fff;
	letter-spacing:-1px;
	font-size:26px;
	line-height:26px;
}
.title h3 em {
	float:left;
	font-size:16px;
	line-height:16px;
}
.title span {
	float:left;
	color:#99ffff;
	letter-spacing:-1px;
	font-size:14px;
	line-height:16px;
}
.text {
	margin:8px 0 0;
	padding:16px 0 0;
	background:url(../images/site/bg-dotted.gif) repeat-x;
}
.text img {
	display:block;
	margin:0 0 10px;
}
.text p {
	margin:0 0 20px;
	color:#fff;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
}
.text p a {
	color:#99ffff;
	text-decoration:none;
}
.text p a:hover {
	text-decoration:underline;
}
/* PARAGRAPH TEXT */
.silpar {
	margin:0px 0 0;
	padding:0px 0 0;
	/*background:url(../images/site/bg-dotted.gif) repeat-x;*/
}
.silpar img {
	display:block;
	margin:0 0 10px;
}
.silpar p {
	margin:0 0 20px;
	color:#fff;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
}
.silpar p a {
	color:#99ffff;
	text-decoration:none;
}
.silpar p a:hover {
	text-decoration:underline;
}
/* TWITTER live block */
.live-block {
	float:right;
	width:288px;
	margin:3px 0 0;
}
.live-block-bg {
	padding:5px 0 28px;
	background:url(../images/site/bg-dotted-1.gif) repeat-x 0 100%;
}
.scroll-box-bg {
	margin-top:0px;
	padding:0px 0 0;
	/*background:url(../images/site/bg-dotted.gif) repeat-x;*/
}
.scroll-box {
	width:288px;
	height:504px;
	overflow:auto;

}
.scroll-box ul {
	margin:-8px 0 0;
	padding:0;
	list-style:none;

}
.scroll-box ul li { /* TWITTER BORDER BELOW TWEET */
	padding:12px 9px 32px 9px;
	/*border-bottom:8px solid #000000;*/
	background:url(../images/site/twitter_border.gif) repeat-x 0 100%;
	/*margin-left: -9px;
	width:269px;*/

}
.scroll-box ul li strong  {
	display:block;
	width:251px;
	padding:4px 9px;
	color:#fff;
	font-size:13px;
	line-height:19px;
	background:#333;

}
.scroll-box ul li strong em {
	display:block;
	color:#99ffff;
	font:10px/19px Georgia, "Times New Roman", Times, serif;
}
/* footer */
.footer-holder {
	background:url(../images/site/bg-footer.gif) repeat-x;
	height:255px;
	margin:-255px 0 0;
}
.footer {
	width:999px;
	margin:0 auto;
}
.footer-block {
	float:right;
	width:832px;
	margin:20px 0 0;
	height:235px;
	background:url(../images/site/bg-foot.png) repeat;
}
.footer .contact {
	float:left;
	margin:0 32px 0 0;
	padding:0 0 0 16px;
	width:384px;
}
.footer .contact ul {
	position:relative;
	margin:32px 0 0;
	padding:0;
	list-style:none;
}
.footer .contact ul li {
	padding:0 0 4px 20px;
	background:url(../images/site/bg-arrow.gif) no-repeat;
}
.footer .contact ul li span {
	display:block;
	height:28px;
	color:#fff;
	font-size:12px;
	line-height:28px;
	font-weight:bold;
	padding:0 0 0 8px;
	background:#333;
}
.footer .contact ul li span em{
	color:#99ffff;
	font-style:normal;
}
.footer .contact ul li span a {
	color:#99ffff;
	text-decoration:none;
}
.footer .contact ul li span a:hover {
	text-decoration:underline;
}
/* join */
.footer .join {
	float:left;
	width:364px;
	padding:0 0 0 20px;
	margin:32px 0 0;
	background:url(../images/site/bg-arrow.gif) no-repeat;
}
.footer .join h4 {
	margin:0 0 4px;
	padding:0 0 0 8px;
	color:#fff;
	font-size:12px;
	line-height:28px;
	background:#333;
}
.form-join {
	position:relative;
	overflow:hidden;
	height:1%;
	padding:8px 0 20px;
	background:#333;
}
.form-join a.link {
	float:left;
	display:inline;
	width:100px;
	text-indent:-9999px;
	margin:0 12px 0 8px;
}
.form-join a.twitter {
	margin-top:1px;
	height:19px;
	background:url(../images/site/bg-twitter.gif) no-repeat;
}
.form-join a.facebook {
	height:20px;
	background:url(../images/site/bg-facebook.gif) no-repeat;
}
.form-join a.myspace {
	height:17px;
	margin-top:3px;
	background:url(../images/site/bg-myspace.gif) no-repeat;
}
.form-join .rows-inp {
	overflow:hidden;
	height:1%;
	padding:0 0 12px 0;
}
.form-join input.field {
	float:left;
	margin:0 16px 0 0;
	width:90px;
	height:16px;
	padding:2px 3px;
	color:#99ffff;
	font:12px/16px Arial, Helvetica, sans-serif;
	background:#666;
	border:none;
}