html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
strong {font-weight: bold;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

body {font: normal 12px Verdana, Arial, Helvetica, sans-serif; line-height: 1.3; background: #78cb55 url(images/header-side.jpg) top repeat-x; color: #4a4b4a; text-align: left;}
h1, h2, h3, h4, h5, h6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
a {color: #01b813; text-decoration: underline;}
a:hover {color: #017b0d; text-decoration: underline;}

.clear {clear: both;}

.main {max-width: 1400px; min-width: 900px; margin: 0 auto; position: relative;}

.header {height: 546px; margin: 0px auto; position: relative;}
	.header h1 {color: #d6ffbd; text-align: center; font-size: 1.5em; line-height: 36px; line-height: 2.5;}
	.header ul {width: 500px; margin: 0px auto;}
	.header ul li {float: left; overflow: hidden; margin-right: 30px;}
	.header ul li a {color: #FFFFFF;}
	
	.img-header {width: 100%; height: 546px; margin: 0px auto; background: url(images/header-middle.jpg) top center no-repeat; position: absolute; top: 0;}
	
	.main-menu {width: 600px; position: relative; margin: 0 auto;}
		#m-main a, #m-potfolio a, #m-artstudio a, #m-bardachek a, #m-recepty a {display: block; height: 27px; background-position: 0px 0px repeat-x; text-indent: -9000px;}
		#m-main a:hover, #m-potfolio a:hover, #m-artstudio a:hover, #m-bardachek a:hover, #m-recepty a:hover {display: block; height: 27px; background-position: 0px -27px; text-indent: -9000px;}
		#m-main a:active, #m-potfolio a:active, #m-artstudio a:active, #m-bardachek a:active, #m-recepty a:active {display: block; height: 27px; background-position: 0px -27px; text-indent: -9000px;}
		#m-main a.menu-active, #m-potfolio a.menu-active, #m-artstudio a.menu-active, #m-bardachek a.menu-active, #m-recepty a.menu-active {display: block; height: 27px; background-position: 0px -27px; text-indent: -9000px;}
		#m-main a {width: 85px; position: absolute; top: 312px; left: 70px; background: url(images/menu-main.jpg);}
		#m-potfolio a {width: 125px; position: absolute; top: 378px; left: 112px; background: url(images/menu-porfolio.jpg);}
		#m-artstudio a {width: 125px; position: absolute; top: 436px; left: 227px; background: url(images/menu-artstudio.jpg);}
		#m-bardachek a {width: 108px; position: absolute; top: 389px; left: 360px; background: url(images/menu-bardachek.jpg);}
		#m-recepty a {width: 118px; position: absolute; top: 341px; left: 436px; background: url(images/menu-recepty.jpg);}

.content {width: 100%; position: relative; margin: 0px auto; background: #FFFFFF url(images/content-middle-top.gif) top repeat-x;}
	.content p {margin-top: 10px;}
	.cont-left-top {background: url(images/content-left-top.gif) top left no-repeat;}
	.cont-right-top {background: url(images/content-right-top.gif) top right no-repeat;}
	.cont-middle-right {background: url(images/content-middle-right.gif) right repeat-y; }
	.cont-middle-left {background: url(images/content-middle-left.gif) left repeat-y;}
	.cont-left-bottom {background: url(images/content-left-bottom.gif) bottom left no-repeat;}
	.cont-right-bottom {background: url(images/content-right-bottom.gif) bottom right no-repeat; padding: 50px;}
	.cont-middle-bottom {background: url(images/content-middle-bottom.gif) bottom repeat-x;}
	
	.center-block {background: #FFFFFF; position: relative; margin: 20px 10px;}
		
		.languages ul li a span {display: block; width: 150px; height: 25px; text-indent: -9000px; margin-bottom: 5px;}
			.en {background: url(images/languaches-batton_en.jpg) top no-repeat; float: left; overflow: hidden;}
			.ru {background: url(images/languaches-batton_ru.jpg) top no-repeat; float: right; overflow: hidden;}
			
		.about-work {margin-top: 15px; padding-bottom: 5px; text-indent: 10px; background: url(images/p-decor-green1.gif) bottom no-repeat;}
			.about-work h3 {text-align: center; font-size: 1.2em; line-height: 2.5; height: 38px; color: #01b813; background: #e4ffd3 url(images/h-decor-green1.gif) no-repeat;}
			.about-work h3 span {display: block; height: 38px; background: url(images/h-decor-green1-right.gif) right no-repeat;}
			.about-work-volume {width: 20%; float: left; overflow: hidden; margin-top: 10px;}
			.about-work-volume li strong {background: #b3f788; line-height: 1.4em;}
			.about-work-text {width: 60%; float: left; overflow: hidden;}
			.about-work-date {width: 20%; text-align: right; float: right; overflow: hidden;}
				.about-work-date p a strong {line-height: 3em; font-size: 1.3em;}
				
				.brouser-block {width: 766px; position: relative; margin: 0px auto 10px; background: #ffffff; }
					.brouser-block-right {background: url(images/brouser-right.png) right repeat-y;}
					.brouser-block-left {background: url(images/brouser-left.png) left repeat-y;}
					.brouser-block-bottom {background: url(images/brouser-bottom.png) bottom no-repeat;}
					.brouser-block-top {background: url(images/brouser-top.png) top no-repeat;}
						.preview {margin: 0px auto; text-align: center; padding: 80px 0 20px 0;}
						
		.about-work2 {margin-top: 15px; padding-bottom: 5px; text-indent: 10px; background: url(images/p-decor-blue1.gif) bottom no-repeat;}
			.about-work2 a {color: #22adc7;}
			.about-work2 a:hover {color: #008da7;}
			.about-work2 h3 {text-align: center; font-size: 1.2em; line-height: 2.5; height: 38px; color: #22adc7; background: #e7fbff url(images/h-decor-blue1.gif) no-repeat;}
			.about-work2 h3 span {display: block; height: 38px; background: url(images/h-decor-blue1-right.gif) right no-repeat;}
			.about-work2-text {width: 80%; float: left; overflow: hidden;}
			.about-work2-date {width: 20%; text-align: right; float: right; overflow: hidden;}
				.about-work2-date p a strong {line-height: 3em; font-size: 1.3em;}
						.preview2 {margin: 0px auto; text-align: center; padding: 5px 0 5px 0;}
						.preview2 a {line-height: 2em;}

	.left-block {background: #FFFFFF; float: left; overflow: hidden; margin-right: 420px; position: relative;}
		.left-block-center {margin: 0 auto;}
		.what-for, .offer-of-services, .collaboration {margin-bottom: 20px; padding-bottom: 5px; text-indent: 10px;}
		.what-for, .collaboration {background: url(images/p-decor-blue1.gif) bottom no-repeat;}
		.offer-of-services {background: url(images/p-decor-green1.gif) bottom no-repeat;}
		.what-for h3, .offer-of-services h3, .collaboration h3 {text-align: center; font-size: 1.2em; line-height: 2.5;}
		.what-for p, .offer-of-services p, .collaboration p {margin-bottom: 10px;}
		.what-for ul, .offer-of-services ul, .collaboration ul {margin-bottom: 10px;}
		.what-for h3 {height: 38px; color: #22adc7; background: #e7fbff url(images/h-decor-blue1.gif) no-repeat;}
		.what-for h3 span {display: block; height: 38px; background: url(images/h-decor-blue1-right.gif) right no-repeat;}
		.offer-of-services h3 {height: 38px; color: #01b813; background: #e4ffd3 url(images/h-decor-green1.gif) no-repeat;}
		.offer-of-services h3 span {display: block; height: 38px; background: url(images/h-decor-green1-right.gif) right no-repeat;}
		.collaboration h3 {height: 38px; color: #22adc7; background: #e7fbff url(images/h-decor-blue2.gif) no-repeat;}
		.collaboration h3 span {display: block; height: 38px; background: url(images/h-decor-blue2-right.gif) right no-repeat;}
		.what-for li, .collaboration li {background: url(images/bullet-blue.gif) left top no-repeat; padding-left: 15px; margin: 5px 0 0 5px;}
		.offer-of-services li {background: url(images/bullet-green.gif) left top no-repeat; padding-left: 15px; margin: 5px 0 0 5px;}
		
		p.main-links {margin-bottom: 10px;}
		
		.latest-work {background: url(images/p-decor-green1.gif) bottom no-repeat;}
		#latest-work-date {text-align: left; margin: 5px; line-height: 2.2em; font-size: 0.9em; color: #017d0c;}
		.latest-work h2 {width: 138px; height: 21px; margin: 0 auto 10px auto; background: #e4ffd3 url(images/last-work-header.gif) center no-repeat; text-indent: -9000px;}
			#latest-work-content {background: #e4ffd3 url(images/latest-work-back.gif) left top no-repeat; text-align: center; padding-bottom: 15px;}
			.latest-work-right-decor {height: 200px; background: url(images/latest-work-back-right.gif) right no-repeat;}
			#latest-work-content h3 {font-size: 1.2em; font-weight: bold; color: #01b813; line-height: 2.2em;}
			.work {margin-bottom: 10px;}
			.work img {width: 455px; height: 274px; border: 2px solid #fff;}
				.latest-work-content-volume {text-align: left; float: left; margin-left: 5px;}
					.latest-work-content-volume li strong {background: #b3f788; line-height: 1.4em;}
				.latest-work-content-pages {text-align: left; float: right; margin-right: 5px;}
			.latest-work-text {background: url(images/p-decor-green1.gif) top no-repeat; padding: 10px 0 0 0; margin: 0 auto;}
			.latest-work-text a {text-align: center; line-height: 3.2em; margin: 0 auto;}
			
		.done-work-odd {margin-top: 15px; padding-bottom: 5px; text-indent: 10px; background: url(images/p-decor-blue1.gif) bottom no-repeat;}
			.done-work-odd h3 {text-align: center; font-size: 1.2em; line-height: 2.5; height: 38px; background: #e7fbff url(images/h-decor-blue1.gif) no-repeat;}
			.done-work-odd a {color: #22adc7;}
			.done-work-odd a:hover {color: #008da7;}
			.done-work-odd h3 span {display: block; height: 38px; background: url(images/h-decor-blue1-right.gif) right no-repeat; color: #22adc7;}
			.done-work-odd-content {margin: 10px auto;}
			.done-work-odd-content img {width: 155px; height: 90px; float: left; overflow: hidden;}
			.done-work-odd-content-volume {text-align: left; float: left;}
				.done-work-odd-content-volume li strong {background: #c3f2fc; line-height: 1.4em;}
				.done-work-odd-date {text-align: right; float: right; line-height: 1.5em;}
			
		.done-work {margin-top: 15px; padding-bottom: 5px; text-indent: 10px; background: url(images/p-decor-green1.gif) bottom no-repeat;}
			.done-work h3 {text-align: center; font-size: 1.2em; line-height: 2.5; height: 38px; color: #01b813; background: #e4ffd3 url(images/h-decor-green1.gif) no-repeat;}
			.done-work h3 span {display: block; height: 38px; background: url(images/h-decor-green1-right.gif) right no-repeat;}
			.done-work-content {margin: 10px auto;}
			.done-work-content img {width: 155px; height: 90px; float: left; overflow: hidden;}
			.done-work-content-volume {text-align: left; float: left;}
				.done-work-content-volume li strong {background: #b3f788; line-height: 1.4em;}
				.done-work-date {text-align: right; float: right; line-height: 1.5em;}
			.done-work-content-pages {margin-left: 150px;}
			.done-work-content-pages li {text-align: left; float: left; margin-right: 5px;}
			.done-work-content-pages li span {font-size: 0.8em; color: #666666;}
			
		.bard-work {width: 188px; height: 190px; margin: 15px 0 0 2px; padding-bottom: 5px; text-indent: 10px; background: #f7fef2 url(images/p-decor-green1.gif) bottom no-repeat; float: left; overflow: hidden;}
			.bard-work h3 {height: 40px; text-align: center; background: #e4ffd3;}
			.bard-work-content {margin: 10px auto;}
				.bard-work-info {text-align: center; line-height: 1.5em; margin: 0 10px 10px 0; font-size: 0.9em;}
				
		.art-work {width: 188px; height: 190px; margin: 15px 0 0 2px; padding-bottom: 5px; text-indent: 10px; background: #f8feff url(images/p-decor-blue1.gif) bottom no-repeat; float: left; overflow: hidden;}
			.art-work h3 {height: 40px; text-align: center; background: #e7fbff;}
			.art-work a {color: #22adc7;}
			.art-work a:hover {color: #008da7;}
			.art-work-content {margin: 10px auto;}
				.art-work-info {text-align: center; line-height: 1.5em; margin: 0 10px 10px 0; font-size: 0.9em;}
			
	.recepty {}
		.recepty a {color: #22adc7;}
		.recepty a:hover {color: #008DA7;}
		.recepty ul {margin-bottom: 15px;}
		.recepty ul li {line-height: 2em;}
		.recepty .entry {margin-bottom: 20px; padding-bottom: 25px; background: url(images/p-decor-blue1.gif) bottom no-repeat;}
			.recepty .entry h3 {text-align: center; font-size: 1.2em; line-height: 2.5; height: 38px; background: #e7fbff url(images/h-decor-blue1.gif) no-repeat;}
			.recepty .entry h3 span {display: block; height: 38px; background: url(images/h-decor-blue1-right.gif) right no-repeat; color: #22adc7;}
			.more {height: 25px; float: right;}
				p.info {font-size: 0.8em; color: #666666;}
				
		.health-title, .cakes-title, .sope-title, .vegetables-title, .sea-title, .drinks-title, .meat-title {margin: 10px auto;}
		.health-title h2 {width: 284px; height: 35px; background: url(images/rec-health-title.gif) no-repeat; text-indent: -9000px; margin: 0 auto;} 
		.cakes-title h2 {width: 288px; height: 35px; background: url(images/rec-cakes-title.gif) no-repeat; text-indent: -9000px; margin: 0 auto;}
		.sope-title h2 {width: 275px; height: 35px; background: url(images/rec-soup-title.gif) no-repeat; text-indent: -9000px; margin: 0 auto;}
		.vegetables-title h2 {width: 270px; height: 35px; background: url(images/rec-vegetables-title.gif) no-repeat; text-indent: -9000px; margin: 0 auto;}
		.sea-title h2 {width: 300px; height: 35px; background: url(images/rec-sea-title.gif) no-repeat; text-indent: -9000px; margin: 0 auto;}
		.drinks-title h2 {width: 283px; height: 35px; background: url(images/rec-drinks-title.gif) no-repeat; text-indent: -9000px; margin: 0 auto;}
		.meat-title h2 {width: 238px; height: 35px; background: url(images/rec-meat-title.gif) no-repeat; text-indent: -9000px; margin: 0 auto;}
		

	.right-block {width: 380px; background: #FFFFFF; float: left; overflow: hidden; margin-left: -380px; position: relative;}
		.my-mail {width: 367px; height: 370px; background: url(images/mail-decor.gif) top no-repeat; margin: 0 auto 10px auto; padding-top: 25px;}
		.mail-img {width: 224px; height: 28px; margin: 0 auto 5px auto;}
		.my-mail h3 {width: 227px; height: 19px; background: url(images/write-me-letter.gif) no-repeat; text-indent: -9000px; margin: 0 auto 10px;}
		.my-mail h3.my-mail-en-title {width: 227px; height: 19px; background: url(images/write-me-letter_en.gif) no-repeat; text-indent: -9000px; margin: 0 auto 10px;}
		.mail-form-dont-work {margin: 50px auto; text-align: center;}
		img.mail-form-dont-work {width: 234px; height: 31px;}
		.my-mail .name-field img {width: 55px; height: 20px; margin: 0 0 -5px 15px;}
		.my-mail .all-field img {width: 55px; height: 20px; margin: 0 0 130px 15px;}
		#name, #from, #topic, #message {width: 230px; border: 1px solid #22adc7;}
			.button-send {width: 121px; height: 31px; text-align: center; margin: 0 auto;}
			#success-message {text-align: center;}
		.sendbutton {width: 121px; height: 31px; margin: 15px 130px; background: url(images/button-send.gif) no-repeat; background-position: 0px 0px repeat-x; text-indent: -9000px; border: none; cursor: pointer; }
		.sendbutton:hover {background-position: 0px -31px;}
		
		.last-work {width: 367px; margin: 0 auto 35px auto; position: relative;}
		.last-work h2 {height: 21px; text-align: center; margin: 0 auto 10px auto; color: #01b813; font-size: 1.2em;}
		.last-work-h {width: 138px; height: 21px; position: absolute; left: 110px; top: 0;}
			#last-work-content {width: 367px; background: #e4ffd3 url(images/all-works-backgr-top.gif) top no-repeat; margin: 0 auto;}
			#last-work-content h3 {text-align: center; font-size: 1.1em; line-height: 2em; color: #01b812;}
			#last-work-content h4 {text-indent: 15px; font-weight: lighter;}
				.last-work-section {width: 367px; background: url(images/p-decor-green1.gif) top no-repeat; margin: 10px auto;}
				.prev-img img {width: 155px; height: 90px; margin: 5px 10px; border: #ffffff 2px solid;}
					.prev-volume {float: right; overflow: hidden; margin-right: 20px;}
					.prev-volume ul {margin-top: 10px;}
						.goto {text-align: right; margin-right: 15px;}
			.link-to-porfolio a {position: absolute; left: 200px; bottom: 20px;}
			.last-work-link-potf {width: 169px; height: 26px; position: absolute; right: -30px; bottom: -5px;}
		.last-work-bottom {width: 367px; height: 3px; background: url(images/p-decor-green1.gif) bottom no-repeat;}
			
		.all-works, .all-works-en {width: 367px; line-height: 2em; text-indent: 20px; margin: 0 auto 20px;}
			.all-works h2 {width: 130px; height: 30px; margin: 0 auto 10px auto; background: url(images/all-works.gif) center no-repeat; text-indent: -9000px;}
			.all-works-en h2 {width: 130px; height: 30px; margin: 0 auto 10px auto; background: url(images/all-works-en.gif) center no-repeat; text-indent: -9000px;}
			.all-works-content {background: #e4ffd3 url(images/all-works-backgr-top.gif) top no-repeat; padding: 10px 0;}
			.all-works-bottom {width: 367px; height: 3px; background: url(images/p-decor-green1.gif) bottom no-repeat;}
			
		.all-recepty {width: 367px; line-height: 2em; text-indent: 20px; margin: 0 auto 20px;}
			.all-recepty h2 {width: 142px; height: 30px; margin: 0 auto 10px auto; background: url(images/all-recepty.gif) center no-repeat; text-indent: -9000px;}
			.all-recepty ul li ul li a {margin-left: 20px; line-height: 1.5em; font-size: 0.9em;}
			
		.links {width: 367px; font-size: 0.9em; line-height: 2em; text-indent: 20px; margin: 30px auto;}
			.links h2 {width: 100px; height: 30px; margin: 0 auto 10px auto; background: url(images/links.gif) center no-repeat; text-indent: -9000px;}
			.links-content {background: #e4ffd3 url(images/all-works-backgr-top.gif) top no-repeat; padding: 10px 0;}
			.links-bottom {width: 367px; height: 3px; background: url(images/p-decor-green1.gif) bottom no-repeat;}
		
		.schedule {width: 367px; text-align: center; line-height: 2em; margin: 0 auto 20px;}
			.schedule h3 {width: 204px; height: 30px; margin: 0 auto 10px auto; background: url(images/my-schedule.gif) center no-repeat; text-indent: -9000px;}
			.schedule-content {background: #e7fbff url(images/schedule-decor.gif) top no-repeat; padding: 5px 0;}
			.schedule-bottom {width: 367px; height: 3px; background: url(images/p-decor-blue1.gif) bottom no-repeat;}
		
.footer {width: 830px; height: 150px; margin: 0 auto;}
	.footer h3 {width: 179px; height: 141px; margin: 0 auto; background: url(images/logo-small.gif) no-repeat; text-indent: -9000px;}
	.footer ul {width: 630px; margin: 0 auto;}
	.footer li {text-align: center; margin: 5px 10px 5px 0px; float: left; overflow: hidden;}
	#f-main a, #f-portfolio a, #f-artstudio a, #f-bardachek a, #f-recepty a {display: block; height: 28px; background-color: #78cb55; background-position: 0px 0px repeat-x; text-indent: -9000px;}
	#f-main a:hover, #f-portfolio a:hover, #f-artstudio a:hover, #f-bardachek a:hover, #f-recepty a:hover {display: block; height: 28px; background-color: #78cb55; background-position: 0px -28px;}
		#f-main a {width: 85px; background: url(images/menu-footer-main.gif);}
		#f-portfolio a {width: 123px; background: url(images/menu-footer-portfolio.gif);}
		#f-artstudio a {width: 119px; background: url(images/menu-footer-artstudio.gif);}
		#f-bardachek a {width: 108px; background: url(images/menu-footer-bardachek.gif);}
		#f-recepty a {width: 119px; background: url(images/menu-footer-receptiky.gif);}
		
	.footer p {display: block; width: 730px; height: 60px; color: #000000; text-align: center; line-height: 1.2; margin: 5px auto; background: url(images/flower-footer.gif) right  no-repeat;}
	.footer a {color: #FFFFFF;}
	
