/* Версия от 11.04.2008 */
body { margin: 0; padding: 0; background-color: #fff; }
* { margin:0; padding:0 }
.clear { clear: both; }

a { color: #0000ad; }
.orange { color: #ff8111; }
h1, h2, p { margin: .6em 0; }


/* Hat */
#hat { height: 128px; background: url(main.hat.bg.png) top left repeat-x; position: relative; width: 100%; overflow: hidden; }
#hat .hat-top-left { width: 109px; height: 20px; background: url(main.hat.corners.png) top left no-repeat; position: absolute; top: 0; left:0;  }
#hat .hat-top-right { width: 109px; height: 20px; background: url(main.hat.corners.png) -109px 0 no-repeat; position: absolute; top: 0; right:0;  }

#hat #phone { float: right; width: 30%; padding-left: 35px; margin: 60px 0 20px 0; background: url(main.hat.phone.bg.gif) 0 .3em no-repeat; }
#hat #phone dl { width: 21em; }
#hat #phone dt { float: left; padding-top: .95em; }
#hat #phone dd { float: right; width: 16em; }
#hat #phone dd.both { padding-left: 2.7em; width: 13.3em; }

#hat #phone2 { float: right; width: 46%; margin: 60px 0 20px 0; font-weight: bold; color: #5E5E5E; font-family: Arial, Tahoma; }
#hat #phone2 .item { float: left; margin-left: 15px; padding-left: 35px; background: url(main.hat.phone.bg.2.gif) 0 .3em no-repeat; }
#hat #phone2 .item big { font-size: 1.8em; font-weight: normal; font-family: Arial, Tahoma; }

#hat #logo { float: left; width: 39%; margin: 70px 0 5px 7%; }
#hat #logo h2 { margin: 0; padding: 0; }
#hat #logo a { display: block; width: 290px; height: 53px; background: url(main.hat.logo.png) top left no-repeat; }
#hat #logo span { display: none; }

#hat .home { width: 13px; height: 13px; position: absolute; top: 70px; right: 35%; }
#hat .home img { border: none; }

#hat .home2 { width: 13px; height: 13px; position: absolute; top: 70px; right: 48%; }
#hat .home2 img { border: none; }

#hat1 { height: 106px; background: url(hat.bg.gif) top left repeat-x; position: relative; width: 100%; overflow: hidden; }
#hat1 .hat-top-left { width: 109px; height: 21px; background: url(hat.corner.left.gif) top left no-repeat; position: absolute; top: 0; left:0;  }
#hat1 .hat-top-right { width: 109px; height: 21px; background: url(hat.corner.right.gif) top left no-repeat; position: absolute; top: 0; right:0;  }

#hat1 #phone3 { float: right; width: 50%; margin: 51px 0 7px 0; font-weight: bold; color: #303030; font-family: Arial, Tahoma; }
#hat1 #phone3 .item-red, #hat1 #phone3 .item-grey { float: left; margin-left: 15px; padding-left: 50px; height: 48px; }
#hat1 #phone3 .item-red { background: url(hat.redphone.gif) top left; }
#hat1 #phone3 .item-grey { background: url(hat.greyphone.gif) top left; }
#hat1 #phone3 .item-red .num, #hat1 #phone3 .item-grey .num { height: 32px; padding-right: 10px;}
#hat1 #phone3 .item-red .num big, #hat1 #phone3 .item-grey .num big { font-size: 31px; font-weight: normal; font-family: Arial, Tahoma; }
#hat1 #phone3 .item-red .addr, #hat1 #phone3 .item-grey .addr { color: #FFFFFF; height: 16px; font-size: 14px; }

#hat1 #logo1 { float: left; width: 39%; margin: 51px 0 0 9%; }
#hat1 #logo1 h2 { margin: 0; padding: 0; }
#hat1 #logo1 a { display: block; width: 293px; height: 55px; background: url(hat.logo1.gif) top left no-repeat; }
#hat1 #logo1 span { display: none; }

#hat1 .home3 { width: 13px; height: 13px; position: absolute; top: 58px; left: 60px; }
#hat1 .home3 img { border: none; }

#hat1 .hat-noof { width: 303px; height: 12px; background: url(hat.noofficial.gif) 175px top no-repeat; position: absolute; top: 4px; left:9%;  }
#menu #menu-container1 { height: 14px; background: url(main.menu.bottom.bg.png) bottom left repeat-x; border-top: 1px solid #FFF; }

#menu { padding: 0 0 0 0; overflow: hidden; position: relative; }
#menu #menu-container { padding-bottom: 21px; background: url(main.menu.bottom.bg.png) bottom left repeat-x; }
#menu .line { width: 57%; height: 17px; font-size: 1px; background: url(main.menu.line.bg.png) top left no-repeat; position: absolute; top: 0; right: 0; }
#menu .hat-bottom-left { width: 107px; height: 53px; background: url(main.hat.corners.png) -2px -20px no-repeat; position: absolute; top: 14px; left:0;  }
#menu .hat-bottom-right { width: 107px; height: 53px; background: url(main.hat.corners.png) -109px -20px no-repeat; position: absolute; top: 14px; right:0;  }
#menu .main-menu { position: relative; z-index: 50; text-align: center; list-style: none; padding: 0 110px 0 110px; }
#menu .main-menu li { position: relative; z-index: 50; display: inline; margin: 0 25px 0 0; }
#menu .main-menu li span { padding-left: 10px; margin-right: 5px; height: 5px; background-color: #419cd1; vertical-align: .2em; }
#menu .main-menu li#home img { border: none; vertical-align: middle; }
#menu .main-menu li a { position: relative; z-index: 50; color: #fff; }

#mech { height: 65px; background: url(main.mech.png) bottom left no-repeat; position: relative; }
#mech div { height: 116px; width: 85px; margin-top: -50px; position: absolute; background: url(main.mech.png) bottom left no-repeat; }
#mech1 { height: 65px; background: url(main.mech2.png) bottom left no-repeat; position: relative; }
#mech1 div { height: 116px; width: 85px; margin-top: -50px; position: absolute; background: url(main.mech2.png) bottom left no-repeat; }

#content .left-container { width: 56%; float: left; }
#content .left-container .left { margin: 0 0 3.6em 40px; }
#content .left-container .left h2,
#content .left-container .left h3,
#content .left-container .left p,
#content .right-container .right h2,
#content .right-container .right h3,
#content .right-container .right p,
#content .right-container .right dl { margin-left: 20px; margin-right: 20px; }

#content .left-container .left { width: auto; }
#content .left-container .left .auto { border-bottom: 1px solid #ff7800; margin-top: 44px; position: relative; width: 99%; }
#content .left-container .left .auto .left { width: 295px; margin: 0 0 0 12px; position: absolute; left: 6px; bottom: 3px; order: 1px solid black;  }
#content .left-container .left .auto .right {  margin-left: 295px; min-height: 100px; }
#content .left-container .left .auto .right ul { list-style: none; margin: .6em 0;}
#content .left-container .left .auto .right ul li { font-size: 0.85em; }
#content .left-container .left .auto .right ul li span, #content .right-container .main-menu li span { padding-left: 15px; margin-right: 5px; vertical-align: .2em; }

#content .left-container #about ul.left { list-style: none; margin: .6em 0; width: 47%; float: left; }
#content .left-container #about ul.right { list-style: none; margin: .6em 0; width: 47%; float: right; }
#content .left-container #about ul li { padding-left: 20px; margin-bottom: .2em; }
#content .left-container #about ul li span { padding-left: 15px; margin-right: 5px; vertical-align: .2em; margin-left: -20px; }

#content .left-container .left #others { list-style: none; margin: 2.4em 0 0 12px; } 
#content .left-container .left #others li { display: inline; }
#content .left-container .left #others a img { border: none; vertical-align: -.4em; }
#content .left-container #about { padding: 10px 20px 50px 115px; background: #fff url(main.about.bg.png) top left no-repeat; } 

#content .right-container { width: 41%; float: right;  }
#content .right-container .right { padding-right: 40px; overflow: hidden; }

#content .right-container .right .blank h1, #content .right-container .right .blank h2 {
	margin-bottom: .2em;
}
#content .right-container .right .blank,
#content .left-container .left .blank {
	border-bottom: 3px solid #ff7800;
	margin-bottom: 1.8em;
}
#content .right-container .right object {
	margin-left: 20px;
}
/* Главное меню в левой колонке */
	#content .right-container .main-menu {
		list-style: none;
		margin-left: 20px;
		margin-right: 40px;
	}
	#content .right-container .main-menu li {
		font-size: 1.25em;
		margin-bottom: .4em;
		padding-left: 20px;
	}
	#content .right-container .main-menu li span {
		background-color: #419CD1;
		margin-left: -20px;
	}
	#content .right-container .main-menu li.a span {
		background-color: #B00000;
	}
