body, html {margin: 0; padding: 0; background: #fff url(/images/back.jpg); text-align: center;}
div, p, h1, h2, h3, h4, h5, h6, h7, span, form, dl, dt, dd, fieldset, img, label, input, textarea, legend {font-family: Arial, Tahoma, Verdana, sans-serif; position: static; z-index: 1; margin: 0; padding: 0;}
ul, li, p {font-family: Arial, Verdana, Tahoma, sans-serif;}
div, p, form {display: block; margin: 0; padding: 0;}

.cc {clear: both; height: 0px; font-size: 0px; }
.fleft {float: left;}
.fright {float: right;}

img.fleft {margin: 0 .5em .5em 0;}
img.fright {margin: 0 0 .5em .5em;}
a.pdflink:link,
a.pdflink:visited,
a.pdflink:hover,
a.pdflink:active { padding: 1em 0 1em 20px; background: transparent url(/images/pdf_icon.gif) no-repeat 0 50%; color: #502b03; font-size: .8em; margin-left: -5px; font-weight: bold; line-height: 2em;}

a.pdflink:hover, a.pdflink:active {text-decoration: none; color: #000;}

img, fieldset {border: none; margin: 0; padding: 0;}

/* ROOT */
#shadow {display: block; margin: 0 auto 30px; width: 856px; background: transparent url(/images/root_shadow.png) repeat-y 0 0;}
#root {display: block; margin: -14px 28px 0; bottom: -14px; padding: 0; width: 800px; text-align: left; position: relative;}

/* HEADER */
#header {display: block; margin: 0 0 0 -400px; padding: 0; position: absolute; width: 800px; height: 301px; top: 0; left: 50%;  background-image: url(/images/head.jpg); background-repeat: no-repeat; background-position: top center;}
.index-page #header, .index-page #header-content { height: 387px; }
#header-content { height: 301px; background-position: bottom left; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 800px; }
	.h-bootles { background-image: url(/images/heads/h-bootles.jpg); }
	.h-bootles-2 { background-image: url(/images/heads/h-bootles-2.jpg); }
	.h-corks { background-image: url(/images/heads/h-corks.jpg); }
	.h-desk { background-image: url(/images/heads/h-desk.jpg); }
	.h-stemware { background-image: url(/images/heads/h-stemware.jpg); }
	.h-index-page { background-image: url(/images/heads/h-index-page.jpg); }


	/* logo*/
	a#logo:link, a#logo:visited, a#logo:hover, a#logo:active {display: block; /*padding: 205px 0 0;*/ width: 217px; height: 168px; position: absolute; top: 26px; left: 295px; overflow: hidden; background: url(/images/logo.jpg) no-repeat; text-indent: -99999px;}

	/* topnav */
	#topnav {display: block; /*margin: 311px 0 0 45px;*/ width: 100%; padding: 0;}
	#topnav ul, #topnav ul li {display: block; margin: 0 9px 0 0; padding: 0; list-style: none;}
	#topnav ul li {font-size: 100%; float: left; clear: none; margin: 0; padding: 11px 0 17px;}
	#topnav ul li a:link, #topnav ul li a:visited, #topnav ul li a:hover, #topnav ul li a:active {padding: 0 9px 0 15px; color: #000; text-decoration: none;}
		#topnav ul li a:hover, #topnav ul li a:active {text-decoration: underline;}

/* MAIN */
#main {display: block; margin: 0; padding: 301px 0 0; background: transparent url(/images/main2.jpg) repeat-y 0 0; position: relative; min-height: 520px;}
.index-page #main { padding-top: 387px; }
#main .wrpr {background: transparent url(/images/main_top.jpg) no-repeat 0 0; width: 100%; padding: 43px 0 0;}

#side_shadow {display: block; margin: 0; padding: 0; height: 453px; width: 15px; position: absolute; top: 335px; left: 158px; background: transparent url(/images/right_main.png) no-repeat 0 0; z-index: 1000; }
.index-page #side_shadow {top: 421px;}



	/* text elements */

	#main h1, #main h2, #main h3 {color: #ffc284; font-size: 160%; margin: 0 0 4px; padding: 0; font-weight: normal;}
	#main h1 {font-weight: bold; font-size: 140%;}
	#main h2 {font-size: 140%;}
	#main h3 {font-size: 100%; font-weight: bold;}
	#main p {color: #fff088; font-size: 80%; margin-bottom: 18px;}
	#content a:link, #content a:visited, #content a:hover, #content a:active {color: #fff088; text-decoration: underline;}
		#content a:hover, #content a:active {text-decoration: none;}
	#content #main ul, #main ul li { color: #fff088; font-size: 80%; }

	.a-center { text-align: center; }

	.beer-image { margin-bottom: 3px!important; }
	.beer-description { color: #fff!important; margin-bottom: 10px!important; }

	/*	Columns
	------------------------------ */

	.columns { width: 100%; overflow: hidden; }
	.w-50, .w-25, .w-33, .w-38, .w-66, .w-75, .w-62 { float: left; overflow: hidden; }
	.columns h3 { color: #f8da9d!important; }

	.col-content { padding: 0 13px; }
	.col-first { padding-left: 0!important; }
	.col-last { padding-right: 0!important; }

	.w-25 { width: 25%; }
	.w-33 { width: 33%; }
	.w-38 { width: 38%; }
	.w-50 { width: 50%; }
	.w-55 { width: 55%; }
	.w-62 { width: 62%; }
	.w-66 { width: 66%; }



/* CONTENT */
#content {display: block; margin: 0 12px 5px 0; padding: 13px 24px 19px 24px; width: 554px; float: right; clear: none; background: transparent url(/images/content.png) repeat 0 0;}

/* SIDEBAR */
#sidebar {display: block; margin: 0; padding: 5px 5px 0 20px; width: 110px; float: left; clear: none;}

	/* nav */
	.nav ul, .nav ul li {display: block; margin: 0; padding: 0; list-style: none;}
	.nav ul li {margin: 0 0 7px; font-size: 80%; background: transparent url(/images/bullet.png) no-repeat 0 4px; padding: 0 0 0 15px;}
	.nav ul li a:link, .nav ul li a:visited, .nav ul li a:hover, .nav ul li a:active, .super-menu a {color: #502b03; font-weight: normal; text-decoration: none;}
		.nav ul li a:hover, .nav ul li a:active {text-decoration: underline; color: #000;}

	.super-menu { width: 150px; list-style: none; padding: 0; margin: 0; margin-top: 10px; position: relative; left: -9px; }
	.super-menu-first, .super-menu-last { padding: 0 !important; height: 7px; font-size: 1px; margin: 0 !important; background: url(/images/super-menu-first.png) no-repeat !important; overflow: hidden;}
	.super-menu-last {background: url(/images/super-menu-last.png) no-repeat !important; }
	.super-menu li {position: relative; background: url(/images/super-menu-li.png) repeat-y; font-size: 80%; padding: 0 5px; margin: 0; }
	.super-menu li img { position: absolute; top: 2px; left: 3px; }
	.super-menu li a { display: block; border-bottom: 1px solid #713a12; padding: 5px 0 5px 35px; min-height: 25px; }
	.super-menu li.last { padding-top: 2px; }
	.super-menu li.last a { border-bottom: none; padding-bottom: 0; }


#footer {display: block; position: relative; margin: 0; padding: 14px 18px 0 215px; height: 98px; background: transparent url(/images/footer.jpg) no-repeat 0 0; overflow: hidden; width: 567px;}

#footer .cc {height: 28px; background: transparent url(/images/footer_botshadow.png) repeat-x 0 0; width: 804px; margin: 0 -20px 0 -218px;}

#footer .vcard {background: transparent url(/images/footer_img.png) no-repeat 0 0; font-size: 70%; padding-left: 54px; float: left; width: 225px; color: #402105; line-height: 1.2em; position: static; z-index: 500; margin-bottom: 16px;}
#footer .vcard strong {color: #000; }
#footer .vcard a:link, #footer .vcard a:visited, #footer .vcard a:hover, #footer .vcard a:active {color: #000; text-decoration: underline; position: relative; z-index: 500;}
#footer .vcard a:hover, #footer .vcard a:active {text-dcoration: none; color: #402105; }

#boy {background: transparent url(/images/boy.png) no-repeat 0 0; width: 183px; height: 284px; position: absolute; bottom: 15px; left: 0; z-index: 100;}

#gallery {padding-left: 1em; margin-right: -6em; margin-top: .5em;}

.gallery {margin: 1em 2.1em 1em 0; float: left; position: relative;}



/* MAILFORM */
#mailform {display: block; float: none; clear: both; position: relative;}
#mailform h2 {padding-bottom: 10px;}
#mailform label  {display: block; clear: both;}
#mailform label span {float: left; width: 200px; color: #fff088; font-size: 80%; margin-bottom: 18px; padding-left: 20px;}
#mailform input, #mailform textarea {width: 246px; margin-bottom: 10px;}
#mailform input#name, #mailform input#email, #mailform input#captcha, #mailform textarea#text {background-color: #ffe592;}
#mailform .buttons input {width: auto; margin-left: 220px; padding-left: 2em; padding-right: 2em; font-size: 80%; cursor: pointer;}
#mailform .captcha {margin-bottom: 5px;}
#mailform .errors {color: #590c0c; font-size: 90%; font-weight: bold; padding-left: 20px;}

/* CONTACT INFO */
#vcards {width: 560px; margin-right: -100px;}
#content .vcard {font-size: 80%; float: left; width: 280px; color: #fff088; line-height: 1.5em; position: static; z-index: 500; margin-bottom: 16px;}
#content .vcard .officemap { margin-top: 10px; position: relative;}

/* fix cms */
.cmsedit { position: fixed; left: 3px; top: 3px; color: #797979; text-align: left; border: 1px solid #797979; padding: 5px; background: #ffffff; }
.cmsedit h6 { font-size: 10px; color: #000000;  }
.cmsedit a { font-size: 9px; color: #797979; text-decoration: none; }
.cmsedit a:hover { color: #4a4a4a; }