html, body{
    height: 100%;
	min-height: 100%;
	min-width: 100%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #303030;     
	font-size: 12px;
} 
body{
	height: auto !important;
  	height: 100%;
  	min-height: 100%;
  	position: relative;
	min-width: 1020px;
	width:100%;   
}

UL, OL, DD{
	padding-left: 25px;
}
 a{
 	color: #303030;
 }
 #topMenu a, #leftMenu a{
    font-family: Verdana;
    color: #303030;
    text-transform: uppercase;
    font-weight: bold;  
} 
#topMenu a.curr, #leftMenu a.curr, #topMenu a:hover, #leftMenu a:hover{
	color: #0f94af;
}

#container{
    padding: 0 80px; 
    margin: 0 auto;
    min-width: 1020px;
    width: 1020px;
	clear: both;   
	min-height:650px;
    overflow: hidden;
    padding-bottom: 170px;
}
.startMap{
	background: transparent url(../pic/start_map.jpg) no-repeat 108px 165px; 
}
.defMap{
	background: transparent url(../pic/def_map.jpg) no-repeat 108px 165px; 
}
    #logo{
        padding-top: 4px;
        margin-left:-25px;
    }
    #topMenu{
        text-align: right;
        margin-top:-10px;
        padding-bottom: 6px;
    }
        #topMenu a{
            margin-left: 20px;
        }
        #topMenu a.client{
            background: transparent url(../pic/client_menu.gif) no-repeat center center;
            color: #fff;
            font-size: 14px;
            padding: 5px 35px;
        } 
    #loginForm{
        float: right;
        text-align: right;
        padding-top: 20px;
    } 
        #loginForm label{
            text-transform: uppercase;
            font-weight: bold;
            padding-right: 10px;
            color: #777;
            display: inline-block; 
            height: 20px;  
            line-height: 26px;   
            vertical-align: top;
        } 
        #loginForm input.txt{
            margin-bottom: 8px;
            background: #fff;
            border: 1px solid #878787;
            width: 118px;
            height: 20px;
        } 
        #loginForm input.btn{
            background: transparent url(../pic/btn_bg.gif) no-repeat center center; 
            text-transform: uppercase;
            border: none;
            color: #fff;          
            font-weight: bold;   
            padding: 2px 15px 2px 5px;
            margin: 4px 40px 0 0;
            display: inline;
            //margin-right: 30px;
        }
        #loginForm .info {
			color:#4A82AA;
			font-size:14px;
			padding-bottom:10px;
		}
		#loginForm .exit {
			background:transparent url(../pic/btn_bg_2.gif) no-repeat scroll center center;
			color:#FFFFFF;
			font-size:12px;
			font-weight:bold;
			margin-left:10px;
			padding:2px 11px 2px 8px;
			text-decoration:none;
		}
	#comp{
		float: left;
		padding-top: 26px;
	}	
	#ballon{
		display: block;
		width: 271px;
		height: 46px;
		float: left;
		margin-top: 120px;
	}
	#case, #main{
		overflow: hidden;
		zoom:1;
		clear: both;  
		list-style-type: none;
		margin: 0;
		padding: 10px 0 0 25px;      
	} 
		#case li, #main .left{
			width: 288px;
			float: left;   
			margin-right: 60px; 
		}  
		#case li.last{
			margin-right: 0; 
		}
			#case li a p{ text-decoration: none; }
			#case li a span.more{ text-decoration: underline; }
			#case li a div.img{ cursor: pointer; }
			#case li div.gruz{ width: 143px; height: 88px; background: url(../pic/gruz.gif) no-repeat left top;}
			#case li a:hover div.gruz{ background: url(../pic/gruz_over.gif) no-repeat left top;}
			#case li div.auto{ width: 208px; height: 93px; background: url(../pic/auto.gif) no-repeat left top;}
			#case li a:hover div.auto{ background: url(../pic/auto_over.gif) no-repeat left top;}
			#case li div.person{ width: 143px; height: 99px; background: url(../pic/person.gif) no-repeat left top;}
			#case li a:hover div.person{ background: url(../pic/person_over.gif) no-repeat left top;}
			#case li div.img{
				height: 100px;
				vertical-align: bottom;	
				position: relative;		
			} 
				#case li div.img img{
					position: absolute;	
					bottom: 0;	
				}
				#case li div.txt{
					background: #dedcdc;
					border: 3px solid #fff;
					margin-top: 5px;
					padding: 15px 20px 25px 20px;	
					line-height: 17px;
				}
				    #case li div.txt .title, #main .right .title{
			    		display: block;
			    		margin-bottom: 25px;
				    }
	#main{
		padding-top: 25px;
		padding-bottom: 45px;  
	} 
		 #main .left{
			width: 242px;
			float: left;   
			margin-right: 60px;
			padding: 0 23px;      
		}
			.news{
				margin-bottom:15px;
			}
			.news, #main .right{
				line-height: 18px;	
			}	
				.news .date{
					font-weight: bold;	
				}	
				.news .txt, .news .more{
					background-color: #d6eef3;	
				}
		#main .right{
			margin-left:370px;
			width: 590px;
			padding: 0 20px 0 0;
		}
		*html #main .right{
			height: 1%;
		}
		
	#mainDef{
		padding-top: 65px;
		padding-bottom: 45px; 
	}
		#mainDef .left{
			width: 300px;
			float: left;   
			margin-right: 15px;     
		}
			#leftMenu{
				padding: 0 36px 48px 0;	
				position: relative;
			}
				#leftMenu ul{
					background: #dad9d9;
					border: 3px solid #fff;
					padding: 20px;
					margin: 0;
					list-style-type: none;
				}
					#leftMenu li{
						margin-bottom: 17px;
						line-height: 14px;		
					}
						#leftMenu ul li ul{
							border: 0;
							padding: 15px 0 1px 10px;
							list-style-image: url(../pic/menu_arr.gif);
							list-style-position: inside;
						}
							#leftMenu ul li ul li a{
								//margin-left: 4px;
							}
				#leftMenu img{
					position: absolute;
					bottom: 0;
					right: 0;
				}
			
		#mainDef .right{
			margin-left:320px;
			width: 690px;     
			line-height: 20px;
		}      
			.right span.title{
				text-transform: uppercase;
				font-size: 20px;
				margin-bottom: 30px;
				display: block;
			} 
			#mainDef .right p{
				margin-bottom: 25px;
				overflow: hidden;
				zoom:1;
				
			}   
			#mainDef .right img{
				/*float: left;
				margin: 0 15px 3px 0;*/
				vertical-align: top;
				margin: 5px;
			}

#footer{
	clear: both;
	width:100%;
	height: 170px;
	position: absolute;
  	bottom: 0;      
  	width: 1020px;  
  	left: 50%;
  	margin-left: -510px;
}
	#footMenu{
    	margin: 100px 0 0 15px;      
    }
        
        #footMenu a{
            font-family: Verdana;
            color: #808080;
            text-transform: uppercase;
            font-weight: bold;
            padding-left: 10px;
            font-size: 10px;
        } 
        .map{
        	float: right;
        }

        
        #footMenu .blockcopyright{
            padding:20px 0 0 10px;
        }
        
            #footMenu .blockcopyright p{
                font-family: Verdana;
                font-size: 10px;
            } 
            #footMenu .blockcopyright a{
                font-weight:normal;
                text-transform: none; 
                padding-left:0px; 
                color: #303030;
                text-decoration:none;
            }
            
            #footMenu .blockcopyright a:HOVER{
                text-decoration:underline;
            }
