/* Margherita Master Styles */

/* CSS Import */

@import url("nav.css");
@import url("text.css");

body {
	margin: 0;
	padding: 0;
	font-family: georgia, "times new roman", serif;
	background: url(../_img/_structure/bkg.jpg) repeat-x #f1dbac;
}

img {
	border: 0;
}

a:link {
	color: #b00606;
}

a:visited {
	color: #b00606;
}

a:hover {
	color: #b00606;
	text-decoration: none
}

/* Misc */

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;	
}

/* Structure */

#mainContainer {
	width: 966px;
	margin: 0 auto;
	position: relative;
}

	#header {
		width: 940px;
		height: 90px;	
		margin-left: 13px
	}
	
		#shadow {
			background: url(../_img/_structure/nav_shadow.png) repeat-x;
			width: 940px;
			height: 6px;
			position: absolute;
			left: 13px;
			top: 93px;
		}
		
		#logoWeb {
			position: absolute;
			left: -32px;
			top: 6px;
			margin: 0;
			padding: 0;
			z-index: 10	
		}

		#logoWeb a {
			display: block;
			background: url(../_img/_structure/logo_web.png) no-repeat;
			width: 242px;
			height: 134px;
		}
		
			#logoWeb span {
				display: none;	
			}
			
		#printLogo {
			display: none;	
		}
		
		#printLogoNone {
			display: none;	
		}
		
		#calltoa {
			position: absolute;
			left: 628px;
			top: 10px;
			margin: 0;
			padding: 0;
			z-index: 20;
		}
		
		#calltoa a {
			display: block;
			background: url('../_img/_structure/calltoa.jpg') no-repeat;
			width: 300px;
			height: 38px;
		}
			#calltoa span {
				display: none;
			}
		
	#bodyContentSplash {
		background: url(../_img/_structure/body_bkg.png) repeat-y;
		width: 966px;
		height: 494px;
		position: relative
	}
	
		#bodyContentSplash #content {
			padding: 0 13px;	
		}
		
	#splashBanner {
		background: url(../_img/_structure/splash_banner.png) no-repeat;
		width: 967px;
		height: 530px;
	}
		
	#splashText {
		background: url(../_img/_structure/splash_text.png) no-repeat;
		width: 940px;
		height: 305px;
	}
			
	#bodyContentHome {
		background: url(../_img/_structure/body_bkg.png) repeat-y;
		width: 966px;
		height: 393px;
		position: relative
	}
	
		#bodyContentHome #content {
			padding: 0 13px;	
		}
			
	#bodyContent {
		background-image: url(../_img/_structure/body_bkg.png);
		background-repeat: repeat-y;
		width: 966px;
	}
	
		#bodyContent #content {
			padding: 0 13px;	
		}
	
	#bodyFoot {
		background: url(../_img/_structure/foot.png) no-repeat;
		width: 966px;
		height: 32px;
	}
	
	#foot {
		background: url(../_img/_structure/foot_small.png) no-repeat;
		width: 966px;
		height: 19px;
	}
	
	#flashHome {
		position: absolute;
		width: 940px;
		height: 550px;
		left: 13px;
		z-index: 8;	
	}
	
	#scrollGrad {
		background: url(../_img/_structure/flash_grad_bkg.png);
		width: 940px;
		height: 162px;
		position: relative;
		left: 13px;
		bottom: 19px;
	}
	
		#flash ul {
			margin: 0;
			padding: 15px 0 0 11px;
			list-style: none;	
		}
		
			#flash li {
				float: left;
				text-align: center;
			}
			
				#flash li a {
					display: block;
					font-size: 9px;
					text-transform: uppercase;
					color: #b00606;
					text-decoration: none;
					width: 131px;
				}
				
				#flash li a:hover {
					color: #000;
				}
				
					#flash li a:hover img {
						border: 1px solid #ba8733;
					}
				
					#flash ul img {
						border: 1px solid #ebba69;	
						margin: 0 0 7px 0;
					}
	
	#footer {
		margin-top: 15px;
		background: url(../_img/_structure/footer_grad.png) repeat-x;	
		height: 50px;
	}
	
		#footer #copyright {
			width: 940px;
			margin: 0 auto	
		}
		
			#footer #copyright p {
				font-size: 11px;
				color: #d89d36;
				padding: 20px 0 0 0; 	
			}
			
			#footer #copyright a {
				color: #d89236;
			}
			
			#footer #copyright a:hover {
				color: #734f2e;
				text-decoration: none;
			}
			
	/* Landing Pages */
	
	#recipeList .intro {
		color: #795b3c
	}
	
	#recipeList .clear {
		height: 0;
		line-height: 0;
		font-size: 0;	
	}
	
		.recipeImage {
			float: left;
			width: 370px;
			height: 222px;	
		}
		
		.description {
			background: url(../_img/_structure/recipe_grad.jpg) repeat-x;
			float: right;
			position: relative;
			width: 570px;
			height: 222px;	
			padding: 32px 30px 34px 30px;
			voice-family: "\"}\""; 
  			voice-family:inherit;
  			width: 510px;
  			height: 156px;
			overflow: hidden;
		}
		
			.fullRecipe {
				background: url(../_img/_buttons/full_recipe.png) no-repeat;
				display: block;
				height: 28px;
				width: 149px;
				position: absolute;
				/*top: 13px;
				right: 13px;*/
				top: 180px;
				right: 13px;
				padding-right: 25px;
			}
			
			.fullRecipe2 {
				background: url(../_img/_buttons/full_recipe.png) no-repeat;
				display: block;
				height: 28px;
				width: 149px;
				position: absolute;
				top: 180px;
				right: 13px;
				padding-right: 25px;
			}
			
			.fullRecipe:hover {
				background: url(../_img/_buttons/full_recipe.png) no-repeat 0 -28px;
			}
			
				.fullRecipe span, .fullRecipe2 span {
					display: none;	
				}
				
		.landingLogo {
			float: right;
			margin: 0;
			padding: 0;
		}
		#recipeList .times div {
			float: left;
			padding: 0 30px 0 0;
		}
		
		#recipeList h1 {
			margin: 0 0 3px 0;
			width: 340px;
			font-size: 25px !important;
		}
		
		.recipeList h1 {
			width: 340px;
			font-size: 25px !important;			
		}
		
		#recipeList .margherita {
			margin: 0 0 2px 0;	
			background: url(../_img/_landing/margherita.png) no-repeat;
			width: 64px;
			height: 16px;
		}
		
	
	
	/* Recipe Stuff */
	.playIcon {
		position: absolute; 
		margin-top: 10px; 
		margin-left: 10px;
	}
	
	#thumbs {
		width: 280px;
		padding: 10px 10px 0 10px;
		float: right;
		line-height: 12px;
	}
	
	#thumbs p.right {
		position: absolute;
		margin-left: 100px;
		width: 150px;
		font-size: 10px;
		font-weight: normal;
		text-align: center;
		color:#B00606;
		line-height: 12px;
	}

	#thumbs p.left.lg {
		font-size: 10px;
		width: 97px;
		text-align: center;
		margin: 0;
		padding: 0;
		line-height: 12px;
	}
	
	#thumbs p.left.small {
		font-size: 10px;
		width: 80px;
		text-align: center;
		margin: 0;
		padding: 0;
		line-height: 12px;
	}
	.bg_img {
		position: relative;
	}
	.sm_img {
		position: relative;
		top: -3px;
	}
	
	.recipeLogo {
		 position: absolute; 
		margin-top: -370px; 
		margin-left: 30px;
	}

	#recipe {
		float: left;
		padding: 45px 40px 30px 40px;
		width: 640px;
		voice-family: "\"}\""; 
  		voice-family:inherit;
  		width: 560px;
	}
	
		.times {
			width: 500px;	
		}
	
		.times div {
			float: left;
			padding: 0 40px 30px 0;
		}
	

	
	#recipeFunctions {
		padding-top: 25px;
		position: relative;
		left: -2px;	
		width: 375px;
	}
	
	.printRecipe {
		float: left;
		display: block;
		background: url(../_img/_buttons/print_recipe.png) no-repeat;
		width: 182px;
		height: 29px;	
	}
	
	.printRecipe:hover {
		background: url(../_img/_buttons/print_recipe.png) no-repeat 0 -29px;	
	}
	
		.printRecipe span {
			display: none;	
		}
	
	.emailRecipe {
		float: right;
		display: block;
		background: url(../_img/_buttons/email_recipe.png) no-repeat;
		width: 182px;
		height: 29px;	
		margin-left: 10px;
	}
	
	.emailRecipe:hover {
		background: url(../_img/_buttons/email_recipe.png) no-repeat 0 -29px;	
	}
	
		.emailRecipe span {
			display: none;	
		}
		

	/* Terms & Privacy */
	
	#legal {
		padding: 65px 100px 60px 100px;
	}
	
	/* About */
	
	#aboutContent {
		text-align: center;
		padding: 45px 40px 30px 40px;
	}
	
		#promo p {
			width: 510px;	
		}
		
		#aboutTitle {
			background: url(../_img/_about/about_headline.png) no-repeat;
			width: 536px;
			height: 84px;	
			margin: 0 auto 15px auto;
			padding: 0;
		}
			
			#aboutTitle span {
				display: none;	
			}
			
		#slowCured {
			background: url(../_img/_about/slow_cured.gif) no-repeat;
			width: 310px;
			height: 26px;	
			margin: 0 0 3px 0;
			padding: 0;
		}
		
			#slowCured span {
				display: none;	
			}
			
		#meats {
			background: url(../_img/_about/finest_meats.gif) no-repeat;
			width: 257px;
			height: 21px;	
			margin: 0 0 8px 0;
			padding: 0;
		}
		
			#meats span {
				display: none;	
			}
			
		#discover {
			background: url(../_img/_about/discover.png) no-repeat;
			width: 488px;
			height: 26px;	
			margin: 0 0 3px 0;
			padding: 0;
		}
		
			#discover span {
				display: none;	
			}
				
			.right {
				float: right;
				text-align: left;
			}
			
			.left {
				float: left;
				text-align: left;	
			}
			
	/* Products */
	
	.products {
		position: relative;
	}
	
	.big {
		font-size: 14px;
		line-height: 1.6em;
		color: #000
	}
	
	.prodList {
		margin: 0;
		padding: 0;
		float: left;
	}
	
		.prodList li {	
			margin: 0 35px 0 0;
			padding: 0 0 0 0;
			list-style-position: inside;
		}
		
	/* Register */
	
	#contentRegister {
		padding: 0 13px;
	}
	
		#registration {
			text-align: center;	
			padding: 45px 0;
			height: 349px;
			voice-family: "\"}\""; 
  			voice-family:inherit;
  			height:304px;
		}
		
			#registration span {
				display: none;	
			}
		
			#registration h1 {
				margin: 0 auto;	
			}
		
			#registration h2 {
				background: url(../_img/_reg_form/reg_title.png) no-repeat;
				width: 261px;
				height: 37px;
				margin: 0 auto;
			}
		
		#regForm {
			background: url(../_img/_reg_form/bkg.jpg) no-repeat;
			width: 468px;
			height: 245px;
			margin: 0 auto;
			color: #5d442a;
			font-size: 16px !important;
			padding: 20px 30px 30px 30px;
			voice-family: "\"}\""; 
 			voice-family:inherit;
  			width: 408px;
			height: 195px;
		}
		
			#regForm form {
				color: #5d442a;
				font-size: 16px !important;	
			}
			
			#regForm input {
				margin: 0 0 10px 0;
				font-size: 14px;
				font-family: georgia, "times new roman", serif;
			}	
			
			#regForm .name {
				width: 190px;	
			}
			
			#regForm .email {
				width: 400px;	
			}
			
			#regForm em {
				position: relative;
				top: 4px;
			}
			
			#submitBtn {
				background: url(../_img/_buttons/register_updates.png) no-repeat;
				border: 0;
				width: 182px;
				height: 29px;
				margin: 7px 0 0 0;
				position: relative;
				top: 7px;
			}
			
			#submitBtn:hover {
				background: url(../_img/_buttons/register_updates.png) no-repeat 0 -29px;
				border: 0;
				cursor: pointer;
			}
			
		/* Contact */
	
	#contentContact {
		padding: 0 13px;
	}
	
		#contact {	
			padding: 45px;
		}
		
			#contact h1 {
				margin: 0 auto;	
				text-align: center;
			}
		
		#contactForm {
			background: url(../_img/_reg_form/bkg.jpg) no-repeat;
			width: 468px;
			margin: 0 auto;
			color: #5d442a;
			font-size: 16px !important;
			padding: 20px 30px 30px 30px;
			voice-family: "\"}\""; 
 			voice-family:inherit;
  			width: 408px;
		}
		
			#contactForm form {
				color: #5d442a;
				font-size: 16px !important;	
			}
			
			#contactForm input {
				margin: 0 0 10px 0;
				font-size: 14px;
				font-family: georgia, "times new roman", serif;
			}	
			
			#contactForm .short {
				width: 190px;	
			}
			
			#contactForm .long {
				width: 400px;	
			}
			
			#contactForm .city {
				width: 190px;	
			}
			
			#contactForm em {
				position: relative;
				top: 4px;
			}
			
			#contactForm textarea {
				width: 404px;	
			}
			
			#contactForm #submitBtn {
				background: url(../_img/_buttons/submit.png) no-repeat;
				border: 0;
				width: 182px;
				height: 29px;
				margin: 7px 0 0 0;
				position: relative;
				top: 7px;
			}
			
			#contactForm #submitBtn:hover {
				background: url(../_img/_buttons/submit.png) no-repeat 0 -29px;
				border: 0;
				cursor: pointer;
			}
			
			#selectState {
				position: relative;
				bottom: 5px;	
			}
			
		/* Contact Thanks */
		
		#contentThanks {
			padding: 0 13px;
		}
		
			#thanks {
				text-align: center;	
				padding: 45px 0;
				height: 349px;
				voice-family: "\"}\""; 
	  			voice-family:inherit;
	  			height:304px;
			}
			
				#thanks span {
					display: none;	
				}
			
				#thanks h1 {
					margin: 0 auto;	
				}