body { background: #333333; font: 14px Arial, Helvetica, sans-serif; }
a { font: Arial, Helvetica, sans-serif 14px; }

.clear { clear: both; }
.bp { height: 30px; width: 0px; }
.wrapper { width: 959px; margin: 0 auto; }
.header { width: 959px; height: 186px; background: #fff url("../i/header.jpg") no-repeat; position: relative; }
.header .logo { width:243px; height: 106px; position: absolute; top: 25px; left: 32px; background:url("../i/logo.png") no-repeat;}
.header .contacts {text-align: right; height: 40px; width: 300px; top: 110px; left: 649px; position: absolute; color: #fff; font-weight: bold; }
.slideshow { height: 225px; width:260px; margin: auto }

.slideshow img { padding: 5px; border: 1px solid #ccc; background-color: #eee; }
/* menu */
.header .menu { height: 28px; width: 959px; background: #000; position: absolute; top: 158px; left: 0;  }
.header .menu ul.lvl1 { margin: 6px 0 0 0; }
.header .menu ul.lvl1 li { float: left; display: inline; position: relative; height: 22px; margin: 0 7px;  }
.header .menu ul.lvl1 li.arrow { margin: 0 1px 0 7px; }
.header .menu ul.lvl1 a.arrow { padding: 0 13px 0 0; background: url("../i/arrow.png") right no-repeat; }
.header .menu ul.lvl1 ul { display: none; position: absolute; top: 22px; left: 0; width: 250px; background: #000; }
.header .menu ul.lvl1 ul li { width: 250px; float: left; display: block !important; display: inline; height: auto !important; margin: 3px 7px; }
.header .menu ul.lvl1 ul:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
.header .menu ul.lvl1 a { border: 0px; float: none !important; float: left; display: block; color: #fff; 
						  text-decoration: none; height: auto !important; height: 1%; font: bold 12px Tahoma ;} 
.header .menu ul.lvl1 li:hover ul ul,
.header .menu ul.lvl1 li.iehover ul ul { display: none; }
.header .menu ul.lvl1 li:hover ul,
.header .menu ul.lvl1 ul li:hover ul,
.header .menu ul.lvl1 li.iehover ul,
.header .menu ul.lvl1 ul li.iehover ul { display: block; } 


/* content */
.wrpcontent { background: #85b8fc; width: 959px; }
.content { background: url("../i/rbg.jpg") right repeat-y; width: 959px; } 

/* left */
.content .left { width: 604px; margin: 0; float: left; padding: 0 15px;  background: #85b8fc; text-align: justify; }
.content .left .headl { margin: 18px 0 30px -15px; font: 18px Arial, Helvetica, sans-serif; color: #fff; width: auto; height: 26px; }
.content .left .headl h1 { background: #ff0000 url("../i/headl.png") right no-repeat; display: inline; padding: 3px 8px 2px 10px;  }
/* right */
.content .right { width: 295px; float: right; padding: 0 15px; background: #66b4fc; text-align: justify; }
.content .right .headr { margin: 18px -15px 30px 0; font: 18px Arial, Helvetica, sans-serif; color: #fff; width: auto; text-align: right; height: 26px; }
.content .right .headr h2 { background: #ff0000 url("../i/headr.png") left no-repeat; display: inline; padding: 3px 8px 2px 13px;  }
.content .right .distr { text-align: center; }
.content .right .distr img { margin: 0 0 10px 0; }
.content .right .distr img.enfl { margin: 0 0 30px 0; }
.content .right .news { border-top: 1px solid #85b8fc; border-bottom: 1px solid #85b8fc; width: 295px; margin: 0 -15px; padding: 0 15px; }
.content .right .news h2 { margin: 20px 0 30px 0; }
.content .right .news a { text-decoration: none; color: #000; }
.content .right .news .text {margin: 0 0 10px 0; }
.content h3 a { color: #000;  }
.content .sdescr { margin: 0 0 20px 0; }

/* footer */
.footer { height: 54px; border-top: 1px solid #fff; width: 959px; background: #000; position: relative; color:#fff; }
.footer .dev { position: absolute; left: 10px; top: 10px; padding: 0 0 0 60px; background: url("../i/dev.jpg") no-repeat; }
.footer .dev a { color: #fff; text-decoration: none; }
.footer .copy { position: absolute; left: 749px; top: 20px;  }


a:hover { text-decoration: underline !important; }
