/* --- Lightbox --- */
* html .modal-overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

* html .modal-window {
	position:absolute;
}

.modal-overlay, .lightbox-overlay {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#000;
	opacity:.65;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	z-index:101;
}

.modal-window {
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	z-index:102;
	width:450px;
	height:330px;
	margin-left:-225px;
	margin-top:-165px;
	background-image:url("/gfx/modal.png");
	background-position:center;
	background-repeat:no-repeat;
}

.lightbox-window {
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	z-index:102;
	width:900px;
	height:660px;
	margin-left:-450px;
	margin-top:-330px;
	background-image:url("/gfx/lightbox.png");
	background-position:center;
	background-repeat:no-repeat;
}

.lightbox-window2 {
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	z-index:102;
	width:515px;
	height:720px;
	margin-left:-260px;
	margin-top:-365px;
	background-image:url("/gfx/lightbox2.png");
	background-position:center;
	background-repeat:no-repeat;
}

.modal-window h1 {
	text-align:center;
	font-size:25px;
	line-height:25px;
	margin-top:50px;
	margin-bottom:10px;
}

.modal-window h2 {
	text-align:center;
	font-size:25px;
	line-height:25px;
}
.modal-window form{
	position:relative;
}

#dobDD {
	position:absolute;
	top:10px;
	left:94px;
	width:50px;
	height:50px;
	line-height:50px;
	padding:5px;
	font-size:25px;
	color:#f99d32;
	text-align:center;
	background-color:#0b0b0b;
	border:1px solid #493d1b;
}

#dobMM {
	position:absolute;
	top:10px;
	left:174px;
	width:50px;
	height:50px;
	line-height:50px;
	padding:5px;
	font-size:25px;
	color:#f99d32;
	text-align:center;
	background-color:#0b0b0b;
	border:1px solid #493d1b;
}

#dobYY {
	position:absolute;
	top:10px;
	left:254px;
	width:50px;
	height:50px;
	line-height:50px;
	padding:5px;
	font-size:25px;
	color:#f99d32;
	text-align:center;
	background-color:#0b0b0b;
	border:1px solid #493d1b;
}

#country {
	position:absolute;
	top:85px;
	left:77px;
	font-size:11px;
}

#enterSite {
	position:absolute;
	top:120px;
	left:166px;
}

#committed {
	color:#c5b260;
	font-size:12px;
	position:absolute;
	top:160px;
	left:56px;
	text-align:center;
}

#twitter {
	position:absolute;
	top:175px;
	left:0;
}

#facebook {
	position:absolute;
	top:290px;
	left:0;
}

#blog {
	position:absolute;
	top:405px;
	left:0;
}

#pageflip img {
	width: 100px; height: 102px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}

#pageflip .msg_block {
	width: 100px; height: 98px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url("/gfx/Peel.jpg") no-repeat right top;
	text-indent: -9999px;
}

#custom-doc { 
	width:75.38em;
	*width:73.57em;
	min-width:980px; 
	margin:auto; 
	text-align:left;
}

html {
	background-color:#2a1a03;
	background-image:url("/gfx/mainBg.jpg");
	background-repeat:no-repeat;
	background-position:top center;
}

body {
	margin:0;
}

#page {
	background-image:url("/gfx/topBg.gif");
	background-repeat:repeat-x;
	background-position:top;
}

#hd {
	position:relative;
	height:165px;
}

	#logo {
		position:absolute;
		top:10px;
		left:406px;
	}
	
	#mainMenu {
		margin:0;
		text-align:center;
		padding-top:135px;
	}
	
		#mainMenu li{
			list-style:none;
			display:inline;
		}
			
			#mainMenu li a {
				color:#fff9e4;
				font-size:22px;
				text-decoration:none;
				margin:0 30px;
				outline:none;
			}
			
			#mainMenu li a:hover, #mainMenu li a.on {
				color:#c6af63;	
			}


	.copyright {
		text-align:center;
		color:#fff9e5;
		font-size:10px;
		font-weight:bold;
	}
	
	.registered {
		text-align:center;
		color:#c5b260;
		font-size:10px;
	}
	
#ftBar {
	margin-top:15px;
	border-top:1px solid #806c36;
	border-bottom:1px solid #806c36;
	margin:15px 10px;
}
	#ftMenu {
		margin:0;	
	}

		#ftMenu li{
			list-style:none;
			display:inline;
		}
			
			#ftMenu li a {
				color:#fff8e2;
				font-size:22px;
				text-decoration:none;
				margin-right:15px;
				margin-left:2px;
				outline:none;
				font-size:10px;
				height:27px;
				line-height:27px;
			}
			
			#ftMenu li a:hover {
				color:#c6af63;
				text-decoration:underline;
			}
			
	.drinkAware {
		float:right;
		margin-top:7px;
	}

/*=========== Home ===========*/

#scenery {
	width:980px;
	height:575px;
}
	.alt {
		display:none;
	}


/*=========== Freestyle ===========*/

#main {
	width:878px;
	height:438px;
	border:1px solid #9d8a48;
	background-image:url("/gfx/bg.png");
	background-repeat:repeat;
	background-position:center;
	margin:5px auto;
	padding:40px;
	color:#fff9e5;
}

#main2 {
	width:878px;
	border:1px solid #9d8a48;
	background-image:url("/gfx/bg.png");
	background-repeat:repeat;
	background-position:center;
	margin:5px auto;
	padding:40px;
	color:#fff9e5;
}

