/* ---------------------------
copyright (c) artkmv.com
icq: 997-01-21
email: box@artkmv.com
---------------------------*/

/* сброс */

* {padding:0; margin:0;}
img {border: 0; _behavior: url("png/iepngfix.php");}
table {border-collapse: collapse; border: none;}
table th, table td {font-weight: normal;}

/* типографика */

.row {overflow: hidden; zoom: 1; margin-bottom: 10px;}
.row .left {float: left; width: 150px;}
.row .center {float: right; margin-left: 160px;}

a:focus {outline: none;}
a, a:hover {font: 12px tahoma; color: #0099e7; text-decoration: none;}
a:hover {border-bottom: none;}

ul li {list-style: none;}
ol li {list-style: decimal inside;}


h1 {font: 18px arial; color: #000; margin: 0 0 20px 0;}
h1 a, h1 a:hover {font-size: 18px; color: #000;}

h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 10px;}

/* структура */

html {height: 100%;}
body {height: auto !important; height:100%; min-height:100%; font: 12px tahoma; color: #303030; line-height: 17px;}

#wrap {width: 1000px; margin: 0 auto; background: url(images/body-bg.jpg) top no-repeat;}
#hp {height: 224px; position: relative;}
#logo {left: 6px; top: 61px; position: absolute;}

#special {left: 326px; top: 19px; position: absolute;}

#special2 {width: 317px; height: 166px; background: url(images/special.png); _behavior: url("png/iepngfix.php");}
#special2 p {display: block; padding: 63px 15px 0 42px; font-size: 11px;}
#special2 a, #special2 a:hover {font-size: 11px; display: block; margin-top: 8px;}

#contacts {right: 18px; top: 19px; z-index: 1; position: absolute;}
#contacts2 {width: 317px; height: 166px; background: url(images/contacts.png); _behavior: url("png/iepngfix.php");}
#contacts2 p {padding: 100px 60px 0 94px; color: #444444; line-height: 15px;}
#contacts2 a, #contacts2 a:hover {color: #444444; text-decoration: underline;}

#schema {position: absolute; right: 26px; top: 162px; z-index: 2; }
#schema2 a, #schema2 a:hover {font-size: 11px; color: #f25922; text-decoration: underline;}
#schema2 {text-align: center; padding: 27px 0 0 0; width: 101px; height: 22px; background: url(images/schema.png); _behavior: url("png/iepngfix.php");}

#navigation {margin: 13px 80px 0 9px; position: relative; height: 53px;}
#n-l-scoba {position: absolute; background: url(images/scoba-left.png); _behavior: url("png/iepngfix.php"); width: 18px; height: 47px; left: 0; top: 0;}
#n-r-scoba {position: absolute; background: url(images/scoba-right.png); _behavior: url("png/iepngfix.php"); width: 18px; height: 47px; right: 48px; top: 0;}

#menu {padding: 9px 0 0 29px;}

#menu li {
	text-align: center; height: 37px; padding: 7px 0 0 0; float: left;
}
#menu li a {
	font: bold 12px "trebuchet ms";
	color: #0193de;
	text-transform: uppercase;
	border-bottom: 1px dashed #000;
}
#menu li a:hover {
	font: bold 12px "trebuchet ms";
	color: #fff;
	text-transform: uppercase;
	border-bottom: 1px dashed #fff;
	_border-bottom: 1px solid #000;
	_color: #0193de;
}

.n1, .n1:hover {width: 193px;}
.n1:hover {background: url(images/n1.png); _behavior: url("png/iepngfix.php");}

.n2, .n2:hover {width: 111px;}
.n2:hover {background: url(images/n2.png); _behavior: url("png/iepngfix.php");}

.n3, .n3:hover {width: 163px;}
.n3:hover {background: url(images/n3.png); _behavior: url("png/iepngfix.php");}

.n4, .n4:hover {width: 182px;}
.n4:hover {background: url(images/n4.png); _behavior: url("png/iepngfix.php");}

.n5, .n5:hover {width: 156px;}
.n5:hover {background: url(images/n5.png); _behavior: url("png/iepngfix.php");}

#cpart {overflow: hidden; zoom: 1; padding: 28px 22px 34px 0;}
#cside {margin: 0 345px 0 0; border-right: 1px dashed #ababab;}
#rside {width: 345px; float: right;}

