html, body{
	height: 100%;
	background: #9e3e3f;
}

body {
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 21px;
}
	.wrapper {
		width: 100%;
		height: 100%;
	}
		.wrapper td {
			text-align: center;
			vertical-align: middle;
			padding: 20px 0;
		}
		.outer {}
			.mainContainer {
				width: 570px;
				margin: 0 auto;
				text-align: left;
			}

	.image { margin: 0 0 37px; }
	.inlineLeft {
		float: left;
		margin: 0 18px 16px 0;
	}
	.inlineRight {
		float: right;
		width: 385px;
	}
	ul.inlineRight {
		margin: 0 !important;
	}
	
	h1 {
		font-size: 22px;
		margin: 0 0 9px;
	}
	h1.single {
		margin: 1em 0 19px;
	}
	h2 {
		font-size: 15px;
		margin: 0 0 22px;
	}
	h3 {
		font-style: italic;
		margin: 20px 0 0;
	}
	p { margin: 0 0 21px; }
	h1, h2, strong { font-weight: bold; }
	em { font-style: italic; }

	ul {
		margin: -10px 0 15px;
		padding-left: 1em; }
	ul li { list-style: disc; }

	blockquote {
		text-align: center;
		min-height: 49px;
		padding: 12px 0 29px 0;
		clear: both;
	}
		blockquote div {
			display: inline;
			position: relative;
			width: auto;
		}
			blockquote q { 
				font-size: 16px;
				line-height: 19px;
			}
			blockquote em {
				position: relative;
				padding-right: 82px;
			}
				blockquote q .stars {
					background: url(../images/graphic/star_smooth.gif) repeat-x;
					width: 75px;
					height: 14px;
					position: absolute;
					top: 4px;
					right: 0;
				}
			blockquote cite {
				position: absolute;
				top: 14px;
				right: 0;
				padding: 9px 0 0;
			}

	.lady { float: right; }
	
	.formular div { margin-bottom: 7px; }
	.formular .even {
		padding: 10px 0 7px;
		margin: 0;
	}
	.formular .hidden { display: none; }

		.formular input,
		.formular select { 
			font-size: 12px;
			color: #4c4c4c;
		}
		label {
			width: 100px;
			display: block;
			float: left;
			padding: 1px 0 0;
		}

		.formular div input { width: 230px; }
		.formular div.short input,
		.formular div.short select { width: 90px; }
		.formular div.date select { width: 56px; }
		.formular div.date select:nth-of-type(2) { /* month */
			width: 106px;
			margin: 0 5px 0;
		}
	
		.formular div.submit input {
			width: 170px;
			height: 28px;
			font-weight: bold;
			color: #382121;
			margin: 12px 0 0 166px;
			font-size: 13px;
		}
	
	.clear { clear: both; }


/* Femi style */
.femi { background: url(../images/background/femi.jpg) repeat-x; }
.femi table { background: url(../images/background/femi_curls.jpg) no-repeat 50% 0; }
.femi .wrapper td { vertical-align: top; }

.femi h1, .femi h2, .femi h3, .femi blockquote q { font-family: Times, Times New Roman, Georgia, serif; }
.femi blockquote cite, .femi input, .femi select { font-family: Georgia, Times, Times New Roman, serif; }
.femi .mainContainer, .femi .mainContainer h1, .femi .mainContainer h2, .femi .mainContainer h3, .femi .mainContainer blockquote { text-align: center; }
.femi .mainContainer * { text-align: left; }