h1 {
	color:#fff9e5;
	font-size:30px;
	margin:0;
	text-transform:uppercase;
}

h2 {
	color:#c5b260;
	font-size:30px;
	margin:0;
	text-transform:uppercase;
}

h3 {
	color:#c5b260;
	font-size:15px;
	font-weight:bold;
	margin:0;
}

#main a, #main2 a {
	color:#ea8f00;
	text-decoration:none;
}

#main a:hover, #main2 a:hover {
	text-decoration:underline;
}

.section {
	margin-top:20px;
}

.bar {
	width:958px;
	height:518px;
	background-image:url("/gfx/bar.png");
	background-position:bottom center;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
}


/*=========== Beers ===========*/
.beers {
	position:relative;
}

.beers a {
	display:block;
	width:250px;
	height:518px;
	position:absolute;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-100000px;
	overflow:hidden;
}

.beers a:hover {
	background-position:0 -600px;
}

.bitterPump {
	top:0;
	left:140px;
	background-image:url("/gfx/bitter.png");
}

.specialPump {
	top:0;
	left:350px;
	background-image:url("/gfx/special.png");
}

.goldPump {
	top:0;
	left:560px;
	background-image:url("/gfx/gold.png");
}

/*=========== Beer Inner Pages ===========*/

#bitter {
	width:550px;
	height:445px;
	background-image:url("/gfx/bitterPage.png");
	background-repeat:repeat;
	background-position:center;
	margin:5px auto 0;
	padding:40px;
	padding-left:390px;
	color:#fff9e5;
	position:relative;
}

#special {
	width:550px;
	height:445px;
	background-image:url("/gfx/specialPage.png");
	background-repeat:repeat;
	background-position:center;
	margin:5px auto 0;
	padding:40px;
	padding-left:390px;
	color:#fff9e5;
	position:relative;
}

#london {
	width:550px;
	height:445px;
	background-image:url("/gfx/bottlePage.png");
	background-repeat:repeat;
	background-position:center;
	margin:5px auto 0;
	padding:40px;
	padding-left:390px;
	color:#fff9e5;
	position:relative;
}

#gold {
	width:550px;
	height:445px;
	background-image:url("/gfx/goldPage.png");
	background-repeat:repeat;
	background-position:center;
	margin:5px auto 0;
	padding:40px;
	padding-left:390px;
	color:#fff9e5;
	position:relative;
}

#events {
	width:958px;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url("/gfx/Youngs-Video.jpg");
	margin:5px auto;
	color:#fff9e5;
	position:relative;
	overflow:auto;
}

#selectAnEvent {
	border:1px solid #9d8a48;
	background-image:url("/gfx/bg.png");
	background-repeat:repeat;
	background-position:center;
	padding:15px;
	padding-right:0;
	width:215px;
	height:525px;
	float:right;
}

.event {
	margin-top:20px;
}

.event img {
	border:1px solid #9d8a48;
	float:left;
	margin-right:10px;
}

.event a, #eventDetails a {
	color:#ea8f00;
	text-decoration:none;
}

.event a:hover, #eventDetails a:hover {
	text-decoration:underline;
}

#youngsTV{
	width:725px;
	height:475px;
	float:left;
	text-align:center;
}

#eventDetails {
	border:1px solid #9d8a48;
	background-image:url("/gfx/bg.png");
	background-repeat:repeat;
	background-position:center;
	padding:15px;
	width:680px;
	float:left;
}

.vidLink a{
	display:block;
	outline:none;
}

.backToTheBeers {
	position:absolute;
	bottom:0;
	left:0;
	text-indent:-100000px;
	overflow:hidden;
	display:block;
	width:210px;
	height:80px;
}

.tastingNotes {
	font-style:italic;
	position:absolute;
	bottom:40px;
	left:390px;
	width:550px;
}

.tastingNotes strong {
	font-weight:bold;
	color:#c5b260;
	font-style:normal;
}

.tryIt {
	position:absolute;
	bottom:108px;
	left:390px;
	width:550px;
	font-size:18px;
	font-style:italic;
	color:#c5b260;
}

/*=========== Contact Us ===========*/

.address {
	color:#c5b260;
	font-size:18px;
}

.middle {
	vertical-align:middle;
}

label {
	color:#c5b260;
	font-size:18px;
}

.txt {
	border:1px solid #000;
	padding:5px;
	width:400px;
}

form {
	margin-left:20px;
}

.submit {
	position:absolute;
	bottom:10px;
	right:0;
}

#comments {
	height:80px;
}

#bd {
	position:relative;
}

#message {
	color:#cc0000;
	font-weight:bold;
	margin-left:20px;
}

.hidden {
	display:none;
}

/*=========== Advertising ===========*/

.advertTop {
	float:left;
	width:270px;
	margin-bottom:20px;
	margin-right:40px;
}

.advert {
	float:left;
	width:270px;
	margin-right:40px;
}

.advertBig {
	float:right;
	width:255px;
}

.lightbox-window img {
	margin-top:50px;
}

.lightbox-window2 img {
	margin-top:54px;
}

.counter {
	font-weight:bold;
	color:#fff9e5;
	text-align:right;
	padding-right:50px;
	padding-top:15px;
}

.lightbox-window2 .counter {
	padding-right:55px;
}

.counter a {
	color:#fff9e5;
	text-decoration:none;
}

.counter a:hover {
	color:#c6af63;
	text-decoration:underline;
}