* { margin:auto; padding:0;}

body { background:#100f10; font-size:100%; line-height:1em; color:#393939; margin:auto; position: relative;}





/*in_line*/

img {border:0; vertical-align:top;}



a:hover{text-decoration:none;}

a {color:#e1e790;}

span { color:#ffe466;}

.clear { clear:both;}

.alignright {

	text-align:right;

	float: right;

	clear: right;

}

.more { background:url(../images/z_ul.gif) left 8px no-repeat; padding-left:16px; color:#ffe466; font-size:1.09em;}

ul { margin:0px; padding:0; list-style:none;}

li.arrow { background:url(../images/z_ul.gif) left 8px no-repeat; padding-left:16px; line-height:1.4em;font: normal 11px/16px Arial, Helvetica, sans-serif;}

li.alpha {

	list-style: upper-alpha;

	padding-left:5px;

	line-height:1.4em;

	font-size:1.09em;

	margin-left: 15px; 

	font: normal 11px/16px Arial, Helvetica, sans-serif; 

}

li a { color:#e1e790; text-decoration:none;}

li a:hover {color:#e1e790; text-decoration:underline;}









/*txt, links*/



h1 {

	background: url(../images/logo-final.gif) left top no-repeat;

	width:460px;

	height:54px;

	text-indent:-10000px;

	font: bold 16px Arial, Helvetica, sans-serif;

	color: #FF0000;

}

h2 {

	color:#fff;

	font: bold 14px Arial, Helvetica, sans-serif;

	margin-bottom:5px;

}



.quote {

	color:#ffe466;

	font: italic 14px/16pt Arial, Helvetica, sans-serif;

	text-align:right;

	margin-bottom: 12px;

	float: right;
	
	width: 260px;

}









/*header*/

.header_wrapper { height:310px; font: bold 14px/1.5em Arial, Helvetica, sans-serif; background:url(../images/bg_header_wrapper.jpg) left top no-repeat;}

.header_wrapper .title { margin:43px 0 0 0;}

.logo {

	padding:16px 100px 14px 23px;

	float:left;

}

.main_menu {

	padding:29px 72px 0 23px;

	float:left;

}

.main_menu a img { display:block; line-height: 1.5em; margin-top: 3px;  float: left; clear: left;}

.header_wrapper a {color:#000;  text-decoration: none;}

.header_wrapper a:hover{text-decoration: underline; color:#00CC00;  }





/*content*/

#content { background:url(../images/bg_content.jpg) left top no-repeat; font: normal 11px Arial, Helvetica, sans-serif; width:800px; color:#d8d1b1; line-height:1.2727em;}

#content .title { margin-bottom:15px;}

#content .title1 { margin-top:45px;}

#content .box { width:100%;}

#content .pic { float:left; margin:0 20px 0 0;}

#content p { padding-bottom:15px;}

#content .col_1 .ind { padding-left:15px;}

#content .pad { padding:20px 0 20px 0;}







/*footer*/

#footer { background:url(../images/bg_footer.jpg) left top no-repeat; font-size:0.75em; font-family:Arial; color:#d8d1b1;}

#footer .pic { float:left; margin:23px 307px 0 25px;}

#footer .txt { padding-top:30px;}



/*================== index.html ==================*/

#page1 #content .col_1 ul { margin-left:14px;}

#page1 #content .col_1 li { background: url(../images/z_ul.gif) no-repeat 0 3pt; padding: 0 0 0 15px;}

#page1 #content .col_1 .more { display:block; margin-left:14px;}

#page1 #content .col_2 .pic { float:left; margin:0 35px 35px 0;}

#page1 #content .col_2 p { padding-bottom:3px;}

#page1 #content .column1 { width:141px;}

#page1 #content .column2 { width:372px;}

#page1 #content .column3 { width:178px;}

#page1 #content .column4 { width:178px;}

#page1 #content .column5 { width:164px;}

#page1 #content .pic1 {

	margin-bottom:24px;

	border: 1px solid #000;

}

#page1 #content .column3 span, #page1 #content .column4 span, #page1 #content .column5 span, #page5 #content .col_2 span { display:block; margin-bottom:3px;}

#page1 #content .ind { padding-right:15px;}

#page1 #content span a { color:#ffe466;}

#page1 #content .block1 .indent { padding:19px 15px 50px 14px;}

#page1 #content .block .indent { padding:34px 20px 37px 33px;}

#page1 #content .block1 .bg_line { padding:0 0 7px 11px; margin:0 0 25px 0;}

 

/*================== index-1.html ==================*/

#page2 #content .col_1 .pic1 { margin-bottom:20px;}

#page2 #content .column1 { width:269px;}

#page2 #content .column2 { width:220px;}

#page2 #content ul { margin-bottom:10px;}



/*================== index-2.html ==================*/

#page3 #content .column1 { width:51px;}

#page3 #content .column2 { width:228px;}

#page3 #content .column3 { width:41px;}

#page3 #content .column4 { width:192px;}

#page3 #content .div { height:23px;}

#page3 #content span { text-transform:uppercase; font-family:Tahoma; font-weight:bold; display:block; padding-top:12px;}

#page3 #content .pad1 { padding-bottom:20px;}

#page3 #content .column5 { width:91px; padding-left:4px; float:none;}

#page3 #content .column6 { width:282px; padding-left:4px;}

#page3 #content .column11 { width:91px; border-bottom:1px solid #bababa; padding-left:4px;}

#page3 #content .column12 { width:282px; border-bottom:1px solid #bababa; padding-left:4px;}

#page3 #content .column7 { width:73px; text-align:center;}

#page3 #content .column10 { width:73px; text-align:center; border-bottom:1px solid #bababa;}

#page3 #content .column8 { width:70px; text-align:center; border-right:1px solid #bababa;}

#page3 #content .column9 { width:70px; text-align:center; border-right:1px solid #bababa; border-bottom:1px solid #bababa;}

#page3 #content .pad { font-family:Tahoma; font-size:1em; width:524px; padding:0;}

#page3 #content .pad td { background:url(../images/line_table.gif) left top repeat-x; border-left:1px solid #bababa; color:#d8d1b1;}

#page3 #content td { line-height:1.8em; background:url(../images/line_table.gif) left top repeat-y; }

#page3 #content .column6 h2 { padding-left:50px;}

#page3 #content .col_2 h2 { margin:0px;}

#page3 #content .col_2 .alignright { padding:15px 0 0 0;}



/*================== index-3.html ==================*/

#page4 #content .block1 .indent { padding-bottom:27px;}



/*================== index-4.html ==================*/

#page5 #content ul { margin-bottom:10px;}

#page5 #content span a { color:#ffe466;}

#page5 #content .pic {

	margin-bottom:10px; 

	border: 1px solid #000;

}

#page5 #content .pic1 { float:left; margin:0 20px 10px 0;}

 

/*================== index-5.html ==================*/

#page6 #content strong { color:#ffe466;}

#page6 #content .column1 { width:255px;}

#page6 #content .column2 { width:249px;}

#page6 #content .div { height:34px;}

#page6 #content .div1 { height:94px;}

#page6 #content .alignright { padding-right:12px;}

 

/*================== index-6.html ==================*/

#page7 #content .block1 { background:url(../images/bg_block1_1.jpg) left top repeat-y; width:780px;}

#page7 #content .block1 .l_b {

	padding:28px 0 28px 0;

}

#page7 #content .ind {

	padding-left:0px;

}

#page7 #content .block1 .r_t { background:url(../images/r_t2.gif) no-repeat right top;}

#page7 #content .block1 .r_b { background:url(../images/r_b2.gif) no-repeat right bottom;}



 

/*==================list====================*/

#content .block1 { background:url(../images/block_bgd.gif) left top repeat-y; width:197px;}

#content .block1 .l_t { background:url(../images/l_t1.gif) no-repeat left top;}

#content .block1 .r_t { background:url(../images/r_t1.gif) no-repeat right top;}

#content .block1 .r_b { background:url(../images/r_b1.gif) no-repeat right bottom;}

#content .block1 .l_b { background:url(../images/l_b1.gif) no-repeat left bottom;}

#content .block1 .bg_line { background:url(../images/bg_line_block1.gif) left bottom repeat-x; padding:0 0 7px 11px; margin:0 0 17px 0;}

#content .block1 .indent { padding:28px 28px 33px 14px;}





#content .block { width:100%; background:url(../images/bg_block.gif) left bottom repeat-x #2b2b2b;}

#content .block .l_t { background:url(../images/l_t.gif) no-repeat left top;}

#content .block .r_t { background:url(../images/r_t.gif) no-repeat right top;}

#content .block .r_b { background:url(../images/r_b.gif) no-repeat right bottom;}

#content .block .l_b { background:url(../images/l_b.gif) no-repeat left bottom;}

#content .block .indent { padding:28px 24px 33px 33px;}

#content .block .bg_line {

	background:url(../images/bg_line_block.gif) left bottom repeat-x;

	padding-bottom:8px;

	margin: 0 0 18px 0;

}



/*==========================================*/





#form input {color:#2c2c2c;		 

		 	height:18px;

			width:190px;

			background:#fff;

			border:solid 1px #504931;

			font-size:1em;

			font-family:Arial;

			padding-left:2px;

}



#form1 .input {color:#d8d1b1;		 

				height:25px;

				width:247px;

				background:none;

				border:solid 1px #7a7668;

				font-size:1em;

				font-family:Arial;

				padding-left:2px;

}



#form1 textarea { background:none;

				color:#d8d1b1;

				border:solid 1px #7a7668;

				width:501px;

				height:78px;

				overflow:auto;

				font-family:Arial; 

				font-size:1em;

				padding-left:2px;

}



/* Container recipe */

.instruction_left {

width: 225px; float: left; font: normal 12px Arial, Helvetica, sans-serif; margin: 0 40px 20px 0;

}



.instruction_right {

width: 225px; float: right; font: normal 12px Arial, Helvetica, sans-serif; margin: 0 0 20px 0;

}



.instruction_number {

font: bold 28px Arial, Helvetica, sans-serif; float: left; clear: left; margin: 0 5px 0 0;

}