.base { width: 100%; height: 100%;  background: #2A77B6 url(../img/bot-grad.gif) repeat-x 0 100%; 
width:expression(document.body.clientWidth < 970? "970px": "100%"); min-width: 970px; }
.top { background: url(../img/top-grad.gif) repeat-x 0 0; }
.top .top-cloud { width: 100%; height: 126px; background: url(../img/top-cloud.jpg) no-repeat 0 6px; }

.flash { position: absolute; top: 0; left: 0; height: 491px; width: 100%; z-index: 1; }
.logo { position: absolute; top: 14px; left: 3px; width: 527px; height: 117px; background: url(../img/logo-bg.gif) no-repeat 0 0; }
.logo IMG { margin-top: 19px; margin-left: 17px; }

.car { position: absolute; top: 127px; left: 367px; width: 603px; height: 364px; background: url(../img/car.gif) no-repeat 0 100%; }

.srv-ico { position: absolute; top: 34px; left: 77%; margin: 0; padding: 0; z-index: 2 }
.srv-ico li { padding: 0 0 5px 0; background: none; }
.srv-ico img { margin-right: 12px; }
.srv-ico li, .srv-ico a, .srv-ico a:hover  { color: #C8E6FF;  font-size: 13px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.srv-ico a:hover { text-decoration: none; }

.top2 { width: 100%; background: url(../img/top2-grad.gif) repeat-x 0 0; }
.top2 .cloud { background: url(../img/top2-cloud.gif) no-repeat 0 0; }
.top2 .town { background: url(../img/town.gif) no-repeat 100% 87px; }
.top2 .coner { background: url(../img/corner.jpg) no-repeat 0 253px; : ; }
.top2 .shadow { height: 378px; background: url(../img/car-shadow.jpg) no-repeat 234px 263px; }

.menu { position: absolute; top: 153px; left: 0; padding: 0 0 0 56px; padding-left: '40px'; background: url(../img/menu-marker.jpg) no-repeat 0 0; z-index: 2; width: 20%; }
.menu li { height: 26px; padding: 0; margin-bottom: '-2px'; list-style-image: none; list-style: none; }
.menu li a img { background-position: 0 100%; }
.menu li a:hover img { background-position: 0 0; }
.menu li.i1 img { background-image: url(../img/about.gif); }
.menu li.i2 img { background-image: url(../img/news.gif); }
.menu li.i3 img { background-image: url(../img/price.gif); }
.menu li.i4 img { background-image: url(../img/special.gif); }
.menu li.i5 img { background-image: url(../img/opinion.gif); }
.menu li.i6 img { background-image: url(../img/guide.gif); }
.menu li.i7 img { background-image: url(../img/contact.gif); }
.menu-flash { position: absolute; left: 2px; top: 4px; width: 12px; height: 17px; }
.menu li.i4 .menu-flash img { background-image: none; }

.art, .art2 { position: absolute; left: 35%; top: 151px; padding: 0 0 0 24px; z-index: 2; }
.art2 { padding-left: 180px; }
.art li, .art2 li { padding: 0 0 5px 0; color: #AECCED; font-size: 16px; }
.art a, .art2 a { font-weight: bold; color: #fff; }
.art a:hover, .art2 a:hover, .price a:hover { color: #C8E6FF; text-decoration: none; }

div.price { position: absolute; left: 77%; top: 149px; padding: 0 0 30px 53px; color: #fff; font-size: 13px; background: url(../img/price.png) no-repeat 0 0; background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/price.png', sizingMethod='crop'); z-index: 2; }
div.price a { color: #fff; font-weight: bold; }
img.price { position: absolute; left: 77%; top: 150px; }


.center { padding-bottom: 130px; font-size: 12px; background: url(../img/center-grad.gif) repeat-x 0 0; position: relative; z-index: 2; }
.center .shadow { width: 100%; background: url(../img/car-shadow2.jpg) no-repeat 335px 0; }
.center .welcome { width: 35%; color: #fff; }
.center .welcome div.txt { padding: 0 35px 0px 55px; }
.center .welcome h1 { margin: 0 0 .7em 0; font-size: 22px; color: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.center .welcome a, .center .opinion a { color: #fff; }
.center .welcome a:hover, .center .opinion a:hover { color: #C8E6FF; }
.center .opinion { width: 30%; color: #fff; }
.center .opinion h1 { margin: 0 0 .6em 0; font-size: 20px; }
.center .opinion div { padding: 0 35px 20px 12px; font-style: italic; border-left: 1px solid #fff; }
.center .opinion span { display: block; color: #C9E7FF; text-align: right; }

.center .news { width: 35%; }
.center .news .bg { padding: 20px 28px 30px 25px; background: #E1F1FC; }
.center .subscription { float: right; padding: 0 0 2px 20px; background: url(../img/substr.gif) no-repeat 0 100%; }
.center .news .subscription span { color: #086DB2; font-weight: normal; font-size: 16px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px dashed #086DB2; cursor: pointer; cursor: hand; }
.center .news .item { clear: left; margin-top: 11px; min-height: 35px; height: '35px'; }
.center .news h1 { margin: 0; }
.center .news h1 a { font-size: 20px; }
.center .news span { display: block; font-size: 10px; color: #9D9D9D; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.center .news .img { overflow: hidden; width: 50px; height: 45px; float: left; margin: .4em 5px 5px 0; }
.center .news a { color: #086DB2; font-weight: bold; font-size: 14px; }
.center .news a:hover { color: #7FB3DD; }
.center .news .shadow-bot { width: 100%; height: 26px; background: url(../img/shadow-news.png) no-repeat 0 0; background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/shadow-news.png', sizingMethod='crop'); }
.center .news .shadow-lft { position: absolute; left: -12px; top: -38px; width: 12px; height: 54px; background: url(../img/shadow-news-lft.png) no-repeat 0 0; background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/shadow-news-lft.png', sizingMethod='crop'); }

.news .conteiner { position: absolute; bottom: -86px; bottom: '-66px'; left: -85px; width: 182px; height: 82px; overflow: hidden; }
#substr { display: none; width: 180px; height: 79px; border: 1px solid #2B77B5; background: #fff url(../img/substr-bg.jpg) repeat-y 0 0; }
#substr span { float: right; margin-top: 1px; margin-right: 16px; color: red; font-size: 11px; border-bottom: 1px dashed red; font-weight: bold; }
#substr input { margin-left: 15px; }
#substr .txt { margin: 5px 0 5px 15px; padding: 2px; width: 145px; color: #2A77B6; font-style: italic; border: 1px solid #508AC7; background: #fff; }
#substr .act { color: #000 !important; font-style: normal !important; }

.cr { position: absolute; left: 35%; top: -86px; width: 215px; height: 10px; background: url(../img/cr-bg.gif) repeat-x 0 0; }
.cr .img { position: absolute; left: -136px; top: -108px; height: 194px; width: 162px; background: url(../img/img-bot.gif) no-repeat 0 0; }
.cr .imgflash { position: absolute; left: -130px; top: -83px; height: 169px; width: 159px; }
.cr .txt { position: absolute; top: 0; left: 0; font-size: 12px; color: #fff; z-index: 200 }
.cr strong { display: block; padding-bottom: 3px; }
.cr a, .cr a:hover { color: #fff !important; }
.contact { position: absolute; left: 55px; top: -198px; font-size: 13px; color: #C6E5FF; z-index: 100 }
.contact strong { display: block; padding-bottom: 9px; font-size: 20px; color: #EEF7FF; }