/* Layout Stylesheet */

#envelope {
	margin: 0 auto;	
	position: relative;
	width: 990px;
	}
	#container {
		background: url(../../img/interface/bg-content.jpg) 0 0 repeat-y;
		box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.7);
			 -moz-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.7);
			 -webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.7);
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#1b1309, Direction=135, Strength=9)";
			filter: progid:DXImageTransform.Microsoft.Shadow(Color=#1b1309, Direction=135, Strength=9);
		display: inline;
		float: left;
		margin: 0 0 20px 25px;
		width: 940px;
	}
	
		.fullWidth #container {
			background: url(../../img/interface/bg-content-fullwidth.jpg) 0 0 repeat-y; 
		}
	
	#header {
		background: url(../../img/interface/bg-header.png) 0 0 no-repeat;
			_background: url(../../img/interface/bg-header.gif) 0 0 no-repeat;
		float: left;
		height: 188px;
		position: relative;
		width: 940px;
	}
		
	h1#logo {
		padding: 29px 0 22px 45px;
		height: 107px;
		width: 212px;
	}
		h1#logo a {
			background: url(../../img/interface/logo.gif) 0 0 no-repeat;
			display: block;
			height: 107px;
			overflow: hidden;
			text-indent: -9999em;
			width: 212px;
		}
		h1#logo span {
			display: none;
			border: 1px solid #f00;
		}
		
		
		
	#search {
		position: absolute;
			top: 26px;
			_top: 0px;
			right: 30px;
		width: 172px;
	}
		#search fieldset {
			border: none;
			padding: 0;
			margin: 0;
		}
			#search fieldset label { display: none; }
			
			#search fieldset input#searchField {
				background: url(../../img/interface/bg-search.gif) 0 0 no-repeat;
				border: none;
				color: #a49b85;
				float: left;
				height: 14px;
				padding: 6px 0 6px 7px; 
				position: relative;
				width: 141px; /* 148 */
			}
			#search fieldset input#searchButton {
				float: left;
			}
			
	#content { 
		background: url(../../img/interface/bg-bottom.png) 0 bottom no-repeat;
			_background: url(../../img/interface/bg-bottom.gif) 0 bottom no-repeat;
		float: left; 
		padding: 0 0 23px 0;
		position: relative;
		width: 940px;
		_zoom: 1;
	}
		#mainContent {
			float: left;
			padding: 0 20px 0 22px;
			position: relative;
			width: 598px; /* 640 */
			
		}
			.fullWidth #mainContent {
				padding: 22px 30px 0 30px;
				width: 880px; /* 940 */
			}
		
		#sidebar {
			float: left;
			position: relative;
			width: 300px;
		}
		
	
	#focusAreas {
		clear: both;
		float: left;
		padding: 80px 0 0 0;
		position: relative;
		width: 940px;
	}
		#focusAreas #hops {
			position: absolute;
				top: -158px;
				right: -20px;
			z-index: 20;
			zoom: 1; 
		}
		#focusAreas .focus {
			color: #f0e7d5;
			display: inline;
			float: left;
			margin: 0 20px 0 0;
				_margin: 0 18px 0 0;
			padding: 0 35px;
			text-align: center;
			width: 230px; /* 300 */
		}
			#focusAreas .last {
				margin: 0;
			}
			
			#focusAreas .focus h2 {
				background-position: center;
				background-repeat: no-repeat;
				height: 26px;
				margin: 0 0 10px 0;
				text-indent: -9999em;
				width: 230px;
			}
				#focusAreas #focusOne h2 { background-image: url(../../img/interface/find-a-sam-near-you.gif); }
				#focusAreas #focusTwo h2 { background-image: url(../../img/interface/brewery-tours.gif); }
				#focusAreas #focusThree h2 { background-image: url(../../img/interface/are-you-a-sam-fan.gif); }
			
			#focusAreas .focus p {
				margin: 0 0 4px 0;
			}	
			#focusAreas .focus a.arrow {
				background: url(../../img/interface/focus-arrow.gif) right 4px no-repeat;
				padding: 0 8px 0 0;
			}	
			#focusAreas .focus a.facebook {
				background: url(../../img/interface/btn-facebook.gif) 0 0 no-repeat;
				display: block;
				height: 30px;
				margin: 10px 0 0 70px;
					*margin-left: 0;
				overflow: hidden;
				text-indent: -9999em;
				width: 105px;
			}
			
			/* Zip Code form */
			#focusAreas #focusOne fieldset {
				border: none;
				padding: 7px 0 0 60px;
			}
				#focusAreas #focusOne fieldset label { display: none; }
				
				#focusAreas #focusOne fieldset input#findField {
					background: url(../../img/interface/bg-search.gif) 0 0 no-repeat;
					border: none;
					color: #a49b85;
					float: left;
					height: 14px;
					padding: 6px 0 6px 7px; 
					width: 81px; /* 88 */
				}
				#focusAreas #focusOne fieldset input.findButton {
					float: left;
				}
			
				
/* Footer Styles */
#footer {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 20px 0;
	position: relative;
	width: 940px;
}

	ul#navFooter {
		float: left;
	}
		ul#navFooter li {
			background: url(../../img/interface/footer-divider.gif) right 3px no-repeat;
			float: left;
			
		}
		ul#navFooter li a {
			color: #d9d9d9;
			padding: 0 10px;
		}
			ul#navFooter li.share {
				background: none;
			}
			ul#navFooter li.share a {
				background: url(../../img/interface/icn-share.gif) right 0 no-repeat;
				padding: 0 23px 3px 10px;
				zoom: 1;
			}
		
	#copyright {
		color: #8e897f;
		display: inline;
		float: left;
		margin: 0 10px 0 140px;
	}


