html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
pre
{
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {border:0;}
::selection{background:#333; color:#ddd;}

br.clear{clear:both; zoom:1; height:1px;}

html{
	 background:#6C605C;
}
body{
	width:940px; 
	margin:0 auto; 	
	color: #fff;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 16px;
}

	header{
		margin:60px 0;
	}
		header h1{
			font:600 3em/1.2 "Open Sans", sans-serif;
			text-align:center;			
			font-weight:normal;
			text-transform:uppercase;
			color:#fff;
		}
		header h2{
			margin-top:15px;
			font:400 1.875em/1 "Open Sans", sans-serif;
			padding:17px 50px 20px 50px;
			text-align:center;
			
			background:url('images/flag.png') center 0 no-repeat;
		}
		
	section.content{
		margin:20px auto;
	}
	
		section.content .description{					
			font:italic 1.125em/1.2 "Open Sans", sans-serif;
			color:#fff;
			text-align:center;
		}
		section.content .description-left{
			text-align:left;
			float:left;
			width:430px;
			padding:0 10px;
		}
		section.content .description-right{
			text-align:left;
			float:right;
			width:430px;
			padding:0 10px;
		}
		section.content .description-center{
			width:100%;
			text-align:center;
			margin-top:20px;
		}
		
		section.content .list{
			position:relative;
			margin-top:50px;
			height:760px;
		}		
			section.content .fields{
				position:absolute;
				right:0;
				width:440px;				
			}
				section.content .fields p{
					padding:8px 0;					
				}
			
			.fields input[type="text"]{
				font:normal 1.125em/1 "Open Sans", sans-serif;
				padding:5px;
				width:50px;
				outline:none;
				border:0;
				margin-right:15px;
			}
			.fields label{
				color:#fcd9b4;
				font-style:italic;
				font-size:18px;
				cursor:pointer;
			}
			.fields select{
				font:normal 1.125em/1 "Open Sans", sans-serif;
				color:#333;
				padding:5px;
				width:350px;
				outline:none;
				border:0;
				margin-right:10px;
			}
			
			section.content .step{
				position:absolute;
				color:#fcd9b4;
				font-size:0.875em;
				font-style:italic;
				width:230px;
			}
				section.content .step-1{
					top:10px;
				}
				
				section.content .step-2{
					top:250px;
				}
				
				section.content .step h4{
					background:url('images/flag-small.png') no-repeat 0 0;
					padding:3px 20px;
					margin-bottom:20px;
					font-size:18px;
					color:#fff;
				}
		
			section.content .meal{
				width:700px;
				height:530px;
				top:200px;
				position:absolute;
				right:0;
			}
				section.content .meal > div{
					position:absolute;
					color:#fff;
					font-style:italic;
					cursor:pointer;
				}
					section.content .meal > div:hover,
					section.content .meal > div.active{
						background-position:right 0;						
					}
						section.content .meal > div:hover b{
							display:block;
						}
					
					
					section.content .meal > div i{
						display:block;
					}
					section.content .meal > div b{
						left:-70px;
						top:50px;
						display:none;
						position:absolute;
						background:rgba(256, 256, 256, 0.9);
						width:75px;
						height:75px;
						border-radius:100px;
						font-size:0.875em;
						font-weight:normal;
						color:#000;
						font-style:italic;
						padding:25px;
						z-index:5;
						text-align:center;
					}
			
				div.i-beans{
					top:350px;
					left:0;
					background:url("images/i-beans.png") no-repeat 2px 0;
					width:188px;
					height:160px;
					z-index:3;
				}
					div.i-beans:hover,
					div.i-beans.active{
						width:193px;
						height:162px;					
					}
					div.i-beans i{					
						margin-top:60px;
						margin-left:65px;
					}
				div.i-bran{
					top:198px;
					left:520px;
					background:url("images/i-bran.png") no-repeat 2px 0;
					width:162px;
					height:162px;	
				}
					div.i-bran:hover,
					div.i-bran.active{
						width:168px;
						height:166px;						
					}
					
					div.i-bran i{					
						margin-top:60px;
						margin-left:50px;
					}
				div.i-chia{
					top:170px;
					left:-40px;
					background:url("images/i-chia.png") no-repeat 0 1px;
					width:190px;
					height:145px;					
					z-index:2;
				}
					div.i-chia:hover,
					div.i-chia.active{
						width:196px;
						height:145px;					
					}
					div.i-chia i{					
						margin-top:60px;
						margin-left:40px;
					}
				div.i-lentil{
					top:172px;
					left:50px;
					background:url("images/i-lentil.png") no-repeat 0 0;
					width:310px;
					height:220px;					
				}
					div.i-lentil:hover,
					div.i-lentil.active{
						width:317px;
						height:224px;					
					}
					div.i-lentil i{					
						margin-top:120px;
						margin-left:100px;
					}
					div.i-lentil b{					
						left:-80px !important;
						top:100px !important;
					}
				div.i-milk{
					top:350px;
					left:190px;
					background:url("images/i-milk.png") no-repeat 2px 0;
					width:155px;
					height:210px;					
				}
					div.i-milk:hover,
					div.i-milk.active{
						width:166px;
						height:214px;					
					}
					div.i-milk i{					
						margin-top:80px;
						margin-left:20px;
					}
					div.i-milk b{					
						left:-140px !important;
						top:100px !important;
					}
				div.i-nut{
					top:232px;
					left:350px;
					background:url("images/i-nut.png") no-repeat 4px 0;
					width:167px;
					height:110px;					
				}
					div.i-nut:hover,
					div.i-nut.active{
						width:178px;
						height:114px;					
					}
					div.i-nut i{					
						margin-top:35px;
						margin-left:80px;
					}
				div.i-peas{
					top:0px;
					left:380px;
					background:url("images/i-peas.png") no-repeat 2px 0;
					width:240px;
					height:250px;					
				}
					div.i-peas b{					
						left:-120px !important;
						top:130px !important;
					}
					div.i-peas:hover,
					div.i-peas.active{
						width:246px;
						height:252px;					
					}
					div.i-peas i{					
						margin-top:165px;
						margin-left:45px;
					}
				div.i-quinoa{
					top:350px;
					left:340px;
					background:url("images/i-quinoa.png") no-repeat 2px 0;
					width:162px;
					height:160px;					
				}
					div.i-quinoa:hover,
					div.i-quinoa.active{
						width:170px;
						height:164px;					
					}
					div.i-quinoa i{					
						margin-top:60px;
						margin-left:50px;
					}
				div.i-soy{
					top:20px;
					left:50px;
					background:url("images/i-soy.png") no-repeat 0 0;
					width:231px;
					height:175px;					
				}
					div.i-soy:hover,
					div.i-soy.active{
						width:236px;
						height:178px;					
					}
					div.i-soy i{					
						margin-top:80px;
						margin-left:120px;
					}
				div.i-spinach{
					top:350px;
					left:480px;
					background:url("images/i-spinach.png") no-repeat 0 0;
					width:175px;
					height:160px;					
				}
					div.i-spinach:hover,
					div.i-spinach.active{
						width:180px;
						height:164px;					
					}
					div.i-spinach i{					
						margin-top:80px;
						margin-left:90px;
					}
				div.i-tofu{
					top:20px;
					left:290px;
					background:url("images/i-tofu.png") no-repeat 2px 0;
					width:152px;
					height:160px;					
				}
					div.i-tofu:hover,
					div.i-tofu.active{
						width:160px;
						height:164px;					
					}
					div.i-tofu i{					
						margin-top:50px;
						margin-left:40px;
						color:#6C605C;
					}

		section.content div.calculator{
			position:relative;
			width:660px;
			margin:40px auto;
		}
			div.calculator button{
				display:block;
				width:315px;
				padding:20px 0 40px 0;
				margin:0 auto;
				border:0;
				background:url("images/button.png") no-repeat 0 0;
				color:#fff;
				font-size:1.8em;
				text-align:center;
				text-transform:uppercase;		
				cursor:pointer;
				outline:none;
			}
				div.calculator button:hover{
					background-position:right 0;
				}
				
			div.calculator .area{
				position:relative;
				margin:30px 0;
				background:#5A4F4C;
				border:dashed 2px #000;
				min-height:230px;
			}
				div.calculator .area #error{
					display:none;
					margin-top:100px;
					width:100%;
					text-align:center;
					color: #fcd9b4;
					font-size: 1em;
					font-style: italic;
				}
				div.calculator .area #result{
					display:none;
					padding:25px 80px 35px 80px;
					color: #fcd9b4;
					font-size: 1em;
					font-style: italic;
				}
					div.calculator .area .area-left{
						float:left;
						width:250px;
						padding-top:20px;
					}
					div.calculator .area .area-right{
						float:left;
						padding-left:30px;						
						color:#fff;
						font-size:60px;
						font-style:normal;
					}
					
					div.calculator .area .a-tofu{background:url('images/a-tofu.png') right bottom no-repeat;}
					div.calculator .area .a-beans{background:url('images/a-beans.png') right bottom no-repeat;}
					div.calculator .area .a-bran{background:url('images/a-bran.png') right bottom no-repeat;}
					div.calculator .area .a-chia{background:url('images/a-chia.png') right bottom no-repeat;}
					div.calculator .area .a-lentil{background:url('images/a-lentil.png') right bottom no-repeat;}
					div.calculator .area .a-milk{background:url('images/a-milk.png') right bottom no-repeat;}
					div.calculator .area .a-nut{background:url('images/a-nut.png') right bottom no-repeat;}
					div.calculator .area .a-peas{background:url('images/a-peas.png') right bottom no-repeat;}
					div.calculator .area .a-quinoa{background:url('images/a-quinoa.png') right bottom no-repeat;}
					div.calculator .area .a-soy{background:url('images/a-soy.png') right bottom no-repeat;}
					div.calculator .area .a-spinach{background:url('images/a-spinach.png') right bottom no-repeat;}
			
			div.calculator .info{
				margin:30px 0;		
				display:none;
			}
				div.calculator .info h3{
					text-align:center;
					font-size:1.5em;
					padding:5px;
				}
				div.calculator .info b{
					width:100%;
					text-align:center;
					display:block;
					margin:0 auto;
					font-weight:normal;
					color:#fcd9b4;
					font-size:1em;
					font-style:italic;
				}
				div.calculator .info .more{
					color:#000;
					margin:12px 0;
				}
				
				div.calculator .info .vits{
					text-align:center;
				}
				
				div.calculator .info u{
					margin:5px;
					display:inline-block;
					width:40px;
					height:40px;
				}
					div.calculator .info u.v-a{background:url('images/v-a.png') no-repeat 0 0;}
					div.calculator .info u.v-b1{background:url('images/v-b1.png') no-repeat 0 0;}
					div.calculator .info u.v-b2{background:url('images/v-b2.png') no-repeat 0 0;}
					div.calculator .info u.v-b3{background:url('images/v-b3.png') no-repeat 0 0;}
					div.calculator .info u.v-b5{background:url('images/v-b5.png') no-repeat 0 0;} 
					div.calculator .info u.v-b9{background:url('images/v-b9.png') no-repeat 0 0;}
					div.calculator .info u.v-c{background:url('images/v-c.png') no-repeat 0 0;}
					div.calculator .info u.v-e{background:url('images/v-e.png') no-repeat 0 0;}
					div.calculator .info u.v-h{background:url('images/v-h.png') no-repeat 0 0;}
					div.calculator .info u.v-k{background:url('images/v-k.png') no-repeat 0 0;}
					div.calculator .info u.v-pp{background:url('images/v-pp.png') no-repeat 0 0;}
					
				
		section.content div.recipes{
			position:relative;
			padding-top:30px;			
		}
			div.recipes .recipe{
				margin:50px 0 30px 0;
				display:none;
			}
			div.recipes .title{
				float:left;
				width:360px;
			}
				div.recipes .title h3{
					font-size:1.5em;					
					text-align:left;
				}
				div.recipes .title h4{
					margin:10px 0;
					text-indent:-9999px;
					padding:5px 10px;
				}
					div.recipes .title h4.breakfast{background:url('images/h4-breakfast.png') no-repeat 0 0;}
					div.recipes .title h4.hot{background:url('images/h4-hot.png') no-repeat 0 0;}
					div.recipes .title h4.more{background:url('images/h4-more.png') no-repeat 0 0;}
					div.recipes .title h4.dessert{background:url('images/h4-dessert.png') no-repeat 0 0;}
					div.recipes .title h4.main{background:url('images/h4-main.png') no-repeat 0 0;}
				
				div.recipes .title b{					
					display:block;					
					font-weight:normal;
					color:#fcd9b4;
					font-size:1em;
					font-style:italic;
				}
			
			div.recipes .desc{
				float:left;
				width:580px;
			}
				div.recipes .desc h5{
					font-weight:normal;
					color:#fcd9b4;
					font-size:1em;
					font-style:italic;
					margin-bottom:20px;
				}
				div.recipes .desc blockquote{
					background:#5A4F4C;
					padding:20px 25px;	
					margin-bottom:30px;
					color:#C29B91;
					font-style:italic;
				}
				
				div.recipes p.more{
					color:#000;
				}
		
