* {
	margin:0; 
	padding:0;
	}

body {
	background:#0E0E0E;
	color:#FFF;
	font:80%/1.3 "lucida grande", arial, sans-serif;
	}

p {
	font-size:1.0em;
	}


p a {
	color:#FFF;
	text-decoration:underline;
	}
	
	p a:hover {
		color:#DDB;
		}
		
a:link, a:visited {
	color:#FFF;
	text-decoration:underline;
	}

a:hover {	
	color:#DDB;
	}		
	
h1 {
	font-size:1.4em;
	}
	
h2 {
	font-size: 1.3em;
	border-bottom:1px solid #999;
	margin:0 0 1.0em 0;
	}

h3 {
	font-size: 1.2em;
	}
	
#insidecontent img {
	padding:0.5em;
}

.clipTitle{
	font-size:14px;
	font-weight:bold;
}
	
#wrapperinside {
	background: url(../chrome/beer_inside_banner.jpg) no-repeat 0 0;
	width:862px;
	margin:0 0 20px 50px;
	}


	
h1#indexbanner a {
	text-indent:-7140px;
	width:862px;
	height:222px;
	display:block;
	}
	
h1#insidebanner a {
	text-indent:-7140px;
	width:862px;
	height:180px;
	display:block;
	}

div#insidecontent {
	float:right;
	width:533px;
	padding:0 67px 0 0;
	margin: 30px 0 3.0em 0;
	}
	
div#insidecontent .heading {
	font-size:15.5px;
	font-weight:bold;
	}
	
	div#insidecontent p {
		margin: 0 0 1.0em 0;
		}

div#insidesitenav {
	float:left;
	width:200px;
	padding: 30px 0 0 40px;
	}
.credit dt {
	color:#DDB;
	text-decoration:underline;
	margin-top:5px;
}
.credit  {
	margin-bottom:15px;
	}
	
	div#insidesitenav dl {
		clear:both;
		}
div#warpromo{
width:200px;
background:#000000;
float:left;
margin:0 0 10px 0;
padding:0 0 10px 0;
font-size:0.9em;
font-family: georgia, times, serif;
text-align:center;
border:#999 solid 1px;
}

div#insidesitenav dl dd {
		font-size:0.9em;
		font-family: georgia, times, serif;
		margin-left:8px;
		width:140px;
		}
	
	
div#insidesitenav dl dd.indexnavdescrip {
	width:140px;
	float:left;
	margin-bottom:1.0em;
	}
	
		div#insidesitenav dl dd.indexnavimage {
			width:40px;
			float:left;
			margin:0.4em 0 1.0em 0;
			}
	
		
		div#insidesitenav dl dd a {
			color:#FFF;
			text-decoration:none;
			}
			
		a img {
			border:none;
			}
		
		div#insidesitenav dl dt a {
			display:block;
			padding:2px 0.4em;
			margin:0 0 2px 0;
			text-decoration:none;
			font-weight:bold;
			border-bottom:1px solid #999;
			color:#FFF;
			}
		div#introparagraph{
		width:450px; 
		display:block;
		float:left; 
		}
		
		div#nextparagraph{
		width:450px; 
		display:block;
		float:left; 
		}
				
			div#insidesitenav dl dt a:hover {
				border-bottom:1px solid #FFF;
				}

dl#timeline dt, dl#resources dt {
	border-top:1px solid #666;
	padding:0.2em 0 0.1em 0.4em;
	margin:1.0em 0 0 0;
	font-size: 1.1em;
	background:#222;
	border-left:1px solid #666;
	border-right:1px solid #333;
	}

	dl#timeline dd, dl#resources dd {
		padding:0.4em 4px 0.5em 4px;
		border-left:1px solid #444;
		border-bottom:1px solid #222;
		border-right:1px solid #333;
		}
		
		dl#timeline dd a, dl#resources dd a {
			color:#FFF;
			}
	
#legalese {
	clear:both;
	font-size:0.9em;
	font-family:georgia, times, serif;
	color:#CCC;
	padding:2.0em 36px 1.0em 36px;
	background:#111 url(../chrome/legalfade.gif) repeat-x 0 100%;
	border-top:2px solid #333;
	border-left:1px solid #222;
	border-right:1px solid #222;
	border-bottom:2px solid #222;
	width:726px;
	}
#legalese #fineprint {
	clear:both;
	}
	
#legalese p#underwriters {
	width:430px;
	float:left;
	}

