/* ФОН СТРАНИЦЫ */
body {
	background-color: #dff2c7;
}
#bg-top-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 544px;
	background: transparent url(i/bg-top-left.jpg) repeat-x top left;
}
#bg-top-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 544px;
	background: transparent url(i/bg-top-right.jpg) repeat-x top right;
}
#car {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 544px;
	background: transparent url(i/car.jpg) no-repeat top center;
}
#bg-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 127px;
	background: transparent url(i/bg-bottom.jpg) repeat-x bottom left;
}
#bg-left {
	position: absolute;
	top: 400px;
	left: 0;
	width: 420px;
	height: 232px;
	background: transparent url(i/bg-left.png) no-repeat top left;
}
#bg-right {
	position: absolute;
	top: 400px;
	right: 0;
	width: 426px;
	height: 272px;
	background: transparent url(i/bg-right.png) no-repeat top right;
}
#bg-bottom-center {
	position: absolute;
	bottom: 0;
	left: 400px;
	width: 428px;
	height: 59px;
	background: transparent url(i/bg-bottom-center.png) no-repeat bottom center;
}
/*********************************************************/
/* ШАПКА СТРАНИЦЫ */
/* Логотип */
#logo {
	position: absolute;
	top: 0;
	left: 50px;	
}
#logo span {
	display: none;
}
#logo a {
	display: block;
	width: 250px;
	height: 191px;
	background: transparent url(i/logo.png) no-repeat center center;
}
/* Телефон */
#phone {
	position: absolute;
	top: 180px;
	left: 85px;
	height: 27px;
	
	padding: 0 0 0 20px;
	
	font-family: Verdana;
	font-weight: normal;
	font-style: normal;
	font-size: 21px;
	color: #fff;
	
	background: transparent url(i/phone-img.png) no-repeat center left;
}
* html #phone {
	background: transparent url(i/phone-img.gif) no-repeat center left;
}
#phone span {
	font-size: 13px;
	font-weight: bold;
}
#breadcrumb {
    position: absolute;
    top: 330px;
    left: 340px;
    overflow: hidden;
}
#breadcrumb li {
    display: block;
    float: left;    
    list-style-type: none;
    
    padding: 0 10px 0 0;

    font-family: Verdana;
    font-size: 10px;    
    color: #fff;
}
#breadcrumb li a {
    font-family: Verdana;
    font-size: 10px;
    
    color: #fff;
}
#breadcrumb li a img {
    margin-top: 4px;
}
/* Список логистов */
#list-logists {
    position: absolute;
    top: 230px;
    left: 105px;
}
#list-logists a {
    display: block;    
    text-decoration: none;
    height: 20px;
    width: 90px;
    padding: 0 28px 0 0;
    background: transparent url(i/list-logists-img.gif) no-repeat top right;
}
#list-logists a span {
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    border-bottom: 1px dashed #fff;
}
#list-logists div {
    position: absolute;
    top: 20px;
    left: -30px;
    display: none;
    
    width: 250px;
    background: #fff url(i/bg-logists.jpg) repeat-x top left;
    margin: 4px;
    padding: 4px;    

    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#list-logists div dl {
    font-family: Verdana;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    color: #000;
    
    padding: 7px 15px 7px 15px;
}
#list-logists div dl dt {
    float: left;
    clear: left;
    
    padding: 2px 6px 2px 0;
    margin: 0 0 3px 0;
    
    width: 25%;
    text-align: right;
    
    font-weight: bold;
    
    border-bottom: 1px dashed #ccc;
}
#list-logists div dl dd {
    width: 70%;
    float: left;
    *float: none;    

    padding: 2px 0 2px 5px;
    margin: 0 0 3px 0;
    
    border-bottom: 1px dashed #ccc;
}
#list-logists div a {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;

    top: -5px;    
    left: 125px;
    background: transparent url(i/list-logists-img.gif) no-repeat center center;
}

/*********************************************************/
/* ПОДВАЛ СТРАНИЦЫ */
#footer .in {
	margin: 0 0 0 370px;
	font-family: Verdana;
	font-size: 11px;
	color: #000;
}
#footer .in a {
	font-family: Verdana;
	font-size: 11px;
	color: #000;
}
#meter {
	position: absolute;
	top: 0;
	left: 270px;
}
/*********************************************************/
/* ЛЕВАЯ ПАНЕЛЬ */
* html #menu-left {
	height: 1%;
}
/* Меню */
#menu-left ul li, #menu-left ol li {
    list-style-type: none;
}

#menu-left ul li a{
	display: block;
	padding: 15px 0 15px 25px;
	margin: 0 0 0 10px;
	min-height: 17px;
	width: 261px;
	
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;	
	color: #381a0c;
}
#menu-left ul li a{
	background: transparent url(i/list-img.png) no-repeat center left;
}
* html #menu-left ul li a{
	background: transparent url(i/list-img.gif) no-repeat center left;
}
#menu-left ul li a.active, #menu-left ul li.active strong, #menu-left > ul li a:hover{	
	display: block;
	padding: 15px 20px 15px 40px;
	margin-left: -5px;
	min-height: 17px;
	width: 221px;
	background: transparent url(i/menu-active-bg.png) no-repeat center center;
}
#menu-left ul li.active strong {
	font-size: 13px;
}
#menu-left ul li strong a {
	font-size: 12px;
	text-decoration: none;
	
	padding: 15px 20px 15px 25px;
	width: 246px;
	
}
* html #menu-left ul li.active strong {
	display: block;
	font-size: 12px;
    
	padding: 0 0 20px 25px;
	margin: 15px 0 0 10px;	
}
* html #menu-left ul li strong a {
	display: block;
	paddin: 0 0 20px 40px;
	margin: 0 0 0 10px
}
* html #menu-left ul li ul {	
	padding-left: 20px;
}
/** html #menu-left ul li a.active:hover {
	display: block;
	padding: 15px 20px 15px 40px;
	margin-left: -5px;
	min-height: 17px;
	width: 221px;
	background: transparent url(i/menu-active-bg.png) no-repeat center center;
}
* html #menu-left ul li a:hover{
	display: block;
	padding: 15px 20px 15px 25px;	
	margin-left: 10px;
	height: 17px;
	width: 241px;
	background: transparent url(i/list-img.gif) no-repeat center left;
}*/
#menu-left ul li ul {
	padding: 0 0 0 20px;
}
#menu-left ul li ul li a{
	background: transparent;
}
/**********************************************************.
/* Основное содержимое */

/* Формы */
.Form {
    display: inline;
    float: left;
    margin: 15px;
}
.Form .simple {
    clear: both;
    text-align: right;
    line-height: 35px;
}

.Form .simple label {
    float: left;
    padding: 0 10px 0 0;
}
.Form .simple input,
.Form .simple textarea {
	width: 400px;
}