.femi .mainContainer { width: 614px; }
.femi p { padding: 0 22px; }

	.femi .imageGroup { 
		margin: 32px auto 35px;
		text-align: center;
	}
	.femi .imageSingle {
		margin-left: 22px;
		text-align: left;
	}
	.femi .inlineLeft { margin-right: 18px; }
	.femi .inlineRight { width: 406px; }

	.femi h1 { 
		font-weight: normal;
		font-style: italic;
		font-size: 30px;
		margin: 0 0 19px;
		line-height: 1em;
	}
	.femi h1.single { 
		font-weight: normal;
		font-style: italic;
		font-size: 40px;
		margin: 55px 0 29px 22px;
		text-align: left;
	}
	.femi h2 { 
		font-weight: normal;
		font-style: italic;
		font-size: 21px;
		position: relative;
		top: -29px;
		margin: 43px 0 -7px;
	}
	.femi h3 {
		font-size: 19px;
		margin: 28px 0 0;
	}
	
	.femi ul { 
		margin-left: 22px;
		
	} 
	.femi ul li {
		list-style: url(../images/graphic/bullet-doublearrow.gif);
	}

	.femi blockquote { 
		background: url(../images/graphic/quote_top.gif) no-repeat 50% 0;
		padding-top: 15px;
	}
		.femi .mainContainer blockquote q {
			font-size: 19px;
			display: block;
			text-align: center;
		}
		.femi .mainContainer blockquote cite {
			text-transform: uppercase;
			font-size: 14px;
			position: static;
			display: block;
			text-align: center;
			padding: 4px 0 10px;
			background: url(../images/graphic/quote_bottom.gif) no-repeat 50% 100%;
		}
		.femi blockquote em { padding-right: 74px; }
			.femi blockquote q .stars {
				background: url(../images/graphic/star_luxurious.gif) repeat-x;
				width: 74px;
				height: 13px;
				top: 2px;
			}

	.femi .formular {
		background-color: #a34848;
		position: relative;
		padding: 0 22px 0;
		z-index: 0; /* IE6 hack */
	}
		.femi .formular div label,
		.femi .formular div input,
		.femi .formular div select,
		.femi .formular .lady { /* IE6 hack */
			position: relative;
			z-index: 1;
		}
		.femi .formular div { margin-bottom: 5px;´}
			.femi .formular input, .femi .formular select {
				background: #fde4e4 url(../images/background/femi_input.gif) no-repeat;
				border: 0;
				padding: 3px;
			}
			.femi .formular div.date select:nth-of-type(2) { width: 104px; } /* month */
	
		.femi .formular .submit {
			background: url(../images/graphic/btn_femi.gif) no-repeat;
			width: 214px;
			height: 28px;
			position: relative;
			left: 185px;
			bottom: -17px;
			margin: 5px 0 0 0;
		}
			.femi .formular .submit input {
				background: transparent;
				width: 214px;
				height: 28px;
				font-weight: bold;
				color: #333;
				margin: 0;
				text-align: center;
				text-transform: uppercase;
			}


/* Femi mobil style */
.femi.mobile {
	min-height: 587px;
	-webkit-text-size-adjust:none;
}
.femi.mobile .wrapper td { padding: 0; }
.femi.mobile .mainContainer { 
	width: 100%;
	max-width: 614px;
}
.femi.mobile p { padding: 0 10px; }
.femi.mobile h1.single { 
	margin: 15px 0 19px 10px;
}
.femi.mobile .image {
	padding: 0 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}
	.femi.mobile .image img { 
		width: 100%;
		height: auto;
	}
	.femi.mobile .imageGroup img { max-width: 468px; }
	.femi.mobile .imageSingle img { max-width: 152px; }
	.femi.mobile .imageSingle { margin: 0; }
.femi.mobile .inlineLeft { 
	margin-right: 0; 
	/*float: none;*/
}
.femi.mobile .inlineRight { 
	width: auto;
	float: left;
}
.femi.mobile ul { 
	padding: 0.5em 0 1.2em 40px;
}
.femi.mobile .mainContainer blockquote { margin: 0 10px; }
.femi.mobile blockquote em { padding-right: 0; line-height: 1.2em; }
	.femi.mobile blockquote q .stars { 
		display: block;
		position: relative;
		margin: 4px 50%;
		left: -37px;
	}