/* / Главное меню в левой колонке */

#content .right-container .right-box { margin-right: -40px; padding: 0 40px 2.4em 0; overflow: hidden; }
#content .right-container .right img { border: 0px none; margin: 0 2.4em 1.2em 0;  }
#content .left-container .left .news dt { margin: .6em 0; }
#content .left-container .left .news dd { margin: 0 0 1.2em 0; }
#content .left-container .left .news dd .img { width: 102px; height: 52px; overflow: hidden; float: left; }
#content .left-container .left .news dd .text { padding-left: 110px; }

#content .right-container .right .spec { border-top: 3px solid #ff7800; padding: 0px 0px 10px 20px; background-color: #f3f3f3; font-size: .95em; }
#content .right-container .right .spec #spec1 { background: url(main.spec.lend-cruiser.gif) bottom left no-repeat; padding: 10px 20px 10px 86px; }
#content .right-container .right .spec #spec2 { background: url(main.spec.camry.gif) bottom left no-repeat; padding: 10px 20px 10px 86px; }
#content .right-container .right .spec #spec3 { background: url(main.spec.rav4.gif) bottom left no-repeat; padding: 10px 20px 10px 86px; }

#content .right-container .right .contact-box { margin-right: -40px; padding: 0 40px 2.4em 0; overflow: hidden; }
#content .right-container .right .place { border-bottom: 3px solid #c2c2c2; padding: 5px 0px 10px 20px; }
#content .right-container .right .place #place-map { width: 125px; float: left; margin-right: -125px;  }
#content .right-container .right .place #place-des { margin-left: 125px; }

