html,body{
	margin  	: 0;
	padding 	: 0;
	text-align  : center;
	font:11px Tahoma;
}
#wrapper{
	height: 100%;
	width: 740px;
	margin: 0 auto;
	position: relative;
}
#header {
	position	: relative;
	background	: #FFFFFF url(/imgs/h_back.gif) no-repeat left;
	height		: 144px;
	z-index     : 20;
}

#logoTitle {
       position:absolute;
	top:84px;
	left:74px;
       color:#999999;
}
#topImage{
    width:576px;
    height:161px;
    position:relative;
    z-index:10;
}
#topImage span{
    width:556px;
    height:156px;
    position:absolute;
    z-index:50;
    display:block;
    background:url(/imgs/r.gif) no-repeat;
}
#topImage a{
    display:block;
    position:absolute;
    z-index:100;
    top:70px;
    left:50px;
    border:0;
    width:75px;
    heigth:20px;
    text-decoration:none;
    color:#FFFFFF;
    text-indent:-1000px;
}
#topImage a#logistic{
    top: 95px;
}
#lang_switch {
	position:absolute;
	bottom:0;
	left:38px;
	z-index     : 15;
}
#lang_switch a{
	display : block;
	float   : left;
	width	: 21px;
	margin-right:5px;
	text-transform:uppercase;
	text-decoration:none;
	color:#000000;
	font:9px/17px Tahoma;
}
#lang_switch a:hover{
	background:#3366CC;
	color:#FFFFFF;
}
#lang_switch a.active{
	background:#ec0000;
	color:#FFFFFF;
}
#links{
	position:absolute;
	top:0;
	left: 605px;
	height:43;
}
#links a{
	display:block;
	float:left;
	width:28px;
	heigth:43px;
	line-height:43px;
	text-indent:-10000px;
	margin-right:10px;
	background-repeat: no-repeat;
	background-position: center 0;
	text-decoration:none;
}
#links a.home{
	background-image:url(/imgs/home.gif);
}
#links a:hover{
	background-position: center -43px;
}
#links a.active{
	background-position: center -86px;
}
#links a.mail{
	background-image:url(/imgs/mail_normal.gif)!important;
}
#links a.mail:hover{
	background-image:url(/imgs/mail_hover.gif)!important;
	background-position: center 0!important;
}


#menu{
	width:152px;
	position:absolute;
	top:144px;
	padding-bottom:200px;
	left:0;
	z-index:10;
	
	background:url(/imgs/menu_bg.gif) no-repeat bottom;
}
#menu ul{
    padding: 0;
    margin : 0;
    padding-top:22px;
    background:#FFFFFF;
}
html>body #menu ul{
	padding-left:15px;
}
#menu li{
    padding: 0;
    margin : 0;
	padding-left:12px;
	list-style-type:none;
}
#menu a{
	font: 9px Tahoma;
    width: 81px;
    color: #000000;
    height: 16px;    
    display: block;
    padding: 18px 0 0 26px;
    text-align  :left;
    text-decoration: none;
    text-transform:uppercase;
    border-bottom: 2px solid #C5C1C1;
}
#menu a:hover{
	background-color:#3366CC !important;
	color:#3366CC !important;
}
#menu a.active{
	background-color:#CC0000 !important;
	color:#CC0000 !important;
}
#menu a.about{
	background:#000000 url(/imgs/about.gif) no-repeat;
}
#menu a.contacts{
	background:#000000 url(/imgs/contacts.gif) no-repeat;
}
#menu a.services{
	background:#000000 url(/imgs/services.gif) no-repeat;
}
#menu a.articles{
	background:#000000 url(/imgs/articles.gif) no-repeat;
}
#menu a.request{
	background:#000000 url(/imgs/request.gif) no-repeat;
}
#menu a.press-center{
	background:#000000 url(/imgs/request.gif) no-repeat;
}

#menu ul.second{
	padding:0;
	margin:0;
	display:none;
}
#menu li.active ul.second{
	display:block;
}
#menu ul.second li{
	padding:0;
	margin:0;

}
#menu ul.second a{
	border:0 !important;
	padding:10px 0 0 31px;
	font: 10px Tahoma; 
	text-transform:capitalize;
	height:11px;
	width: 75px;
	background:#CC0000 url(/imgs/arrow.gif) no-repeat center;
}


#road{
	position:absolute;
	bottom:115px;
	left:0;
	width:152px;
	height:450px;
	background:url(/imgs/road.gif) no-repeat bottom;
	z-index: 5;
}
#content{
	position	: relative;
	width		: 572px;
	margin-left	: 168px;
	text-align:left;
}
#frame{
	width		: 570px;
	height		: 157px;
	background	: url(/imgs/frame.gif) no-repeat;
	padding: 4px 0 0 6px;
}
.box{
	border:2px solid #EBEBEB;
	padding:20px 20px 20px 20px;
	margin:32px 10px 10px 0;
	text-align:left;
	position:relative;
	background:url(/imgs/corner.jpg) no-repeat right bottom;
}
.box a.title{
	position:absolute;
	display:block;
	width:146px;
	height:36px;
	top:28px;
	left:-0;
	margin:-49px 0 0 0;
	font: 9px/36px Tahoma;
	text-decoration: none;
	padding-left: 38px;
	color:#000000;
	background-image:url(/imgs/box-title.gif);
	background-repeat: no-repeat;
	background-position: center 0;
}
html>body .box a.title{
	top:28px;
}
.row{
	overflow: hidden ;
	position:relative;
}
.row .box{
	 padding-bottom: 10000px !important;
	 margin-bottom: -10000px !important;
}
.row .footer-box, .row .footer-box2{
	border:2px solid #EBEBEB;
	border-top:0;
	height:14px;
	padding-left:20px;
	padding-right:20px;
	margin-right:10px;
	background:url(/imgs/corner.jpg) no-repeat right;
} 
.row .footer-box2{
	background:url(/imgs/big-corner.jpg) no-repeat right;
}