.femi.mobile .formular { 
	margin: 0 10px;
}
	.femi.mobile h2 { 
		top: 0em;
		margin: 0;
		padding: 10px 0;
	}
	.femi.mobile .formular .lady { 
		width: 35%; 
		max-width: 125px;
		height: auto;
		margin-bottom: 185px;
	}
	.femi.mobile .formular div input { width: 150px; }
	.femi.mobile .formular div.short input,
	.femi.mobile .formular div.short select { width: 75px; margin-right: 75px }
	.femi.mobile .formular .submit { 
		left: 50%; 
		margin-left: -107px;
		z-index: 2;
	}
	.femi.mobile .formular .submit input { width: 214px; } 
.femi.mobile h3 { margin-bottom: 30px; }


/* mesterkok style */
.mesterkok .mainContainer {
	width: 960px;
	background: url(../images/photo/dame_cover.jpg) no-repeat;
	position: relative;
	padding-top: 208px;
}
.mesterkok .singleRecipe {
	padding-top: 183px;
} 
.mesterkok .formularAlign {
	padding-top: 166px; /* 176px */
}
	.mesterkok .formularAlign h1.single {
		top: 170px;
	}
	.mesterkok .formularAlign .formular { margin-top: 30px; }

.mesterkok .lady { display: none; }
.mesterkok p, .mesterkok .formular, .mesterkok h3 { margin-left: 458px; }

.mesterkok ul { margin: -10px 0 10px 473px; }

.mesterkok blockquote {
	position: absolute;
	top: 0;
	left: 458px;
	text-align: left;
	width: 280px;
	display: block;
}
	.mesterkok blockquote em { padding: 0; }
		.mesterkok blockquote q .stars {
			background: url(../images/graphic/star_smooth.gif) repeat-x;
			width: 75px;
			height: 14px;
			position: static;
			display: block;
			margin: 8px 0 5px;
		}
	.mesterkok blockquote cite {
		position: static;
		padding: 0;
	}	
	
	.mesterkok h1 {
		background-color: rgba(158,62,62,0.8);
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#CC9e3e3f', EndColorStr='#CC9e3e3f');
		font-family: Times, Times New Roman, Georgia, serif;
		font-weight: normal;
		font-style: italic;
		font-size: 42px;
		line-height: 42px;
		padding: 10px 24px;
		width: 370px;
		position: absolute;
		top: 212px;
		left: 0;
		overflow: hidden;
	}
	.mesterkok h1.single {
		top: 187px; /* 212 */
		margin: 0 0 9px;
		font-size: 48px;
		padding: 16px 24px;
	}

	.mesterkok .image {
		position: absolute;
		top: 408px;
		left: 0;
		width: 418px;
		height: 171px;
		overflow: hidden;
		background-color: rgba(255,255,255,0.7);
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B2FFFFFF', EndColorStr='#B2FFFFFF');
	}
	.mesterkok .imageSingle {
		top: 345px;
		height: 247px;
	}
		.mesterkok .image img {
			margin-left: -24px;
			margin-top: 6px;
		}
	.mesterkok h3 {
		font-family: Times, Times New Roman, Georgia, serif;
		font-size: 19px;
		text-align: right;
		padding-right: 116px;
		clear: both;
	}

.mesterkok .formular { margin-top: 80px; }
	.mesterkok 	label { width: 150px; }
	.mesterkok .formular .submit {
		background: url(../images/graphic/btn_mesterkok.jpg) no-repeat;
		width: 185px;
		height: 33px;
		margin: 10px 111px 4px 0;
		float: right;
		display: inline; /* IE6 hack */
	}
		.mesterkok .formular .submit input {
			background: transparent;
			width: 185px;
			height: 33px;
			overflow: hidden;
			border: 0;
			margin: 0;
			text-indent: -999px;
		}
		
	.mesterkok .formular .submitSingle {
		background: url(../images/graphic/btn_mesterkok_single.jpg) no-repeat;
	}