*
{
	font-family: Arial, serif;
	color:#fff;
}

body
{
	padding: 0px;
	margin: 0px;
	width:100%;
	height:100%;
	background-color:#fff;
}

.siteBg
{
	width:100%;
	background: url('/i/bg/bg.gif') #7b7b7b repeat left top;
}

.homeIllBg
{
	width:100%;
	background: url('/i/bg/ill_bg.jpg') repeat-x left top;
}

#homeIll
{
	width:100%;
	background: url('/i/evacuator.jpg') no-repeat right top;
}

.footerBg
{
	margin-top: 50px;
	background: url('/i/bg/footer_line.gif') #fff repeat-x left top;
	padding-top: 40px;
}

div#measurer
{
	position: absolute;
	width: 100%;
	top: 0;
	height: 1px;
	line-height: 1px;
}

div.around
{
	position: relative;
	min-width: 700px;
	max-width: 1300px;
}

* html div.around
{
	width: expression(
	(
		document.getElementById('measurer')
		&& document.getElementById('measurer').clientWidth <700
	)
	?	'700px'
	:	(
			document.getElementById('measurer')
			&& document.getElementById('measurer').clientWidth < 1300
		)
		?	'100%'
		:	'1300px'
	);
}

#error404Block
{
	padding: 0 0 100px 200px;
}

#error404Block h1
{
	font-size:200%;
	margin:0;
	color:#333;
}

#error404Block p
{
	font-size:100%;
	margin: 0.4em 0 2.5em 0;
	color:#333;
}

#error404Block h1 span,
#error404Block p span
{
	color:#333;
	padding: 0.2em 5px;
	background: url('/i/bg/white.png') repeat left top;
}

#error404Block a
{
	font-size:90%;
	padding: 0.2em 5px;
	background: url('/i/bg/white.png') repeat left top;
}

/* general
-------------------------*/

p
{
	font-size:85%;
	line-height:1.8em;
	margin-top:1.2em;
}

p a
{
	color:#fff;
}

h1
{
	font-size:130%;
	margin: 0 0 0.5em 0;
	clear:both;
}

h2
{
	font-size:160%;
	margin: 0 0 0.5em 0;
	font-weight:bold;
}

h3
{
	font-size:160%;
	font-weight:normal;
	margin: 1.2em 0 0.3em 0;
	clear:both;
}

h4
{
	font-size:90%;
	font-weight:bold;
	margin: 0.5em 0;
}

ul, ol
{
	margin-top: 1em;
	padding-left:0;
	margin-left:0;
	font-size:85%;
	line-height:1.4em;
}

li
{
	list-style-type: none;
	text-indent:-1.5em;
	margin: 0.4em 0 0.4em 1.5em;
}

ol li
{
	list-style-type:decimal;
	text-indent:0;
}

table
{
	border-collapse: collapse;
	width: 100%;
	border:0;
}

td
{
	margin: 0em;
	padding: 0em;
	vertical-align: top;
}

img.borderImg
{
	border: 1px solid #000;
}

img.png
{
	behavior:url('/png.htc');
}

.none
{
	display:none;
}

.visible
{
	display:block;
}

.standartPadding
{
	padding: 0 20px;
}


/* links
-------------------------*/

a
{
	text-decoration:underline;
	color:#069;
}
a:hover
{
	text-decoration:underline;
	color:#cd270b;
}


/* paragraph
-------------------------*/

.paragraphBlock
{
	clear:both;
}

div.imgTop
{
	padding: 0.8em 0 0.5em 0;
}

div.imgLeft
{
	float:left;
	padding: 0.5em 1em 0.8em 0;
}

div.imgRight
{
	float:right;
	padding: 0.5em 0 0.8em 1em;
}

div.imgBottom
{
	padding: 0.4em 0 0.8em 0;
}

p.caption
{
	font-size:75%;
	color:#666;
	font-style:italic;
	margin: 0.5em 0;
}

table.pTable
{
	clear:both;
	width:100%;
	border-collapse:collapse;
	margin: 0.5em 0 1.2em 0;
}

table.pTable th
{
	font-size:85%;
	padding: 1.2em 10px 0.5em 10px;
}

table.pTable td
{
	font-size:85%;
	padding: 0.7em 25px 0.7em 0;
	border-bottom: 1px solid #e5bd00;
}

table.pTable td p
{
	font-size:100%;
	margin:0;
	line-height:normal;
}

.pNote
{
	padding: 0.8em 20px 1em 20px;
	background-color:#ffe464;
	border: 3px dashed #fff;
	margin: 0 0 1em 40px;
}

.pNote h4
{
	font-style:italic;
	font-weight:bold;
	font-size: 80%;
	margin: 0.4em 0 0 0;
}

.pNote p
{
	font-size:75%;
	font-style:italic;
	margin: 0.6em 0 0 0;
	line-height: 1.5em;
}

.pFileattach,
.pFileword,
.pFileexcel
{
	padding: 0.6em 10px 0.4em 36px;
	height: 36px;
}

.pFileLink
{
	font-size:85%;
}