#legalese p#partners {
	width:290px;
	float:right;
	}

#legalese p#underwriters, #legalese p#partners {
	margin:0 0 1.0em 0;
	line-height:1.5;
	}

	#legalese p#underwriters a img, #legalese p#partners a img {
		padding:0 24px 0 0;
		}

h3.gallerylinks {
	margin-bottom:10px;
	}


h3.gallerylinks a img {
	vertical-align:middle;
	}
		
#gallerycontainer {
	text-align:center;
	}
	
.filmstill {
		border-bottom:1px solid #999;		
		padding:0 0 1.0em 0px;
		margin:0 0 1.0em 0;
		}

div#videoPlayer {
	width:523px;
	padding:5px;
	border:1px #999 solid;
}

div #vidThumbs td {
	width:249px;
	float:left;
	border:1px #999 solid;
	padding:5px;
	margin:0 2.5px 5px 2.5px;
}
#vidThumbs td img {
	width:115px;
	float:left;
	margin-right:5px;
	padding:0;
	border:1px #999 solid;
}
#vidThumbs td .cap {
	font-size:10px;
	}
div #vidThumbs a:link, div #vidThumbs a:visited {
	text-decoration:none;
	color:#CCC;
}

#gallerycaption {
	border-bottom:3px solid #999;
	}
	
img.introphoto {
	float:left;
	}
.introtext {
	float:right;
	width:270px;
	}

ul#locals li {
	list-style: none;
	margin: 20px 0;
	clear: both;
}

	ul#locals li img {
		margin: 0 5px 5px 0;
		float: left;
		padding: 0 0 20px 0;
	}
	
	ul#locals li span {
		float: right;
		width: 390px;
		padding: 0 0 20px 0;
	}


	#gallerycaption {
		border-bottom:3px solid #999;
		font-size: 1.1em;
		}

	p.gallerynavigation {
		float: right;
		padding: 6px;
		margin: 0 0 5px 5px;
		background: #222;
	}

	.introphoto {
		width: 200px;
		float:left;
		}
	.introtext {
		float:right;
		width:270px;
		}

	span.illus_photo_caption {
		display: block;
		width: 200px;
		font-size: 0.85em;
		color: #AAA;
		float: left;
		margin: 0 10px 10px 0;
	}

	span.illus_photo_caption_wide {
		display: block;
		width: 300px;
		font-size: 0.85em;
		color: #AAA;
		float: right;
		margin: 0 0 10px 10px;
	}
	
	
	div#introparagraph .heading {
		font-size:15.5px;
		font-weight:bold;
		}
	 .img_tbl {
		font-size:0.8em;
		border:1px solid #999;
		margin:0.5em;
	}
	
		 .img_tbl img {
			padding:0;
		}
		
.resource dt {
			color:#DDB;
			text-decoration:underline;
			margin-top:5px;
			font-size:1.2em;
	}
.resource dd {
	font-size:0.9em;
}
.resource {
		margin-bottom:15px;
	}

/* --- video viewer (compliant style) --- */


/* hides the second object from all versions of IE */
* html object.mov {
    display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
    display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
    display/**/: none;
}

/* --- END video viewer --- */

#gallery_win {
	width:580px; 
	border:1px #CCCCCC solid; 
	margin:10px;
	float:left;
	background:#FFF;
}

#gallery_win img {
	padding:10px;
}

.controls {
	position:absolute;
	top:230px;
	left:15px;
	width:570px;
	padding-top:10px;
	margin-top:20px;
	border-top:1px #CCCCCC solid;
}

.controls a:link, .controls a:visited{
	font-size:1.4em;
	color:#666666;
	text-decoration:none;
}

.controls a:hover {
	color:#B1B1B1;
}

#gallery_inside {
	background:#FFF;
	color:#000;
	padding:5px;
	max-height:240px;
	overflow:auto;
}

#gallery_inside img {
	padding:5px;
	border:1px #CCCCCC solid;
	margin:5px;
}

dl.reading {
		border:1px solid #999999;
		padding:5px;
		margin:4px 5px 2em 5px;
	}
	
	dl.reading dt{
		font-size:1.2em;
		background:#1E1E1E;
		padding:0.3em 0.2em;
		margin-top:3px;
		color:#909090;
	}
	
	dl.reading dd{
		background:#1E1E1E;
		padding:0.3em 0.2em;
	}
	dl.reading img{
		padding-right:1em;
		padding-bottom:1em;
	}