@import "/css/globals.css";


body {
	background: #f0e9d0 url("/images/bg-tile.jpg") repeat-x top;  	
}
		 
	#banner {
		position: relative;
		width: 945px;
		margin: 0 auto;
	}

	#lower {
		position: relative;
		width: 925px;
		margin: -3px auto 0;
	}		
	
			#lower h3 {
				color: #5e4d19;
				font-size: 21px;
				line-height: 16px;
				margin: 0 0 10px 20px;
			}
			
			#lower h4 {
				color: #429c00;
				font-weight: normal;
				font-size: 13px;
				line-height: 20px;
				margin: 13px 20px 0px 20px;
			}
			
			#lower p {
				font-size: 11px;
				line-height: 16px;
				font-weight: 500;
				margin: 0 18px 12px 20px;
			}
				

		#left-col {
			position: relative;
			float: left;
			width: 645px;
			background: transparent url("/images/left-col-bg.jpg") repeat-y;
		}
		
			#left-col-top {
				position: relative;
				float: left;			
				background: transparent url("/images/left-col-bg-top.jpg") no-repeat top;
			}
			
			#left-col-bottom {
				position: relative;
				float: left;			
				background: transparent url("/images/left-col-bg-bottom.jpg") no-repeat bottom;
			}
			
				#history {
					position: relative;
					float: left; 
					width: 368px;
					height: 285px;
					margin: 15px 0;
				}
				
					#history img.poloroids {
						margin: 4px 0 5px 15px;
					}
					
					#btn-history {
						position: absolute;
						bottom: 5px;						
						margin: 5px 0 0 20px;
					}
					
					#btn-history a {
						width: 284px;
						height: 33px;
						display: block;
						background: transparent url("/images/btn-home-history.jpg") no-repeat 0 0;
					}
						
						#btn-history a:hover {
							background-position: 0 -33px;
						}
						
						#btn-history a span {
							display: none;
						}
				
				#retailer {
					position: relative;
					float: right; 
					width: 276px;
					height: 285px;
					border-left: 1px dotted #ddd0a7;
					margin: 15px 0;
				}
					
					#btn-retailer {
						position: absolute;
						bottom: 5px;	
						margin: 5px 0 0 20px;
					}
					
					#btn-retailer a {
						width: 200px;
						height: 33px;
						display: block;
						background: transparent url("/images/btn-home-retailer.jpg") no-repeat 0 0;
					}
						
						#btn-retailer a:hover {
							background-position: 0 -33px;
						}
						
						#btn-retailer a span {
							display: none;
						}
		
		#right-col {
			position: relative;
			float: right;		
			width: 270px;
			background: transparent url("/images/right-col-bg.jpg") repeat-y;
		}
		
			#right-col-top {
				position: relative;
				float: left;			
				background: transparent url("/images/right-col-bg-top.jpg") no-repeat top;
			}
			
			#right-col-bottom {
				position: relative;
				float: left;			
				background: transparent url("/images/right-col-bg-bottom.jpg") no-repeat bottom;
			}
				
				#video {
					position: relative;
					float: left; 
					width: 270px;
					height: 285px;
					margin: 15px 0;
				}
				
					#video img.poloroids {
						margin: -3px 0 2px 13px;					
					}
					
					#btn-video,
					#btn-eatsmart {			
						position: absolute;
						bottom: 5px;				
						margin: 5px 0 0 20px;
					}
					
					#btn-video a {
						width: 143px;
						height: 33px;
						display: block;
						background: transparent url("/images/btn-home-video.jpg") no-repeat 0 0;
					}
						
						#btn-video a:hover {
							background-position: 0 -33px;
						}
						
						#btn-video a span {
							display: none;
						}	
						
					#btn-eatsmart a {
						width: 188px;
						height: 33px;
						display: block;
						background: transparent url("/images/btn-home-eatsmart.jpg") no-repeat 0 0;
					}
						
						#btn-eatsmart a:hover {
							background-position: 0 -33px;
						}
						
						#btn-eatsmart a span {
							display: none;
						}	

	#footer { 
		position: relative;
		width: 895px;
		margin: 10px auto;
	}
	
		#footer p { 
			font-size: 11px;
			line-height: 18px;
			font-weight: 500;
		}
		
			#footer p a { 
				color: #6f6547;
				text-decoration: underline;
			}
			
			#footer p a:hover { 
				text-decoration: none;
			}