.pFileSize
{
	display:block;
	font-size:70%;
	color:#7f6900;
	margin: 0.2em 0 0 0;
}

.pFileattach
{
	background: url('../i/icons/default.gif') no-repeat left center;
}

.pFileword
{
	background: url('../i/icons/word.gif') no-repeat left center;
}

.pFileexcel
{
	background: url('../i/icons/excel.gif') no-repeat left center;
}

.paragraphBlock h3
{
	font-size:180%;
	font-weight:bold;
	margin: 1.2em 0 0.3em 0;
	clear:both;
}

.paragraphBlock .off span,
.paragraphBlock .on span
{
	cursor:pointer;
	cursor:hand;
	border-bottom: 2px dashed #fff;
}


/* path
-------------------------*/

div.path
{
	padding-top: 0.8em;
}

div.path a
{
	font-size:85%;
}

div.path span
{
	font-size: 85%;
}

div.path h1
{
	font-size:200%;
	font-weight:bold;
	margin: 0.1em 0 0.5em 0;
}


/* image preview */

.previewImageOff,
.previewImageOn
{
	clear:both;
	margin: 0;
	cursor:pointer;
	cursor:hand;
}

.previewImageOn .fade,
.previewImageOn .previewZoom
{
	display:block;
}

.previewImageOff .fade,
.previewImageOff .previewZoom
{
	display:none;
}

.borderShadow
{
	float:left;
	position:relative;
	margin-bottom: 10px;
}

.borderShadow .image
{
	border:0;
	margin: 4px;
	padding:0;
	z-index: 4;
}

.borderShadow .lt,
.borderShadow .rt,
.borderShadow .rb,
.borderShadow .lb
{
	position:absolute;
	width: 13px;
	height: 13px;
	border:0;
	behavior:url('/png.htc');
	z-index:10;
}

.borderShadow .lt
{
	left:0;
	top:0;
}

.borderShadow .rt
{
	right:0;
	top:0;
}

.borderShadow .rb
{
	right:0;
	bottom:0;
	bottom: expression( this.parentNode.offsetHeight % 2 ? -1 : 0 );
}

.borderShadow .lb
{
	left:0;
	bottom:0;
	bottom: expression( this.parentNode.offsetHeight % 2 ? -1 : 0 );
}

.borderShadow .fade
{
	position:absolute;
	border:0;
	behavior:url('/png.htc');
	z-index:5;
	left:4px;
	top:4px;
}

.borderShadow .previewZoom
{
	z-index: 6;
	position:absolute;
	border:0;
	width:30px;
	height:30px;
	z-index:20;
	left:50%;
	top:50%;
	margin-left: -15px;
	margin-top: -15px;
}

.borderShadow .t_line,
.borderShadow .r_line,
.borderShadow .b_line,
.borderShadow .l_line
{
	position:relative;
	z-index:4;
}

.borderShadow .t_line
{
	background: url('/i/shadow/t_line.gif') repeat-x left top;
}

.borderShadow .r_line
{
	background: url('/i/shadow/r_line.gif') repeat-y right top;
}

.borderShadow .b_line
{
	background: url('/i/shadow/b_line.gif') repeat-x left bottom;
}

.borderShadow .l_line
{
	background: url('/i/shadow/l_line.gif') repeat-y left top;
}



/* price list block */

#screenFade
{
	position:fixed;
	//position: absolute;
	top: expression(
	    document.getElementsByTagName("body")[0].scrollTop + "px"
	);
	background: url('/i/bg/black.png') repeat left top;
	width:100%;
	height:100%;
	z-index:30;
	behavior:url('/png.htc');
}

#priceListBlock
{
	position: absolute;
	left: 100px;
	top: 100px;
	z-index: 50;
	width:600px;
	padding: 40px 80px 80px 80px;
	background: url('/i/bg/pricelist_bg.gif') #fff repeat left top;
}

#closePriceList
{
	position: absolute;
	z-index: 51;
	right:0;
	top:0;
	width:58px;
	height: 58px;
	background-image: url('/i/pricelist_close.gif');
	background-repeat: no-repeat;
	cursor:pointer;
	cursor: hand;
}

.closePriceOver
{
	background-position: 0 -68;
}

.closePriceOut
{
	background-position: 0 0;
}

.priceListHeader
{
	text-align: center;
	padding-bottom: 25px;
}

.priceListTable
{
	width: 100%;
	border-collapse: collapse;
}

.priceListTable td
{
	color:#333;
	font-size: 90%;
	padding: 0.4em 0;
	border:0;
	background: url('/i/pricelist_dot.gif') repeat-x right 1.2em;
}

.priceListTable th
{
	color:#333;
	font-size: 90%;
	font-weight:bold;
	padding: 1.5em 0 0.4em 0;
	border:0;
	text-align: left;
}

.priceListTable th.price
{
	text-align: right;
}

.priceListTable td.price
{
	text-align: right;
	background: url('/i/pricelist_dot.gif') repeat-x left 1.2em;
}

.priceListTable td span
{
	color:#333;
	background: url('/i/bg/pricelist_bg.gif') repeat left top;
}