html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #686a6c; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background: #fff;}
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 990)? "990px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1280)? "1280px" : "100%"); min-width: 990px; max-width: 1280px; min-height: 100%; text-align: left;}
*html #body {height: 100%;}
img {border: 0;}
a {color: #686a6c; text-decoration: none; border-bottom: 1px solid #ab3447;}
span.direct {color: #1567b3; border-bottom: 1px #1567b3 dashed;}
span.roman {position: relative; left: -0.6em;}
/*
a:visited {color: #a697d1;}
a:hover {color: #ff5360;}
*/
	a.win {white-space: nowrap;}
		a.win img {width: 11px; height: 9px; margin-left: 0.3em;}
a:hover, a:active, .download, .date{color: #ab3447;}
p {font-size: 80%; padding: 0; margin: 0 0 1em 0; line-height: 1.4em;}
	.prelist {margin-bottom: 0.3em;}
	.also {margin-top: 1.2em;}
ul, ol {font-size: 80%; padding: 0; margin: 0 0 1.4em 0; line-height: 1.4em;}
	ul li {list-style: none; background: no-repeat 0 0.7em url('li.gif'); margin: 0 0 0.3em 25px; padding-left: 15px;}
	ol li {margin: 0 0 0.3em 40px; position: relative;}
		li p, li ul, li ol {font-size: 100%;}
h1 {color: #ab3447; font-size: 145%; font-weight: normal; margin: 1.2em 0 0.4em;}
h2 {color: #ab3447; font-size: 120%; font-weight: normal; margin: 1.2em 0 0.2em 0;}
	h2 a {color: #ab3447;}
h3 {color: #ab3447; font-size: 110%; font-weight: normal; margin: 1.2em 0 0.2em 0;}
h4 {font-size: 80%; margin: 1.2em 0 0.2em 0;}
	.first {margin-top: 0;}
	h4 a {border: none;}
table {font-size: 80%; border: 0; border-collapse: collapse; margin-bottom: 1.2em; border-bottom: 1px solid #2f3033;}
th {text-align: left; padding: 0.5em 2em 0.5em 0; border-bottom: 1px solid #4b4d52;}
td {padding: 0.5em 2em 0.5em 0; border-bottom: 1px solid #4b4d52;}
.spacer {float: left;}
	.spacer img {width: 1px; height: 1px;}
.br {width: 100%; height: 1px; clear: both;}
.nobr {white-space: nowrap;}
img.news {margin: 0.5em 0;}

div {behavior: url('/design/iepngfix.htc');}

.crnr, .submenu .crnr, #bar .crnr {position: absolute; width: 20px; height: 20px; background-image: url('crnrs.png'); background-repeat: repeat; padding: 0;}
	.crnr.t-l, .submenu .crnr.t-l, #bar .crnr.t-l {top: 0; left: 0; background-position: 20px 20px;}
	.crnr.t-r, .submenu .crnr.t-r, #bar .crnr.t-r {top: 0; left: -20px; margin-left: 100%; background-position: 0 20px;}
	.crnr.b-l, .submenu .crnr.b-l, #bar .crnr.b-l {bottom: 0; left: 0; background-position: 20px 0;}
	.crnr.b-r, .submenu .crnr.b-r, #bar .crnr.b-r {bottom: 0; left: -20px; margin-left: 100%; background-position: 0 0;}

.counter {margin-top: 2em; font-weight: bold; text-align: center;} 
	.left .counter strong {font-weight: bold; color: #ab3447;}
	.counter a, .counter span, .counter strong {margin: 0 0.2em; border: 0; padding: 0 0.2em;}
	.counter .arr {padding: 0; font-size: 150%;}
	

#header {width: 100%; clear: both;}
	#logo {float: left; width: 124px; height: 96px; margin: 30px 0;}
	#slogan {float: left; width: 34%; margin-top: 70px; font-size: 70%; font-weight: bold; text-transform: uppercase;}
	#hsm {position: relative; float: right; height: 50px; width: 29%; margin-top: 55px; background: #ab3447 no-repeat 0 0 url('hsm_bg_left.jpg'); text-align: center;}
		#lang {color: #fff; font-size: 70%; position: relative; top: 10px; left: -20%; border: none; text-decoration: underline;}
		#hsm img {position: relative; top: 15px; width: 19px; height: 19px;}
			#ico_h {left: -7.5%;}
			#ico_s {left: 7.5%;}
			#ico_m {left: 20%;}
#menu {width: 100%; clear: both;}
	#bar {position: relative; float: left; height: 50px; width: 80%; background: #ab3447 repeat-x 0 100% url('menu_bg.jpg');}
		#bar div {height: 100%; background: no-repeat 100% 100% url('menu_bg_right.jpg'); font-weight: bold; font-size: 100%;}
			#bar ul {color: #fff; padding: 1em 0 0 2em; margin: 0;}
					#bar li {float: left; background: none; padding: 0.2em 1em 0.3em 0; margin: 0 1em 0 0; border-right: 1px solid #e8bdbd; }
						#menu a {color: #e8bdbd; border: none; text-decoration: underline;}
						#menu a:hover {color: #fff;}
						#menu strong, #menu strong a {color: #fff;}
			/**
			#bar table {font-size: 70%; margin: 0; border: 0; width: 100%; height: 100%; background: no-repeat 0 0 url('menu_bg_left.gif');}
				#bar td {padding: 0; border: 0;}
				#bar td.spacer {width: 16.6%;}
					#bar td a {color: #fff; white-space: nowrap; margin: 0 1em;}
			**/					
#collage {width: 100%; clear: both;}
	#ill {position: relative; float: left; width: 80%; height: 175px; margin: 20px 0 50px 0; border: 0;}
	/**
	#ill {float: left; width: 80%; height: 150px; margin: 20px 0 50px 0; border: 0;}
		#ill td {padding: 0; border: 0;}
		#ill_left {width: 50%; background: #e4e6b8 repeat-x url('ill_bg_left.jpg'); text-align: right;}
			#ill_left div {height: 150px; background: no-repeat 0 0 url('ill_left.jpg');}
		#ill_center {width: 295px; background: #a6c083;}
		#ill_right {width: 50%; background: #0b0602 repeat-x url('ill_bg_right.jpg');}
			#ill_right div {height: 150px; background: no-repeat 100% 0 url('ill_right.jpg');}
	**/			
#content {width: 100%; clear: both; margin-bottom: 50px;}
	.left {float: left; width: 44%;}
		p.advantages {font-size: 120%; color: #ab3447;}
			p.advantages span {color: #adadad;}
		.left strong {color: #ab3447; font-weight: normal;}
			
	.right {float: left; width: 32%;}
		.right h2 {padding-left: 37px;  margin: 0 0 0.6em;}
		h2#h_base {margin-top: 1.2em;}
		.right h2.direct {color: #686a6c;}
		.right h2.direct_on {}
			.right h2.direct span, .right h2.direct_on span {border-bottom: 1px dashed #ab3447; cursor: pointer; cursor: hand;}
		.submenu {height: 100%; position: relative; background: #ab3447 repeat-x url('submenu_bg.jpg'); margin: 0 0 1em 37px;}
			.submenu div {height: 100%; background-repeat: no-repeat; background-position: 0 0; background-image: url('submenu_bg_tl.jpg'); padding: 1em 0;}
				.submenu h4 {color: #fff; font-size: 70%; margin: 2em 2em 0.6em 2em; text-transform: uppercase;}			
				.submenu ul {font-size: 70%; margin: 0 2em 0 2em;}
					.submenu ul li {background: none; margin: 0 0 0.6em 0; padding: 0; color: #fff;}
						.submenu ul li a {color: #fff; border: none;}
						.submenu ul li a:hover {text-decoration: underline;}
						.submenu ul li strong {display: block; background: no-repeat 0 0.7em url('li_white.gif'); padding-left: 15px; margin-left: -15px;}
#footer {width: 100%; clear: both; position: relative; height: 12em;}
	#f1 {position: absolute; left: 10%;}
	#f2 {position: absolute; left: 34%;}
	#f3 {position: absolute; left: 58%;}
		#footer p {font-size: 70%; white-space: nowrap;}
		#footer .phone {color: #ab3447; font-size: 200%; line-height: 1.2em; white-space: nowrap;}				
		#footer a {text-decoration: none; border-bottom: 1px solid;}