footer{
	margin:80px 0 80px 0;
	text-align:center;
	position:relative;
	height:220px;
}

	footer table.social-buttons{		
		width:550px;
		margin:30px auto;
	}
		table.social-buttons td{
			width:150px;
		}
		table.social-buttons td #vk_like{width:145px !important; padding-bottom:2px;}
		
		table.social-buttons td.embed{text-align:right; padding-bottom;4px;}
		table.social-buttons td.facebook{width:300px; padding-bottom:4px;}
		table.social-buttons td.twitter{padding-top:2px;}
		table.social-buttons td.gplus{padding-top:2px;}
	
	footer #embed {
		margin-bottom:20px;
		display:none;
	}
		footer #embed textarea{
			width:530px;
			height:60px;
			border:solid 1px #fff;
			background:#6C605C;
			color:#fff;
			padding:10px;
			outline:none;
		}    	
 
.embed button {
	text-decoration:none;
	position:relative;
	margin:0;
	padding:4px 10px;
	line-height:1;
	font-size:0.8em;
	font-family:inherit;
	color:#111;
	text-shadow:1px 1px #e5e5e5;
	background:#ddd;
	background:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#c4c4c4));
	background:-moz-linear-gradient(top, #ededed, #c4c4c4);
 	background:-ms-linear-gradient(top, #ededed, #c4c4c4); 
	border:1px solid #acacac;
	border-top-color:#bdbdbd;
	border-bottom-color:#949494;

	border-radius:2px;
	cursor:pointer;
	outline:none;
}

	.embed button:hover{
		background:-webkit-gradient(linear, left top, left bottom, from(#c4c4c4), to(#ededed));
		background:-moz-linear-gradient(top, #ededed, #c4c4c4);
		background:-ms-linear-gradient(top, #c4c4c4, #ededed); 
	}

	.embed button.active {
		background:#ccc;
		background:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ddd));
		background:-moz-linear-gradient(top, #ccc, #ddd);
		background:-ms-linear-gradient(top, #ccc, #ddd); 
		border-color:#a6a6a6;
		border-top-color:#939393;
		border-bottom-color:#bcbcbc;
	}