* {
	margin: 0px;
	padding: 0px;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

html{background: #eee url('../i/top.jpg') repeat-x center top;
}

body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	min-width: 1000px;
}

img, a img {border: 0px;vertical-align: bottom;}
.clr{clear: both;}

a {color: #0075ab;text-decoration: underline;}
a:hover {text-decoration: none;}

table, body, tr, td,select, input, textarea {
	font-family: Arial, Tahoma, Verdana, Georgia, Geneva, Helvetica, sans-serif;
	font-size: 11pt;
	color: #333;
}

.container{
	margin: 0 12% 0 3%;
	padding: 0 2em;
	position: relative;
}

.main .container{
	margin: 0 0 0 3%;
	min-height: 610px;
	height: auto !important;
	height: 610px;
}
.main h1 sup, .main h2 sup, .main h3 sup{
	line-height: 80%;
	font-size: 10pt !important;
	margin-left: 0.4em;
	font-style: italic;
	position: relative;
	top: -0.2em;
}


.m1{background: url('../i/main1.jpg') no-repeat center 35px;
}
.m2{background: url('../i/main4.jpg') no-repeat center 35px;
}
.m3{background: url('../../i/main5.jpg') no-repeat center 35px;
}

h1{
	color: #000;
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2.3em;
	line-height: 150%;
	float: left;
	width: 75%;
	margin-top: 1em;
}

h2,h3,h4{
	color: #000;
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.6em;
	line-height: 130%;
	margin: 0 0 0.8em 0;
}

h3{font-size: 1.4em;}
h4{
	font-size: 1.1em;
	color: #333;
	font-style: italic;
}

.topbar{
	position: absolute;
	width: 11px;
	top: 6em;
	right: 8%;
}

.topbar a{
	margin-bottom: 30px;
	display: block;
	width: 11px;
	height: 9px;
	font-size: 0;
	overflow: hidden;
}

.topbar a.home{background-image: url('../i/home.gif')
}
.topbar a.map{background-image: url('../i/map.gif')
}
.topbar a.mail{background-image: url('../i/mail.gif')
}
.topbar a{background-position: top left;background-repeat: no-repeat}
.topbar a:hover{background-position: bottom left;}

.header{padding: 4em 0 1em 0;}
.main .header{padding: 4em 0 0 0;}
.header a.logo{float: left;width: 25%;outline: none}
.header img.logo{float: left;}

ul.menu{
	float: left;
	width: 25%;
	margin-top: 3.2em;
	list-style: none;
	line-height: 180%;
	font-size: 0.95em;
}
ul.menu big{font-size: 1.3em;}
.content{
	width: 75%;
	float: right;
}
.cleft{float: left; margin-right: 1%; width: 48%;margin-bottom: 2em;position: relative}
.cright{float: left; margin-left: 1%; width: 48%;margin-bottom: 2em;position: relative}
.content ul{
	line-height: 150%;
	margin-left: 1em;
	list-style-position:inside;
	list-style-type:none;
}

.content ul li:before{
	content: '— ';
}

.obr{
	width: 300px;
	height: 200px;
}

.se1{background: url('../../equipment/01.jpg') no-repeat left top
}
.se2{background: url('../../equipment/02.jpg') no-repeat left top
}
.se3{background: url('../../equipment/03.jpg') no-repeat left top
}
.se4{background: url('../../equipment/04.jpg') no-repeat left top
}
.se5{background: url('../../equipment/05.jpg') no-repeat left top
}
.se6{background: url('../../equipment/06.jpg') no-repeat left top
}
.se7{background: url('../../equipment/07.jpg') no-repeat left top
}
.se8{background: url('../../equipment/08.jpg') no-repeat left top
}
.se9{background: url('../../equipment/09.jpg') no-repeat left top
}
.se10{background: url('../../equipment/10.jpg') no-repeat left top
}
.se11{background: url('../../equipment/11.jpg') no-repeat left top
}
.se12{background: url('../../equipment/12.jpg') no-repeat left top
}
.se13{background: url('../../equipment/13.jpg') no-repeat left top
}

.main .right{
	float: right;
	width: 33%;
	padding: 0 0 0 2em;
	margin-left: -2em;
	font-size: 0.9em;
}

.main .destruction1 big, .main .processing big, .main .destruction2 big{
	color: #000;
	font-size: 2.2em;
	line-height: 150%;
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
}
.main .destruction2 big{font-size: 1.7em;}
.main .processing big{
	font-size: 1.2em;
	margin-left: -1em;
	line-height: 200%;
}
.main .destruction1{margin: 0 0 1.2em 0;}
.main .destruction2{margin: 0 0 1.4em 2em;}
.main .processing{margin-left: 5em;}

.main .destruction1, .main .processing, .main .destruction2{
	font-size: 1.5em;
	line-height: 120%;
}
.main .processing{font-size: 1.5em;}

.main .right h1{
	float: none;
	width: auto;
	line-height: 120%;
	margin: 2em 0 0 -0.56em;
	font-size: 2.3em;
}

#reload{
	width: 30px;
	height: 30px;
	background: url('../i/reload.gif') no-repeat left top;
	display: block;
	position: absolute;
	right: 20%;
	top: 5.6em;
}
.main .left{
	position: relative;
	padding: 8em 0 0 2em;
	margin-left: -2em;
	font-size: 0.9em;
	width: 37%;
}
.main .left em, .main .right em{
	color: #999;
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
}
.main .right em a{color: #999}
.main .left h2{
	line-height: 120%;
	margin: 0 0 0 -0.56em;
	font-size: 2.3em;
}
.main .left h3{font-size: 1.8em;}

.main .left p{
	color: #000;
	line-height: 135%;
	margin-bottom: 2em;
	margin-right: 25%;
}

a#show_e{text-decoration: none;border-bottom: 1px dashed;}
a#show_e:hover{border:0;}
cite{
	display: block;
	color: #666;
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
	margin: 0.6em 0 1.4em 0;
}

.feedback{
	float: right;
	width: 17.5em;
	height: 20em;
}

.feedback p{
	line-height: 130%;
	font-size: 0.75em;
	width: 22.8em;
	margin: 0.2em 0 1em 0;
	color: #999;
}

.feedback p.phint{margin: -0.4em 0 1.6em 0;}

.feedback .errors{
	font-size: 0.75em;
	margin-bottom: 0.8em;
	width: 22.8em;
}

.feedback input.text, .feedback textarea{
	border: 1px solid #999;
	font-size: 1em;
	padding: 0.3em 0.4em;
	width: 22em;
	background: transparent;
}

.feedback textarea{height: 8em;}

.feedback .button{
	border: 1px solid #999;
	width: 7em;
	height: 1.8em;
	font-size: 1em;
	background: transparent;
}
div.map{
	position: relative;
	width: 520px;
	height: 230px;
	left: 45%;
	margin-left: -360px;
}

div.map img{
	margin-top: -150px;
	left: 0;
	position: absolute;
}

#m1{display: block;}
#m2{display: none;}
p.mlinks{
	position: absolute;
	bottom: 0;
	right:-2em;
}
p.mlinks a{margin-right: 2em;text-decoration: none;border-bottom: 1px dashed}
p.mlinks a.active{color: #333;border:0}
p.mlinks a#ym{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	text-decoration: underline;
		padding-right: 12px;
	background: url('../i/nw.gif') no-repeat right top;
		margin-right: 0;
		margin-left: 2em;
}
p.mlinks a#ym:hover{text-decoration: none;}

.rleft{
	position: absolute;
	top:0;
	left: 2em;
	width: 30%;
	margin: 2.6em 0;
	text-align: center;
}

.rleft p{margin: 0.4em 0}

div.tiz{
	width: 230px;
	height: 200px;
	margin: auto;
}
.t1{background: url('../../i/tiz1.jpg') no-repeat left top;
}
.t2{background: url('../../i/tiz2.jpg') no-repeat left top;
}
.t3{background: url('../../i/tiz3.jpg') no-repeat left top;
}
.t4{background: url('../../i/tiz4.jpg') no-repeat left top;
}

.rleft em{font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;}

.hint{
	position: absolute;
	top: 4em;
	right: -12em;
	background-color: #f5f5f5;
	padding: 1.4em;
	text-align: left;
	width: 12em;
	display: none;
}
.hint p{
	margin:0;
	font-size: 0.8em;
	line-height: 130%;
}
.hint .hintst{
	width: 24px;
	height: 36px;
	background: url('../i/hintst.gif') no-repeat left top;
	position: absolute;
	left: -24px;
	top: 15px;
}

div.steps img{
	float: left;
	border: 10px solid #e5e5e5;
	margin-right: 3em;
}

div.steps{
	padding: 1em 0 2em 0;
	clear: both;
}
div.steps p{
	color: #666;
	font-size: 0.8em;
}

.thambs{
	margin: 0 12% 0 25%;
	overflow: hidden;
	position: relative;
}
.gallery{
	width: 100%;
	overflow: hidden;
}
.thambs div{
	float: left;
	width: 110px;
	font-size: 0.75em;
	height: 160px;
	text-align: center;
	position: relative;
	padding: 0 5px;
	color: #666;
}

.thambs p{margin-top: 2.4em;line-height: 130%;}

.thambs img{
	padding:5px;
	position: absolute;
	bottom:5px;
	left: 5px;
}

.thambs span{
	width: 50%;
	float: right;
}
.view{
	margin: 3em 0 0 0;
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
}
#view{
	left: 25%;
	width: 100%;
	height: 500px;
	position: relative;
}

