html
{
	height: 100%;
}


{
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size: 0.9em;
	line-height: 1.25em;
	color: #323232;
	background-color: #F0F0F0;
}

/*** ???????? ?????????? ***/

#layout
{
	position: relative;
	min-width: 1024px;
	min-height: 100%;
}

* html #layout
{
	width: expression((document.body.clientWidth < 1025) ? '1024px' : '100%');
	height: 100%;
}

.block
{
	/*display: block;*/
	position: relative;
	width: 87%;
	min-width: 1024px;
	margin: 0 auto;
	clear: both;
}

* html .block, table.block
{
	//width: expression((0.87 * document.body.clientWidth < 1025) ? '1024px' : '87%');
}

table.block
{
	margin: 25px auto;
}

#header table.block
{
	height: 97px;
	margin: 0 auto;
}

#header
{
	width: 100%;
	height: 100px;
	color: #F0F0F0;
	background: url('/_gfx/header-bg.gif') repeat-x #323232;
}

#footer
{
	position: absolute;
	width: 100%;
	bottom: 0px;
	font-size: 0.75em;
	line-height: 1.25em;
	color: #F0F0F0;
	background: url('/_gfx/footer-bg.gif') repeat-x #0A3C45;
}

#fspace
{
	clear: both;
	height: 18.5em;
}


/*** ?????????????? ????? ***/

table.block td
{
	background: url('/_gfx/vl.gif') repeat-y 100% 0;
}

td.c1, td.c2, td.c3
{
	vertical-align: top;
	padding-bottom: 0.2em;
}

td.c1
{
	width: 25%;
}

td.c2
{
	width: 50%;
}

td.c3
{
	width: 75%;
}

td.h1
{
	white-space: nowrap;
}

td.h2
{
	width: 100%;
	vertical-align: bottom;
}

td.r, td.h1, td.h2
{
	background: none !important;
}

div.slogan
{
	text-align: right;
	font-size: 0.75em;
	line-height: 1.25em;
	//line-height: 1.2em;
	padding: 5px 22px 7px 25px;
	background: url('/_gfx/vl-h.gif') repeat-y 100% 50%;
}

div.logo
{
	position: relative;
	margin: -1px 0 0 17px;
}

/*** ??????????? ***/

#present
{
	position: relative;
	overflow-x: hidden;
	width: 100%;
	height: 300px;
}

/** html #present
{
	width: expression((document.body.clientWidth < 1025) ? '1024px' : '100%');
}*/

#frames
{
	position: absolute;
	width: 500%;
}

div.frame
{
	position: relative;
	float: left;
	width: 20%;
	height: 300px;
	overflow: hidden;
}

#slider
{
	position: relative;
	height: 5px;
	margin: 0 25px;
	font-size: 0;
	background: url('/_gfx/slider.gif') repeat-x;
}

#slider img
{
	position: absolute;
	margin: -5px 0 0 -7px;
	z-index: 2;
	cursor: pointer;
}

#progress
{
	position: absolute;
	height: 3px;
	width: 0%;
	background-color: #1EAFC8;
}

div.frame .lft
{
	float: left;
	margin: 0 -25px 0 25px;
}

div.frame .rgt
{
	float: right;
	margin: 0 25px 0 -25px;
}

div.frame .text
{
	display: table-cell;
	vertical-align: middle;
	height: 300px;
	padding: 0 75px;
	//display: inline-block;
	//position: relative;
	//height: auto;
	//top: 50%;
}

.valign
{
	//position: relative;
	//top: -50%;
}

.ml-75
{
	margin-left: -75px;
}

.ml-100
{
	margin-left: -100px;
}

.ml-150
{
	margin-left: -150px;
}

.mr-75
{
	margin-right: -75px;
	//width: expression((parentNode.offsetWidth - 75) + 'px');
}

.mr-100
{
	margin-right: -100px;
	//width: expression((parentNode.offsetWidth - 50) + 'px');
}

.mr-150
{
	margin-right: -150px;
	//width: expression(parentNode.offsetWidth + 'px');
}

/*** ???????? ***/

div.hr
{
	height: 2px;
	font-size: 0;
}

div.hr-m
{
	height: 2px;
	margin: 1.3em 25px 0.9em 25px;
	background: url('/_gfx/hr.gif') repeat-x;
}

div.hr-n
{
	height: 2px;
	margin: 1.75em 25px 1.2em 25px;
	background: url('/_gfx/hr.gif') repeat-x;
}

div.hr div
{
	margin: 0 25px !important;
}

