f.menu_dev i{
background:url(../img/menu_dev_vert1.jpg) no-repeat;
font-size:1px;
height:50px;
width:1px;
position:absolute;
top:-7px;
left:0px;
z-index:5;
}
.red{
color:#f00;
}
.margin{
margin:0px;
}
#idt{
color:#000;
font-size:80%;
margin:0px 0px 5px 0px;
text-align:center;
}
#idt a{
color:#000;
text-decoration:none;
}

body, html{
width:100%;
font-family:"Times New Roman", Times, serif;
}

* html #outer {height: 100%;}

#outer{
width:1006px;
margin:0 auto;
position:relative;
width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':(document.body.clientWidth > 1400? "1400px": "auto"));
}

#top_left,#top_right{
float:left;
height:182px;
width:50%;
}
#top_left{
background:url() repeat-x;
}
#top{
background:url() no-repeat;
float:left;
width:980px;
height:182px;
margin-left:-490px;
position:relative;
}
#top_right{
background-color:#6cc3f9;
background:url() repeat-x;
margin-left:-491px;
float:right;
}

#lang {
color:#000;
}
#lang,#mail{
margin:-185px 20px 0px 800px;
font-size:100%;
width:180px;
}
#lang a,#mail a{
color:#000;
font-weight:normal;
font-size:90%;
text-decoration:none;
color:#000;
}
#lang a{
padding:0px 6px;
}

#lang a:hover,#mail a:hover{
text-decoration:underline;
}

#mail{
margin-top:60px;
font-weight:normal;
color:#000;
}
#frase{
color:#000;
font-weight:bold;
position:absolute;
bottom:6px;
}

/*Menu*/
#top_container{
margin:0px 10px;
}
#menu_top{
background:url(../img/menu_top_bg.jpg) center repeat-x;
clear:both;
height:3px;
font-size:1px;
margin:0px 10px;
}
#menu_bg{
background-color:#ff0000;
margin:0px 10px
}
#menu{
background-color:#ff0000;
color:#fff;
font-size:90%;
margin:0px auto;
text-decoration:underline;
height:27px;
width:820px;
z-index:100;
}
#menu ul{
list-style:none;
position:relative;
}
#menu ul li{
display:block;
float:left;
text-align:center;
padding:4px 0px 8px 0px;
position:relative;
}
#menu ul li{
color:#fff;
display:block;
}
#menu ul li a{
color:#fff;
display:block;
}
#employer,#seeker{background: url(../img/menu_bg.jpg) repeat-x;}
#about{width:116px;} #about ul{width:500px;}
#employer{width:130px;} #employer ul{width:740px; margin-left:-90px;}
#seeker{width:132px;} #seeker ul{width:600px; margin-left:-90px;}
#contacts{width:183px; padding-left:30px;}
#conditions{width:190px;} #conditions ul{width:980px; margin-left:-120px;}

/*Менюшка second level*/
#menu ul li ul{
bottom:0px;
color:#000;
display:none;
height:30px;
left:-50px;
margin-bottom:-28px;
position:absolute;
text-align:center;
text-decoration:underline;
z-index:100;
}
#menu ul li ul li a{
color:#000000;
line-height:100%;
text-decoration:none;
padding:0px 15px;
z-index:100;
}
#menu ul li ul li{
color:#000;
margin:0px 5px;
margin-top:4px;
z-index:100;
}
#menu ul li:hover ul,#menu ul li ul:hover,
#menu ul li ul li a:hover{
display:block;
z-index:100;
}
#about_menu ul{
position:absolute;
left:110px;
top:27px;
}
.for-conditions{
	width:1000px;
	margin-left:-120px;
}

/*Контент*/
#extraline{
background:url(../img/grad_vert_right.jpg) top right repeat-y;
background-color:#e1e1e1;
font-size:1px;
height:5px;
margin:0px auto;
}
#content_top{
background:url(../img/grad.jpg) repeat-x;
height:23px;
margin:0px auto;
position:relative;
z-index:10;
}
#content_corner_right, #content_corner_left {
height:23px;
position:absolute;
width:16px;
}
#content_corner_left{
background:url(../img/corner_left.jpg) no-repeat;
left:0px;
}
#content_corner_right{
background:url(../img/corner_right.jpg) no-repeat;
right:0px;
}

#content_outer{
background:url(../img/grad_vert_left.jpg) top left repeat-y;
padding-left:10px;
}
#left{
	width:250px;
	float:left;
}
.left_menu {
background-color: #f00;
color:#fff;
font-size:16px;
font-weight:bold;
margin-top:20px;
margin-left:8px;
margin-right:7px;
padding:4px 4px 4px 10px;
}
.nav_ul{
font-size:14px;
line-height:20px;
padding-left:20px;
}
a:link {
color: black;
}
a:visited {
color:black;
}
a:hover { 
color:red; 
text-decoration:none;
}
a:active{
color:red; 
text-decoration:none;
}

#content{
background:url(../img/grad_vert_right.jpg) top right repeat-y;
background-color:#fff;
margin-left:255px;
color:#000;
min-height:900px;
height:auto !important;
height:450px;
padding:30px 20px 130px 20px;
position:relative;
padding-bottom:60px;
}

#content h1{
color:#ff0000;
font-size:125%;
font-weight:normal;
}
#content p{
font-size:95%;
margin-top:20px;
}
#content ul{
list-style:none;
margin-left:40px;
}
#content p,#content h1{

}


/*Подвал*/
#bottom_line{
background:url(../img/bottom_line.jpg);
bottom:0px;
height:2px;
font-size:1px;
left:0px;
top:-2px;
position:relative;
margin:0px 10px;
}
#bottom{
background:url(../img/grad_bottom.jpg) repeat-x;
top:-2px;
height:10px;
position:relative;
}
#corner_bottom_left, #corner_bottom_right{
height:10px;
width:10px;
position:absolute;
top:0px;
}
#corner_bottom_left{
background:url(../img/corner_bottom_left.jpg);
left:0px;
}
#corner_bottom_right{
background:url(../img/corner_bottom_right.jpg);
right:0px;
}
#counter{visibility:hidden}


/* Элементы формы отправки сообщений с сайта*/
#contact_form input, #contact_form textarea {
	width:300px;
}
/* Кнопка отправки сообщений; короткие поля */
#contact_form #form_submit, #contact_form .form_short {
	width:100px;
}
/* Подписи к полям в форме */
#contact_form .form_rtd {
	width:40%;
	text-align:right;
	padding:0px 5px; 
}

#contact_form .form_radio {
	width:20px;
}

/* Подзаголовки в формах */
#contact_form .form_header {
	font-weight:bold;
	color:#ff0000;
}
#contact_form .form_chbox {
	width:25px;
}
/* Ссылки в списках вакансий и резюме */

/* 2 Дизайнер. Если нужно будет редактировать шаблоны - они в папке templates. только не удаляй в них ничего, что в фигурных скобках */

/*Стили для рубрикаторов*/
#alist{
	list-style:none;
	position:relative;
	margin-left:0!important;
	display:block;
}
#alist li{
	float:left;
	text-align:center;
	padding:4px 0px 4px 0px;
	position:relative;
}
#alist li a{
	color:#000;
}
#contact_form td {
	vertical-align:top;
}



/*Стили кнопок типа "скачать"*/
button a{
	color:#000;
	text-decoration:none;
}

.submits {
	font-size:11px;
	margin: 3px 0px;
}