.loading{background: url('../i/loading.gif') no-repeat center 130px;
}
#view .cnt{
	width: 100%;
	position: relative;
	height: 300px;
}
#view p{
	position:absolute;
	top: 320px;
	width: 400px;
	left: 25%;
	margin-left: -200px;
}

.thambs a{
	color: #666;
	text-decoration: none;
}

.thambs a:hover{color: #000}

#view .cnt div{
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

.thambs #th_active{
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: auto;
	margin: 69px 0 0 4px;
	width: 110px;
	height: 85px;
	padding:0;
	border: 1px solid #ccc;
	z-index: 1000;
}
.cnt img{margin: 0.6em;}
#view .cnt div img{
	width: 400px;
	float: none;
	margin: 0 auto;
	display: block;
	cursor: pointer;
}

#view .cnt div p{
	margin-top: 1em;
}

#gleft, #gright{
	position: absolute;
	display: block;
	top: 136px;
	left: 25%;
	height: 28px;
	width: 28px;
	background: url('../i/gleft.png') no-repeat left top;
	text-indent: -2em;
	z-index: 100;
	overflow: hidden;
}

.steps_links a{
	text-decoration: none;
	border-bottom: 1px dashed;
	margin-right: 1.6em;
	font-size: 0.9em;
}
.steps_links a:hover{border:0}
.steps_links a.active{
	color: #000;
	border:0;
}