a
{
	color: #E12E2E;
	text-decoration: underline;
}

a:hover, li:before, span.li
{
	color: #1EAFC8 !important;
}

a.btn1, a.btn2, a.btn3, span.date
{
	display: inline-block;
	padding: 0.3em 0.5em;
	font-size: 0.75em;
	line-height: 1.25em;
	color: #FFFFFF !important;
	text-decoration: none;
}

a.btn1
{
	background: url('/_gfx/btn1.gif') repeat-x #1FB2CA 0 100%;
	border: 1px solid #15798B;
	border-top-color: #167C8D;
	border-bottom-color: #0F6A80;
	text-shadow: #0F6A80 0px 1px 0px;
}

a.btn2
{
	background: url('/_gfx/btn2.gif') repeat-x #E33131 0 100%;
	border: 1px solid #9D2020;
	border-top-color: #9E2222;
	border-bottom-color: #951414;
	text-shadow: #951414 0px 1px 0px;
}

a.btn3
{
	font-size: 1em;
	background: url('/_gfx/btn3.gif') repeat-x #178BA3 0 100%;
	border: 1px solid #09343B;
	text-shadow: #0C454E 0px 1px 0px;
}

a.btn1:hover, a.btn2:hover, a.btn3:hover, #footer a.btn3:hover
{
	color: #646464 !important;
	background: url('/_gfx/btn-ovr.gif') repeat-x #F0F0F0 0 100%;
	border: 1px solid #A5A5A5;
	text-shadow: #FFFFFF 0px 1px 0px;
}

h1, h3
{
	font-weight: normal;
	font-size: 200%;
	line-height: 92%;
	font-family: Times New Roman;
	margin: 0.8em 23px 0.65em 25px;
}

h1.f, h3
{
	margin-top: 0.1em !important;
}

h2, h4
{
	font-weight: normal;
	font-size: 145%;
	line-height: 100%;
	font-family: Times New Roman;
	margin: 0.8em 23px 0.5em 25px;
}

h3, h4
{
	color: #1EAFC8;
}

p
{
	margin: 0 25px 1.3em 25px;
}

p.phone
a
{
	color: #000000;
	text-decoration: none;
	/***margin: -0.8em 25px 1em 25px;***/
	font-size: 100%;
	line-height: 100%;
	//line-height: 185%;
	
}

p.phone span
{
	font-size: 165%;
	color: #1EAFC8;
	text-decoration: none;
}

p.cnt
{
	text-align: center;
}

p.pl
{
	margin-top: 1.8em;
	margin-bottom: 2em;
	line-height: 200%;
}

p.info
{
	margin: -1em 25px 1.9em 25px;
	color: #646464;
	font-size: 0.75em;
	line-height: 1.25em;
}

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

ul.info
{
	margin: -0.9em 25px 1.3em 25px;
}

li
{
	margin: 0.4em 0 0 0;
	padding: 0 0 0 1.05em;
	text-indent: -1.1em;
	list-style-type: none;
	//behavior: expression(!this.before ? this.before = this.innerHTML = '<span class="li">&ndash;&nbsp;&nbsp;</span>' + this.innerHTML : '');
}

li:before
{
	content: '\2013\a0\a0';
}

div.btn
{
	margin: -0.3em 25px 1.6em 25px;
}

span.date
{
	padding: 0.2em 0.3em !important;
	margin: 0.55em 25px 0.4em 25px;
	//margin: 0.35em 25px 0.3em 25px;
	background: #A5A5A5;
}

img
{
	border: none;
	vertical-align: bottom;
	//behavior: url('/_gfx/fixpng.htc');
}

img.icon
{
	display: block;
	margin: -10px auto 8px auto;
}

img.logo
{
	margin: 0 10px;
}

img.pl
{
	margin-right: 15px;
	vertical-align: middle;
}

table.info
{
	margin: 1.14em 25px 1.6em 25px;
	border-collapse: collapse;
	background: #E4ECEE;
}

table.info td
{
	vertical-align: top;
	padding: 7px;
	border: 1px #CCCCCC solid;
	background: none;
}

/**??????????? ? ????????**/
	

.bnr, .bnr2
{
	position: relative;
	margin: 1.7em 25px 1.5em 25px;
	overflow-x: hidden;
}

.bnr
{
	height: 100px;
}

.bnr2
{
	height: 200px;
}


.bnr img, .bnr2 img
{
	position: absolute;
}

img.cnt2
{
	left: 50%;
	margin-left: -350px;
}

/*** ????????? ***/

div.nav1
{
	float: right;
	margin-right: 15px;
	bottom: 0;
}

