html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #383b3d; font-family: Arial, Helvetica, sans-serif; background: #fff no-repeat fixed url('spacer.gif');}
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 975)? "940px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1280)? "1280px" : "100%"); min-width: 940px; max-width: 1280px;}
img {border: 0;}
a {color: #0c73c7;}
a:visited {color: #8d63b8;}
a:hover, a:active {color: #fa4300;}
a.direct {color: #3685c2; border-bottom: 1px dashed; cursor: hand; cursor: pointer;}
a.win {position: relative; white-space: nowrap; padding-right: 15px; background: no-repeat 100% 50% url('ico_win.gif');}
a.win:hover, a.win:active {background: no-repeat 100% 50% url('ico_win_active.gif');}
/**
a.win:visited {background: no-repeat 100% 50% url('img/ico_win_visited.gif');}
a.win:active, a.win:visited:active {background: no-repeat 100% 50% url('img/ico_win_active.gif');}
:active {color: #ff5360;}**/
p {font-size: 80%; padding: 0; margin: 0 0 1em 0; line-height: 1.5em;}
	/*.date {margin-bottom: 0; font-size: 83%; color: #800900; font-style: italic;}*/
	.prelist {margin-bottom: 0.3em;}
	.also {margin-top: 1.5em;}
ul, ol {position: relative; font-size: 80%; padding: 0; margin: 0 0 1em 0; line-height: 1.5em;}
	ul li {list-style: none; background: no-repeat 0 0.45em url('li.gif'); margin: 0 0 0.3em 20px; padding-left: 15px;}
	ul li.second {margin-left: 55px;}
	ul li.third {margin-left: 90px;}
	ol li {margin: 0 0 0.3em 35px;}
		li p, li ul, li ol, li h4 {font-size: 100%;}
h1 {position: relative; clear: both; color: #fa4300; font-size: 160%; margin: 0 0 0.4em 0; font-style: italic;}
h2 {position: relative; clear: both; color: #fa4300; font-size: 130%; margin: 1.2em 0 0.4em 0; font-style: italic;}
	h2 a {color: #fa4300;}
h3 {position: relative; clear: both; color: #698aa5; font-size: 100%; margin: 1.2em 0 0.4em 0; font-style: italic;}
h4 {position: relative; clear: both; color: #698aa5; font-size: 90%; margin: 1.2em 0 0.4em 0; font-style: italic;}
h5 {position: relative; clear: both; color: #698aa5; font-size: 80%; margin: 1.2em 0 0.4em 0; font-style: italic;}	
.first {margin-top: 0;}
table {border: 0; border-collapse: collapse;}
td {padding: 0;}
table.simple {margin-bottom: 1em; border-bottom: 1px solid #fff;}
table.simple th {text-align: left; padding: 0 2em 0.6em 0; border-bottom: 1px solid #979fa5; font-style: italic; font-size: 80%;}
table.simple td {padding: 0.6em 2em 0.6em 0; border-bottom: 1px dashed #979fa5; border-top: 1px dashed #979fa5;  font-size: 80%;}
	table.simple td p {font-size: 100%; margin: 0;}
table.simple .align_right {text-align: right;}
table.simple .additional {padding-left: 2em; font-size: 70%; border: none;}
form {margin: 0;}
    form table {margin: 0; width: 100%; position: relative;}
	form td {font-size: 80%; padding: 0.5em 1em 0.5em 0; vertical-align: top;}
	td.field {width: 100%;}
	.star {position: absolute; margin-left: -1em; color: #e93e00;}
	span.error {color: #e93e00;}
	input, select, textarea {font-size: 100%; font-family: Arial, Tahoma, Verdana, sans-serif; margin: 0; width: 95%;}
	input.error, textarea.error {border: 2px solid #e93e00;}
	.btn {cursor: pointer; cursor: hand; padding: 3px; width: auto;}
.spacer {float: left;}
	.spacer img {width: 1px; height: 1px;}
.br {width: 100%; height: 1px; clear: tour;}
.nobr {white-space: nowrap;}
.roman {position: relative; left: -0.6em; white-space: nowrap;}
.star {font-family: Arial, Helvetica, sans-serif;}
.red {color: #fa4300;}
img.png {//background-image: none !important; behavior: url('/design/abis/png.htc');}

.crnr_tl {position: absolute; width: 10px; height: 10px; top: 0; left: 0; width: 60px; height: 60px;}
.crnr_tr {position: absolute; top: 0; right: 0; border-right: 1px solid #fff; margin: 0 -1px 0 0; width: 60px; height: 60px;}
.crnr_br {position: absolute; bottom: 0; right: 0; border-right: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0 -1px -1px 0; width: 60px; height: 60px;}
.crnr_bl {position: absolute; left: 0; bottom: 0; border-bottom: 1px solid #fff; margin: 0 0 -1px 0; width: 60px; height: 60px;}

#zoom_screen {z-index: 9; position: fixed; width: 100%; height: 100%; background: url('zoom_bg.gif');}
*body #zoom_screen {position: absolute; left: expression((ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLef ) + 'px'); top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px');}
	#zoomed_div {position: absolute; left: 50%; top: 50%;  background: #2f0b0b url('zoom_loading.gif') no-repeat center;}
		#zoomed_photo {margin: 7px 9px;}
		
#header {position: relative; width: 100%; height: 258px; background: no-repeat url('header_index_bg.gif');}
	#logo_abis {position: absolute; top: 41px; left: 12%; margin-left: -66px; width: 252px; height: 67px;}
	#slogan {position: absolute; top: 115px; left: 12%; line-height: 1.3em; color: #fb5e24; font-size: 90%; font-style: italic; font-weight: bold;}
	/**
	#slogan {position: absolute; top: 105px; left: 35%; line-height: 1.3em; color: #fa4300;}
		#slogan_first {font-size: 120%; font-style: italic;}
		#slogan_second {font-size: 125%; font-weight: bold; margin-left: 1.5em;}
	**/		
	#sh1 {position: absolute; top: 55px; left: 12%; margin-left: 54px; width: 116px; height: 117px;}
	#sh2 {position: absolute; top: 137px; left: 1.6%; width: 48px; height: 52px;}
	#sh3 {position: absolute; top: 214px; left: 19.2%; width: 104px; height: 106px;}
	#sh4 {position: absolute; top: 25px; left: 36%; width: 84x; height: 84px;}
	#sh5 {position: absolute; top: 106px; left: 60%; margin-left: -144px; width: 179px; height: 149px;}
	#sh6 {position: absolute; top: 332px; left: 60%; width: 67px; height: 70px;}
	#sh7 {position: absolute; top: 0; left: 68%; width: 188px; height: 140px;}
	#sh8 {position: absolute; top: 168px; right: 8%; margin-right: -55px; width: 156px; height: 149px;}
	#menu {position: relative; top: 181px; width: 100%; font-size: 90%; margin: 0;}
		#menu li {position: absolute; height: 40px; padding: 0; margin: 0 0 0 -20px; background: none;}
		#menu_about {left: 12%;}
		#menu_soft {left: 36%;}
		#menu_services {left: 60%;}
		#menu_education {right: 8%;}
			#menu li a, #menu li a:visited {display: block; height: 40px; text-decoration: none; float: left; cursor: pointer; cursor: hand; color: #0c73c7;}
			#menu li a:hover, #menu li a:active {color: #fa4300;}
			#menu li strong {display: block; height: 40px; text-decoration: none; float: left; font-weight: normal; color: #fff;}
				#menu li a img, #menu li strong img {position: relative; width: 20px; height: 40px; float: left; margin: 0; padding: 0;}
				#menu li a span, #menu li strong span {position: relative; display: block; height: 40px; float: left; background: repeat-x url('menu_btn.gif'); padding-top: 7px;}
				#menu li strong span {background: repeat-x url('menu_btn_on.gif'); padding-top: 7px;}
#content {position: relative; width: 100%;}
#content_index {position: relative; width: 100%;}
	#content #left {position: relative; float: left; left: 12%; width: 46%;}
		p#navi {position: relative; left: -60px; margin-bottom: 0; color: #698aa5; font-size: 70%;}
			p#navi a {color: #698aa5;}
			#left h1, #left h2, #left h3 {left: -60px;}
		.column2 {float: left; width: 49.5%;}
			.column2 p {margin-right: 2em;}
		.column4 {float: left; width: 24.5%;}			
		.nb {position: relative; background: #f2efe1; padding: 1.5em 40px 1em 35px; margin: 1em 0 1.5em 0; width: 88%;}
		.see_also {background: #eef2e4;}
		#map {position: relative; height: 320px; background: #eef2e4 no-repeat 0 0 url('map.gif'); padding: 0 40px 0 35px; margin: 1em 0 0.5em 0; width: 88%;}
		.product {background: #e9f2f5;}
			#left .nb h2, #left .nb h3 {left: 0;}
			.nb table.simple {border-bottom: 1px solid #f2efe1;}
			.cert {z-index: 1; position: relative; float: right; margin: 0 0 1em 1.5em; border: 1px solid #fff;}
			.see_also ul {}
				.see_also ul li {margin: 0 0 0.6em 20px; background: no-repeat 0 0.45em url('li_green.gif');}
			.product .owl {float: left; margin: 0 0.6em 0.6em 0; height: 86px; width: 98px;}
		.owl_big {position: relative; float: left; margin: 0 0.6em 0.6em -60px; height: 86px; width: 98px;}			
		.icons {margin-right: 35px;}
			.icons h4 {margin-bottom: 1em;}
			.icons p {margin-bottom: 1.5em; position: relative; left: 30px;}
			img.ico {float: left; margin: -0.45em 0 0 -30px; width: 24px; height: 26px;}
		.ill {margin: 0.5em 0 1.5em 0;}			
		p.counter {z-index: -1; position: relative; left: -1.8em; margin-top: 2.5em; color: #698aa5;}
			p.counter a,  #counter a:visited, #counter a:active {color: #698aa5; padding: 2px 7px 3px 7px;}
			p.counter strong {font-weight: normal; background: #e9f2f5; padding: 2px 7px 3px 7px;}
			p.counter span {padding: 2px 7px 3px 7px;}
		p.chooser {line-height: 2em;}
			p.chooser a, p.chooser a:visited {color: #698aa5; padding: 2px 5px 3px 5px;}
			p.chooser strong {font-weight: normal; padding: 2px 5px 3px 5px; background: #e9f2f5; color: #698aa5;}
				p.chooser strong a, p.chooser strong a:visited {padding: 0;}
	#content_index #left {position: relative; float: left; width: 58%; margin-bottom: 3em;}
		#content #left #news {position: relative; float: left; left: -12%; width: 112%; margin-bottom: 1em;}
		.news {margin-bottom: 1.2em;}
			div.date {float: left; width: 20.68%;}
			#content #left #news div.date {float: left; width: 10.5%;}	
				div.date div {position: relative; float: right; right: 18px; width: 48px; height: 56px; text-align: center; color: #fa4300; background: no-repeat url('date_bg.gif');}
				div.aramis div {background: no-repeat url('aramis_bg.gif');}
					div.date span.dd {position: relative; top: 0.25em; font-family: "Times New Roman", Times, serif; font-size: 160%; font-weight: bold;}
					div.date span.mm {position: relative; top: 0.2em; font-size: 60%; letter-spacing: -0.05em;}
					div.aramis span {display: none;}
			.news_txt {float: left; margin: 0.8em 0 0 0; width: 79%;}		
				.news_txt p {margin: 0;}
				.open .news_txt p {margin: 0 0 1.2em 0;}
				#all_news {position: relative; margin-top: 1.5em; left: 21%;}
					#all_news a {color: #fa4300;}
	#content #right {position: relative; float: left;  left: 22%; width: 24%;}
	#content_index #right {position: relative; float: left;  left: 10%; width: 24%;}
		#menu_offers, #submenu {font-size: 90%;  position: relative; left: -17px;}
			#menu_offers li, #submenu li {position: relative; color: #fa4300; margin: 0 0 0.55em 0; padding-left: 17px; background-repeat: no-repeat; background-position: 0 50%;}
				#menu_offers li a, #submenu li a {display: block; height: 100%;}
				#menu_offers li a:hover, #submenu li a:hover, #menu_offers li strong, #submenu li strong {font-weight: bold; display: block; height: 100%;}
			#submenu li {background: none;}
			#menu_offers_director {background-image: url('li_menu_offers_director.gif');}
				#menu_offers_director a, #menu_offers_director strong {color: #f47119;}
			#menu_offers_it {background-image: url('li_menu_offers_it.gif');}
				#menu_offers_it a, #menu_offers_it strong {color: #11a9ba;}
			#menu_offers_accountant {background-image: url('li_menu_offers_accountant.gif');}
				#menu_offers_accountant a, #menu_offers_accountant strong {color: #de5d91;}
			#menu_offers_marketer {background-image: url('li_menu_offers_marketer.gif');}
				#menu_offers_marketer a, #menu_offers_marketer strong {color: #37b837;}
				#submenu a {color: #fa4300;}
				#submenu ul {font-size: 79%; margin: 0.5em 0 1.5em 0;}
					#submenu ul li {margin-left: 20px; padding: 0;}
						#submenu ul a {color: #0c73c7;}
						#submenu ul a:hover {font-weight: normal; color: #fa4300;}
	p.download {margin: 40px 0 0 0;}						
	#content #bnr {position: relative; width: 100%; margin-top: 40px;}				
	#content_index #bnr {position: absolute; bottom: 0; left: 68%; width: 24%;}
		#bnr_img {position: relative; height: 120px; background: #e9f2f5;}
			#bnr_img a {display: block; height: 100%; width: 100%;}
				/**
				.bnr_r {float: right; width: 60px; height: 120px;}
				**/
		#ppt {position: absolute; left: 41.6%; margin-top: 85px; width: 14%; font-size: 140%; font-weight: bold;}
			#ppt img {position: relative; width: 76px; height: 92px; left: -10px;}
			#ppt p {line-height: 1.1em;}	
				#ppt a {color: #fb5e24;}
#owls {position: relative; width: 56%; left: 12%; height: 120px; background: #e9f2f5; top: -1px; margin-bottom: 15px;}
	#owls_l {position: absolute; width: 60px; height: 120px; left: -60px;}
	.owl {position: relative; float: left; width: 24.5%; margin-top: -26px;}
		.owl img {height: 86px; width: 98px; position: relative; left: -20px;}
		.owl p {margin-right: 2em;}
#reference {position: relative; left: 12%; width: 46%; margin-top: 55px;}		
		#reference p {font-size: 90%; color: #698aa5; font-style: italic; margin: 0;}
		#reference_quot_l {position: absolute; left: -60px; top: -10px; width: 45px; height: 43px;}
		#reference_quot_r {position: absolute; right: -90px; bottom: -30px; width: 79px; height: 76px;}
#reference_about {position: relative; left: 12%; width: 56%; margin-top: 2em;}
		#all_references {float: left; width: 50%;}
			#all_references a {color: #fa4300;}
		#reference_author {float: left; width: 49%;}			
#footer {position: relative; width: 100%; height: 360px;}
	#sh9 {position: absolute; top: 28px; width: 80px; height: 136px;}
	#sh10 {position: absolute; left: 54%; width: 85px; height: 85px;}
	#sh11 {position: absolute; left: 13%; top: 200px; width: 99px; height: 145px;}
	#sh12{position: absolute; left: 37%; bottom: 0; width: 117px; height: 208px;}
	#sh13{position: absolute; left: 56%; bottom: 0px; width: 129px; height: 212px;}
	#sh14{position: absolute; left: 73%; top: 125px; width: 182px; height: 130px;}
	#sh15{position: absolute; right: 2.5%; bottom: 40px; width: 79px; height: 80px;}
	#hsm {position: absolute; top: 85px; left: 12%; width: 25%; height: 120px; background: #e9f2f5;}	
		#hsm a {float: left; display: block; width: 27px; height: 27px; background-position: 0 0; top: 45px;}
		#hsm strong, #hsm a:hover {z-index: 1; float: left; display: block; width: 27px; height: 27px; background-position: 0 100%; top: 45px;}
			#hsm strong img, #hsm a img {width: 27px; height: 27px;}
		#hsm #ico_h {position: absolute; left: 12%; background-image: url('ico_h.gif');}
		#hsm #ico_s {position: absolute; left: 50%;; background-image: url('ico_s.gif'); margin-left: -14px;}
		#hsm #ico_m {position: absolute; right: 12%; background-image: url('ico_m.gif');}
	#guesswho {position: absolute; width: 13px; height: 130px; top: 85px; right: 32%;}		
	#contacts {position: absolute; color: #698aa5; width: 20%; top: 85px; left: 78%;}
		#contacts p {font-size: 70%;}
			#contacts strong a { color: #698aa5;}
	
#ico_rss {float: right; width: 38px; height: 24px;}