#gright{
	background: url('../i/gright.png') no-repeat left top;
	left: auto;
	right: 25%;
}

.q{
	padding-left: 20%;
	margin: 2.6em 0;
}

.block{
	margin-left: -8%;
	font-size: 1.2em;
	color: #000;
	line-height: 140%;
}

p{
	line-height: 150%;
	margin: 0.8em 0;
}

p sup, .content ul li sup{
	line-height: 70%;
	font-size: 0.9em;
	margin-left: 0.2em;
}

big.service{font-size: 1.6em;}

blockquote{
	position: relative;
	width: 48%;
	float: right;
	background: #f5f5f5;
	padding: 1.6em 2.4em;
	margin: 2.6em 0 2.6em -40%;
	font-size: 0.8em;
	color: #000;
}

blockquote .br{float: left; width: 40%;margin-left: 5%}
blockquote .bl{float: left; width: 40%;}
blockquote p{line-height: 140%;}

.services{
	width:40%;
	float: left;
	left:5%;
	margin: 1.6em 0 1.6em 0;
	position: relative;
}

.services .title{
	color: #999;
	font-size: 0.9em;
	font-style: italic;
}

.services p{margin-top: 0.4em;}

.services .item{
	float: left;
	width: 50%;
}
.services a.rec, .services a.des{
	display: block;
	width: 150px;
	height: 100px;
}
.services a.des{background: url('../../equipment/des.png') no-repeat left top;
}
.services a.rec{background: url('../../equipment/rec.png') no-repeat left top;
}
.services a.rec:hover, .services a.des:hover{background-position: bottom left;}
.services .item p{
	text-align: center;
	width: 150px;
}

.prefooter{width: 100%;height: 12em}
.footer{
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	padding: 1.6em 0 1.6em 0;
	background: #fff;
}

.footer .container{
	margin: 0 12% 0 3%;
	min-height: 0;
	height: auto !important;
}

.footer p{
	font-family:Tahoma, Verdana, Georgia, Arial,  Geneva, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 140%;
	color: #666;
}

.footer .copy span{margin-left: -1.16em;}
.footer .copy{
	float: left;
	left: -2em;
	padding-left: 2em;
	position: relative;
}
.footer .develop{
	float: right;
	padding-left: 45px;
	background: url('../i/js.gif') no-repeat left top;
	height: 40px;
}


* html .content ul li:before{content: '';}
*+html .content ul li:before{content: '';}
* html .content ul{
	list-style-type:disc;
	list-style-image: url('../i/list.gif');
}
*+html .content ul{
	list-style-type:disc;
	list-style-image: url('../i/list.gif');
}
* html .view, .container, .thambs{height: 1%;}
* html .services .item{margin-left: -1%;}
* html .cleft{overflow: hidden}
* html .cright{overflow: hidden}