/*====================================
CSS for http://<domain>
Josiah Platt - http://29agency.com
Copyright 2008 - Beef And More
=====================================*/
	*{
		outline: none;
	}
	html{
		background: #322a21 url('../img/bg.jpg') repeat-x top left;
	}
		body{
			margin: 0 auto;
			margin-top: 31px;
			position: relative;
			font-family: Myriad Web, Arial, Helvetica, sans-serif;
			font-size: 14px;
		}
			strong{
				font-weight: bold;
			}
			p{
				overflow: hidden;
			}
			.white{
				color: #fff;
			}
			#frame{
				width: 1265px; height: 879px;
				background: url('../img/contentBG.jpg') no-repeat top center;
				margin: 0 auto;
				position: relative;
			}
				#nav{
					width: 737px; height: 91px;
					position: absolute;
					top: 48px; right: 155px;
					z-index: 300;
				}
				#nav li{
					display: inline;
					float: left;
				}
				#nav a{
					display: block;
					height: 91px;
					text-indent: -9999px;
				}
				#nav .navAbout{
					width: 102px;
					background: url('../img/navAbout.png');
				}
				#nav .navDry{
					width: 95px;
					background: url('../img/navDryFood.png');
				}
				#nav .navCan{
					width: 92px;
					background: url('../img/navCanFood.png');
				}
				#nav .navTestimonials{
					width: 144px;
					background: url('../img/navTestimonials.png');
				}
				#nav .navFAQ{
					width: 71px;
					background: url('../img/navFAQ.png');
				}
				#nav .navFresh{
					width: 110px;
					background: url('../img/navFresh.png');
				}
				#nav .navContact{
					width: 123px;
					background: url('../img/navContact.png');
				}
				#nav a:hover{
					background-position: bottom left;
				}
				.current{
					background-position: bottom left;
				}
				#content{
					width: 905px; height: 573px;
					position: absolute;
					top: 144px; left: 160px;
					z-index: 100;
					background: #fff;
				}
					#content div{
						width: 905px; height: 573px;
					}
					#home{
						background: url('../img/contentHomeA.jpg') no-repeat top left;
					}
					#about{
						background: url('../img/contentAboutA.jpg') no-repeat top left;
					}
						#about p{
							width: 370px;
							padding: 98px 0 0 58px;
							line-height: 20px;
						}
					#dry{
						background: url('../img/contentDry.jpg') no-repeat top left;
						font-size: 12px;
					}
						#dry h1, #can h1{
							padding: 30px 0 0 490px;
							font-size: 18px;
							font-weight: bold;
						}
						#dry p, #can p{
							width: 370px;
							padding: 8px 0 0 490px;
						}
					#can{
						background: url('../img/contentCan.jpg') no-repeat top left;
						font-size: 12px;
					}
						.lower{
							margin-top: 30px;
						}
						.subtext{
							font-size: 9px;
						}
					#testimonials{
						background: url('../img/contentTest.jpg') no-repeat top left;
					}
						.testimonials{
							width: 413px; height: 450px;
							position: absolute;
							bottom: 0; left: 0;
							padding: 0 0 0 52px;
							overflow: scroll;
						}
					#FAQ{
						background: url('../img/contentFAQ.jpg') no-repeat top left;
					}
						.faq{
							width: 445px; height: 450px;
							position: absolute;
							bottom: 0; left: 0;
							padding: 0 0 0 20px;
							overflow: scroll;
						}
					#fresh{
						background: url('../img/contentFresh.jpg') no-repeat top left;
					}
						#fresh p{
							width: 400px;
							padding: 235px 0 0 30px;
							line-height: 17px;
						}
					#contact{
						background: url('../img/contentContact.jpg') no-repeat top left;
					}
						#contact p{
							width: 420px;
							padding: 130px 0 0 30px;
							line-height: 18px;
						}
						#contact a{
							color: #9f0000;
						}
							#contact p span{
								color: #9f0000;
							}
					#shelters{
						background: url('../img/contentShelters.jpg') no-repeat top left;
					}
					#shelters p{
						width: 420px;
						padding: 170px 0 0 30px;
						line-height: 18px;
					}
				#frameLogo{
					width: 354px; height: 130px;
					position: absolute;
					left: 0px; top: 0px;
					z-index: 200;
				}
				#frameTop{
					width: 915px; height: 20px;
					position: absolute;
					left: 156px; top: 138px;
					z-index: 200;
				}
				#frameRight{
					width: 15px; height: 279px;
					position: absolute;
					right: 193px; top: 158px;
					z-index: 201;
				}
				#frameLeft{
					width: 20px; height: 520px;
					position: absolute;
					left: 150px; top: 158px;
					z-index: 202;
				}
				#frameBottomRight{
					width: 241px; height: 281px;
					position: absolute;
					right: 194px; bottom: 161px;
					z-index: 203;
				}
				#frameBottomLeft{
					width: 680px; height: 115px;
					position: absolute;
					left: 150px; bottom: 86px;
					z-index: 204;
				}
				#footer{
					position: absolute;
					bottom: 0px; left: 400px;
					color: #fff;
					font-family: "Times New Roman", serif;
					font-size: 11px;
					text-align: center;
					text-transform: uppercase;
				}
					#footer p{
						text-align: center;
						line-height: 16px;
					}
					#footer a{
						color: #fff;
						text-decoration: none;
					}
					#footer a:hover{
						text-decoration: underline;
					}