#mi {height: 55px; border-left: 6px solid #565656; background: url(images/mi-umeem.png) left top no-repeat; _behavior: url("png/iepngfix.php");}
#mi2 {padding: 23px 20px 25px 21px;}

.astyle1, .astyle1:hover {font-size: 14px; border-bottom: 1px dashed #0099e7; _border-bottom: none; _text-decoration: underline;}
.astyle1:hover {border-bottom: none;}

.portfolio-1 {background: url(images/p2-tl.gif) top left no-repeat #f4f4ea; padding: 21px 0 0 11px; margin: 0 18px 0 20px;}
.portfolio-2 {background: url(images/p2-bl.gif) bottom left no-repeat #f4f4ea; height: 18px; margin: 0 18px 37px 20px;}
.p2-br {background: url(images/p2-br.gif) bottom right no-repeat; height: 18px;}

.tab {overflow: hidden; zoom: 1; font-size: 11px; line-height: 14px; padding: 0 0 33px 0;}
.col {float: left; margin: 0 10px 0 0; width: 270px;}
.col2 {float: left; width: 300px;}

.tab a, .tab a:hover {color: #0099e7; font-size: 11px; text-decoration: underline;}
.tab a:hover {text-decoration: none;}
h2 {font: bold 14px tahoma; color: #000; margin: 0 0 1px 0;}

.istyle1 {float: left; margin: 0 12px 0 0;}
.istyle2 {display: block; margin: 0 0 12px 0;}

#nk {height: 55px; border-left: 6px solid #565656; background: url(images/nk.gif) left top no-repeat;}
#nk2 {padding: 23px 0 0 21px; height: 92px;}
#nk2 img {margin: 0 9px 0 0; float: left;}

#news {background: url(images/p2-tr.gif) right top no-repeat #f4f4ea; margin: 0 22px 0 21px; padding: 23px 16px 0 16px;}

.idd {border-bottom: 1px dashed #0099e7;}

#news .row {padding: 0 0 15px 60px; position: relative; font: 11px tahoma; color: #666;}
#news h3 {color: #005d9e; padding: 0 0 12px 0; font: 12px tahoma;}
#news .row .date {left: 0; top: 0; position: absolute; background: url(images/date.png) no-repeat center top; width: 42px; _behavior: url("png/iepngfix.php");}

.date strong {display: block; font: bold 16px tahoma; color: #000; margin: 9px 0 7px 0;}
.date {color: #000; font-size: 11px; text-align: center;}

#news2 {background: url(images/p2-bl.gif) top left no-repeat #f4f4ea; height: 18px; margin: 0 22px 36px 21px;}
#news2 .br {background: url(images/p2-br.gif) top right no-repeat; height: 18px;}

#order, #calc {font: 12px arial; color: #444;}
#order a, #order a:hover, #calc a, #calc a:hover {font: 12px arial; color: #0099e7; text-decoration: underline;}

#order {background: url(images/order.png); width: 300px; height: 43px; padding: 41px 0 0 39px; margin: 0 0 36px 0; _behavior: url("png/iepngfix.php");}
#calc {background: url(images/calc.png); width: 300px; height: 44px; padding: 41px 0 0 39px; margin: 0 0 32px 0; _behavior: url("png/iepngfix.php");}

#docs {margin: 0 20px 0 21px; font: 11px arial; color: #000;}
#docs a, #docs a:hover {font: 11px arial; color: #0b7881; text-decoration: underline;}
#docs a:hover {text-decoration: none;}

#footer {width: 763px; border-bottom: 1px solid #e2e2e2; margin: 0 auto; padding: 0 0 6px 0; text-align: center;}
#footer a, #footer a:hover {color: #0099e7; text-decoration: underline; margin-right: 18px;}
#footer a:hover {text-decoration: none;}

#footer2 {margin: 10px 0 0 33px; border-left: 6px solid #565656; height: 45px; position: relative; background: url(images/footer-bg.png) center no-repeat;}
#number {right: 0; position:absolute; top: -17px; width: 268px; height: 62px; background: url(images/number.gif);}
#copy {font: 11px arial; color: #4c5256; left: 13px; top: 8px; position: absolute;}