html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #2b2b2b; font-family: Georgia, "Times New Roman", Times, serif; background: #f5f3df;}
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 900 )? "900px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1280)? "1280px" : "100%"); min-width: 900px; max-width: 1280px;}

img {border: none;}

form {margin: 0; padding: 0;}
	form table {border-collapse: collapse;}
		form table td {vertical-align: top; margin: 0; padding: 0.5em 0;}
			input, select, textarea {line-height: 1.75em; font-family: "Courier New", Courier, monospace; width: 100%; margin: 0;}
			input.error, select.error, textarea.error {border: 2px solid #e15d35;;}
			p.error {color: #e15d35; margin: 0;}
			.additional {margin-top: 0.5em;}
			label {display: block; font-size: 75%; line-height: 1.75em; margin: 0 1em 0 0;}
			form p.small {margin: 0;}
			.star {position: absolute; left: -1em; font-size: 100%; color: #e15d35;}
			.btn {font-family: Georgia, "Times New Roman", Times, serif; width: auto; padding: 0.2em 1em; cursor: pointer; cursor: hand; }
			.dn {display: none;}

hr {width: 100%; height: 1px; background: #593c32; border: none; margin: 0;}

a {color: #0080c4;}
a.direct {text-decoration: none; border-bottom: 1px dotted;}
a.direct.active {color: #2b2b2b; border: none;}
a:hover, a:active {color: #d62418;}

h1 {color: #593c32; font-size: 100%; text-transform: uppercase; text-align: center; vertical-align: middle; margin: 0 0 1.75em 0; letter-spacing: 0.1em;}
	h1 img {position: relative; top: -0.25em;}	
		h1 img.l {left: -12px;}
		h1 img.r {left: 12px;}
	h1 span {display: inline-block; border-top: 1px solid; border-bottom: 1px solid; padding: 0.25em 0;}
	h1 a {color: #593c32;}
h2 {color: #593c32; font-size: 90%; text-transform: uppercase; vertical-align: middle; margin: 3.5em 0 0.75em 0; letter-spacing: 0.1em; line-height: 1.75em;}	
h3 {color: #593c32; font-size: 70%; text-transform: uppercase; vertical-align: middle; margin: 3.5em 0 0.75em 0; letter-spacing: 0.1em; line-height: 1.75em; clear: left;}	
h4 {color: #593c32; font-size: 60%; text-transform: uppercase; vertical-align: middle; margin: 3.5em 0 0.75em 0; letter-spacing: 0.1em; line-height: 1.75em;}	
	h2 a {color: #593c32;}
	.first {margin-top: 0;}

p, ul, ol {font-size: 75%; line-height: 1.75em; margin: 0 0 1.75em 0; padding: 0; clear: left;}
	ul li {list-style: none; padding-left: 15px; background: no-repeat 0 0.6em url('li.gif'); position: relative; left: -15px; }
	ul p, ol p {font-size: 100%;}
	ul ul, ol ul, ul ul, ol ol {font-size: 100%; margin-left: 40px; margin-bottom: 0;}
p.date {position: relative; float: left; left: -2em; text-align: center; margin: 1.75em 0 0.5em 0; color: #593c32;}
p.date.first {margin-top: 0;}
	p.date span {font-size: 135%; border-top: 1px solid; border-bottom: 1px solid;}
p.prelist {margin-bottom: 0;}
p.more {}
	p.more a {color: #593c32;}
	p.more a:hover, p.more a:active {color: #d62418;}
p.tags {font-size: 55%; margin-bottom: 0.75em;}
	p.tags a {color: #593c32;}
	p.tags a:hover, p.tags a:active {color: #d62418;}
	
p.counter {position: relative; left: -20px; font-size: 100%; color: #698aa5; white-space: nowrap; clear: both; margin: 3.5em 0;}
	p.counter a,  p.counter strong {display: block; width: 40px; height: 40px; color: #593c32; padding-top: 5px; text-align: center; float: left;}
	p.counter a:hover {color: #d62418;}
	p.counter strong {font-weight: normal; background: no-repeat url('counter.gif');}

blockquote {margin: 0 0 0 40px; padding: 0 0 0 40px; border-left: 1px solid; color: #593c32; font-style: italic;}	
.note {position: fixed; top: 240px; left: 4%; width: 100px; color: #593c32; z-index: 1;}
*html .note {position: absolute;}
.wide .note {position: absolute; top: 0; left: -15.8%; width: 10.5%; }
	.note p, p.small {font-size: 55%; color: #593c32;}
	.note img {position: absolute; left: -8px; top: -0.75em;}
.br {width: 100%; height: 1px; clear: both;}
.ico_download {position: absolute; left: -40px; width: 31px; height: 37px;}
	


#header {position: relative; width: 100%; height: 180px;}
	#logo {position: absolute; left: 16%; margin-left: -84px; top: 68px; width: 365px; height: 63px;}
	#lang {position: absolute; left: 72%; margin-left: -20px; top: 70px; width: 40px; height: 60px;}
		#lang a, #lang strong {position: absolute; display: block; width: 40px; height: 40px;}
		#lang strong {z-index: 1;}
		#lang_ru {top: 0; background: no-repeat url('lang_ru.gif');}
		#lang_ua {bottom: 0; background: no-repeat url('lang_ua.gif');}
	#hsm {position: absolute; left: 92%; margin-left: 12px; top: 52px; width: 15px; height: 95px;}
		#hsm a, #hsm strong {position: absolute; display: block; width: 15px; height: 15px;}
		#ico_h {top: 0; background: 0 0 url('ico_hsm.gif');}
		strong#ico_h, #ico_h:hover {background-position: 0 100%;}
		#ico_s {top: 50%; margin-top: -7px; background: 50% 0 url('ico_hsm.gif');}
		strong#ico_s, #ico_s:hover {background-position: 50% 100%;}
		#ico_m {bottom: 0; background: 100% 0 url('ico_hsm.gif');}
		strong#ico_m, #ico_m:hover {background-position: 100% 100%;}
			#hsm img {width: 15px; height: 15px;}
#main {position: relative; width: 100%; margin-bottom: 2em;}
	#left {position: relative; float: left; left: 16%; width: 48%;}
		#left strong {color: #593c32; font-size: 120%; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em;}
		.wide {position: relative; width: 158%; margin: 2.5em 0 0 0;}
		.wide.ill {margin-bottom: 2em;}
		img.ill {margin-bottom: 2em;}
			.column2 {position: relative; float: left; width: 42%;}
			.column2.second2 {left: 16%;}
			.column4 {position: relative; float: left; width: 22%; text-align: center;}
			.column4.second4 {left: 4%;}
			.column4.third4 {left: 8%;}
			.column4.fourth4 {left: 12%;}
				.column4 h1 {position: absolute; left: 50%; margin: 0 0 0 -90px; width: 180px; height: 46px; background: no-repeat url('ribbon.gif');}
					.column4 h1 img {top: 0; margin-top: 10px;}
					.column4 h1 span {display: none;}
				.column4 .ill {margin: 35px 0 5px 0; width: 160px; height: 190px;}
				.triangles {margin: 0 0 2em 0; padding-top: 5px; border-top: 1px solid #593c32; text-align: center;}
					.triangles img {width: 40px; height: 35px;}
				.column4 p {font-size: 70%; text-align: left; margin-bottom: 1.25em; }
			.column3 {position: relative; float: left; width: 26%;}
			.column3.second3 {left: 11%;}
			.column3.third3 {left: 22%;}
				.column3 p.date {margin-top: 0;}
				.column3 p {clear: left;}					
	#right {position: relative; float: right; right: 8%; width: 20%;}	
		#menu {font-size: 100%; line-height: 1.5em; margin: 0 0 3.75em 0;}
			#menu li {padding: 0; margin: 0 0 0.75em -32px; background: none; left: 0;}
				#menu a, #menu strong {display: inline-block; padding-left: 32px;}
				#menu strong {color: #593c32; font-weight: normal; background: no-repeat 0 0.4em url('bullet_menu_strong.gif');}
					#menu strong a {padding: 0; color: #593c32; background: none;}
					#menu strong a:hover, #menu strong a:active {color: #d62418; background: none;}
				#menu a:hover, #menu a:active {background: no-repeat 0 0.4em url('bullet_menu_hover.gif');}
				#menu ul {margin: 0.75em 0 0 32px; font-size: 75%;}
					#menu ul li {margin-left: 40px;}
						#menu ul a, #menu ul a:hover, #menu ul a:active, #menu ul strong {background: none; padding: 0;}
		#right .column4 {width: 100%;}						
				
#footer {position: relative; left: 16%; width: 76%; border-top: 1px solid #593c32; clear: left;}			
	#address {padding: 1.75em 0;}
	#guesswho {position: absolute; left: 74%; margin-left: -20px;  top: 12px; width: 40px; height: 40px;}