.box a.title:hover{
	background-position: center -36px;
}
.box p{
	text-indent:10px;
}
.big {
	width:300px;
	float:left;
	height:100%;
}
.small {
	width:158px;
	float:left;
}

#content a{
	color:#CC0000;
}
#content a:hover{
	color:#3366CC;
}
.clear{
	clear:both;
}
#footer{
	position:relative;
	z-index:1000;
	backgrond: #FFFFFF!important;
	/*border:1px solid black;*/
}
#footer span{
	display:block;
	float:left;
}
#footer span.contacts{
	height:105px;
	width : 149px;
	text-align:left;
	padding:13px 0 0 20px;
	background:url(/imgs/contacts_bg.jpg) no-repeat;
}
#footer span.copyright{
	padding:13px 0 0 35px;
}
#footer span.shymansky{
		padding-top:13px;
		background:url(/imgs/shymansky.jpg) no-repeat center 25px;
		width:118px;
		height:40px;
		text-align:left;
		margin-left:200px;
}
.contactsbox span{
	display:block;
	float:left;
	width:170px;
	margin-top:10px;
}
#footer:after, .row:after, .contactsbox:after{
    content: "."; 
    display: block; 
    position:relative; 
    clear: both; 
    height:0;
    visibility: hidden;
}
#footer,.row,.contactsbox {display: inline-block;}
/* Hides from IE-mac \*/
* html #footer,* html .row,* html .contactsbox {height: 1%;}
#footer, .row, .contactsbox {display: block;}
/* End hide from IE-mac */

form label,form input{
	display:block;
	float:left;
	width:220px;
	margin-bottom:5px;
}
form .submit,form .reset{
	width: 110px;
	margin-left:105px;
	font: 11px Tahoma;
}
form .reset{
	margin-left:10px
}
form input{
	border: 1px solid #d1cec7;
}
form br{
	clear:both;
}
/*
.ul_categories {margin:0 0 0 12px;padding:0;}
.ul_categories li{
	list-style:url(/imgs/li.gif);
}
.ul_categories  a.active{
    font:bold 11px/42px Tahoma;
    margin:4px 0;
    background: #E0E0E0;
    list-style:none !important;
}
*/

/* singleArticle box in articles.tpl*/
.singleArticle{
		margin: 0  0 30px 0;
		position:relative;
}
.singleArticle div.content{
	border-top:3px solid #EBEBEB;
	border-bottom:3px solid #EBEBEB;
	padding:15px 0;
	margin-top:15px;
	text-indent:15px;
	text-align:justify;
}
.singleArticle a.detalis{
	float:right;
}
.singleArticle table{
	border-top:1px solid #EBEBEB !important;
	border-left:1px solid #EBEBEB !important;
}
.singleArticle td{
	border-right:1px solid #EBEBEB !important;
	border-bottom:1px solid #EBEBEB !important;
}
.singleArticle .category{
    position:absolute;
    top:-15px;
    right: 35px;
}
html>body .singleArticle .category{
    right:0;
}
/*  --------------------------     */

.singleJob{
    padding-top:20px;
}
.singleJob h3,.singleJob div.text{
    display:block;
    float:left;
}
.singleJob h3{
    width:104px;
    padding:0 0 0 10px;
    maring:0;
    font:bold 11px Tahoma;
}
.singleJob div.text{
    border-left:4px solid #EBEBEB;
    padding-left:10px;
    width:380px;
    text-align:justify;
}

.ul_archive,.ul_categories{
    padding:0;
    margin:0 0 20px 0;
    margin-left:-20px;  
    margin-right:-20px;
}
.ul_archive li, .ul_categories li{
    padding:0 0 0 104px;
    margin:2px 0;
    list-style:none;
    font:11px/16px Tahoma;
    position:relative;
}
.ul_archive li.active, .ul_categories li.active{
    font:bold 11px/42px Tahoma;
    margin:4px 0;
    background: #E0E0E0;
    height:42px;
}
.ul_archive li.active a, .ul_categories li.active a{
    color:#FFFFFF!important;
    text-decoration:none;
}

.ul_archive li a.header{
    position:absolute;
    top:0;
    left:-104px;
    padding-left:30px;
    font: bold 12px Tahoma;
}
html>body .ul_archive li a.header{
    left:0;
}

.ul_archive li.active a.header{
    font:bold 16px/42px Tahoma;
    left:0;
}
.ul_categories li{
    padding:0 0 0 22px;
}
#search{
    position:absolute;
    top:65px;
    right:75px;
}
#search_field{
    width:160px;
}
#search_button{
    width:24px;
    text-indent:-10000px;
    text-decoration:none;
    line-height:22px;
    margin-left:23px;
    border:0;
    background:#FFF url(/imgs/search.gif) no-repeat center ;
}
#search_button:hover{
    background:#FFF url(/imgs/searcha.gif) no-repeat center ;
}
span.h{
    background:#999999;
}
#footer #grapheum{
	width:176px;
	height:39px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
    background:#FFF url(/imgs/grapheum.gif) no-repeat;
    position:absolute;
    top:5px;
    right:28px;
}