div.nav1 a
{
	color: #F0F0F0;
	text-decoration: none;
}

ul.nav1
{
	/*//display: inline-block;*/
	list-style-type: none;
	margin: 0;
}

ul.nav1 li
{
	display: inline-block;
	position: relative;
	float: left;
	padding: 0.4em 0.6em 0.3em 0.6em;
	font-size: 120%;
	white-space: nowrap;
}

ul.nav1 li.sel
{
	background: url('/_gfx/nav-sel.gif') repeat-x #1EAFC8 0 0;
}

ul.nav2 li.sel
{
	margin: 0.2em -0.5em 0.2em -0.5em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	/*background: red;*/
	/*background: url('_gfx/sel2.gif') repeat-x #AAE61E 0 100%;*/
}

ul.nav1 li, ul.nav2 li
{
	text-indent: 0;
	//behavior: none;
}

ul.nav2 li
{
	/*display: inline-block;*/

	/*margin: 0.4em 0 0 0;
	padding: 0;*/

	
	margin: 0.2em 0 0.2em 0;
	padding: 0.2em 0 0.2em 0;
	
}

ul.nav1 li:before, ul.nav2 li:before
{
	content: none;
}

/*** ?????? ???? ***/

#footer table.block
{
	margin: 20px auto;
}

#footer td
{
	background: url('/_gfx/vl-f.gif') repeat-y 100% 0;
}

#footer a
{
	color: #89F0F0;
}

#footer a:hover
{
	color: #FFFFFF !important;
}

#footer h3
{
	margin-top: 0.3em !important;
	font-size: 185%;
	line-height: 92%;
	color: #05323C;
}

#footer h3 a
{
	color: #05323C;
}

#footer p.office
{
	margin: 1.1em 25px 1.15em 25px;
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
}

#footer p.office span
{
	display: inline-block;
	width: 2.6em;
}

#footer div.hr-m
{
	margin: 1.4em 25px 0.9em 25px;
	background: url('/_gfx/hr-f.gif') repeat-x;
}

.hid
{
	display: none;
}

/*** ????? ***/

.in
{
	position: relative;
	overflow: hidden;
	padding: 0 5px;
	margin-bottom: 0.85em;
	background: url('/_gfx/in-l.gif') repeat-y #CCCCCC;
}

.in .cn, .in .cn2, .in .cn3
{
	position: absolute;
	width: 10px;
	height: 10px;
	font-size: 0;
	background: url('/_gfx/in-cn.gif') no-repeat;
}

.in .cn2
{
	background: url('/_gfx/in-cn2.gif') no-repeat;
}

.in .cn3
{
	background: url('/_gfx/in-cn3.gif') no-repeat;
}

.in .tl
{
	top: -5px;
	left: -5px;
}

.in .tr
{
	top: -5px;
	right: -5px;
}

.in .bl
{
	bottom: -5px;
	left: -5px;
}

.in .br
{
	bottom: -5px;
	right: -5px;
}

form
{
	margin: 1.6em 25px;
}

form .btn
{
	margin: 0;
}

form table
{
	width: 100%;
	margin-bottom: 0.85em;
}

form td
{
	text-align: right;
	font-size: 0.75em;
	line-height: 1.25em;
	background: none !important;
	padding: 0 0 0 10px !important;
}

form table .in
{
	margin-bottom: 0;
}

form td.code
{
	font-size: 1em;
	width: 100%;
	padding: 0 !important;
}

input, textarea
{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.34em 0 0.47em 0;
	font-size: 0.75em;
	line-height: 1.2em;
	border: none;
	background: url('/_gfx/in-t.gif') repeat-x #CCCCCC;
	outline: none;
}

textarea
{
	font-family: Arial, Tahoma, Verdana;
	overflow: hidden;
	min-width: 100%;
}

.msg.d
{
	color: #646464;
}

/*** ????? ?????? ***/

#footer form td
{
	font-size: 1em;
}

#footer input, #footer textarea
{
	color: #1EAFC8;
	font-size: 1em;
	padding: 0.35em 0 0.48em 0;
	background: url('/_gfx/in-t2.gif') repeat-x #0B3F48;
}

#footer .in
{
	margin-bottom: 1em;
	background: url('/_gfx/in-l2.gif') repeat-y #0B3F48;
}


#footer form table
{
	margin-bottom: 1em;
}

#footer form table .in
{
	margin-bottom: 0;
}

#footer .msg.d
{
	color: #286E82;
}

#footer a.btn3:hover
{
	border: 1px solid #09343B;
}