#content .left-container .left .contact-box { margin-left: -40px; padding: 0 0 2.4em 40px; overflow: hidden; }

.menu-img {
	background: url(main.menu.new.bg.png) 100% 80px no-repeat;
}
.news-img {
	background: url(main.news.bg.png) right 50px no-repeat;
}
.contacts-img {
	background: url(main.contacts.bg.png) center right no-repeat;
}

#footer { background: url(main.footer.bg.png) top right no-repeat; padding: 22px 0 0 0; }
#footer .left-container { width: 60%; float: left; }
#footer .right-container { width: 30%; float: right; }
#footer .left-container .left { width: 40%; float: left; margin: 5px 0 2.4em 115px; }
#footer .left-container .right { width: 20%; float: right; padding: 7px 0 0 35px; margin: 0 0 2.4em 0; background: url(main.hat.phone.bg.gif) top left no-repeat; }

#footer .left-container .left td { vertical-align: top; padding: 2px; }
#footer .left-container .left td.item-red { background-color: #B00000; }
#footer .left-container .left td.item-grey { background-color: #5E5E5E; }
#footer .left-container .left td a {color: #FFFFFF; text-decoration: none; font-size: 15px; }

#sl-logo { width: 115px; font: 10px Arial, Serif; }
#sl-logo a { text-decoration: none; background: url(siteleader.logo.gif) left center no-repeat; display: block; padding-left: 33px; }
#sl-logo span { text-decoration: underline; }
#sl-logo b { font: bold 12px Verdana, Serif; color: #cd0000; }
#sl-logo i { font: 14px Georgia, Sans-Serif; color: #000; }

#hat, #menu, #content, #middle-content, #bottom-content, #footer { min-width: 990px;  }