*{margin:0; padding:0}
html,body{background-color:#fff; font:normal 14px Tahoma; color:#6e6f71}
img{border:0}
:focus{outline:none}

/* maket */
#header,#footer,#content,#hot,#action_summer
{min-width:1000px; width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%');}

/* text */
h1{font:normal 24px Arial Narrow, Arial, Helvetica, sans-serif}
h3{font:bold 14px Tahoma}
h3 span{font-size:12px}
.blue{color:#0ea3e9}
.red{color:#c00}
.green{color:#35a200}
.orange{color:#ff802d}
.pink{color:#ec008c}
.violet{color:#9d00a7}
.magenta{color:#ec008c}

/* lists */
ul{margin-left:55px}
ul li{list-style-type:none}
*html .list_blue{margin-top:9px}
*+html .list_blue{margin-top:9px}
.list_blue li{background:url(../img/li_blue.gif) no-repeat 0px 6px; padding-left:12px; margin-bottom:9px}
.list_blue li span{font-size:10px}
.list_blue a{color:#6e6f71; text-decoration:none}
.list_blue a:hover{color:#0ea3e9; text-decoration:underline}
.list_red li{background:url(../img/li_red.gif) no-repeat 0px 8px; line-height:1.5; padding-left:12px}
.list_red a{color:#6e6f71; text-decoration:none}
.list_red a:hover{color:#c00; text-decoration:underline}
.list_orange li{background:url(../img/li_orange.gif) no-repeat 0px 8px; line-height:1.5; padding-left:12px}
.list_orange a{color:#6e6f71; text-decoration:none}
.list_orange a:hover{color:#ff802d; text-decoration:underline}
.list_violet li{background:url(../img/li_violet.gif) no-repeat 0px 8px; line-height:1.5; padding-left:12px}
.list_violet a{color:#6e6f71; text-decoration:none}
.list_violet a:hover{color:#9d00a7; text-decoration:underline}
#done li{width:210px; float:left}

.list_hb {margin-left:320px; padding-top:110px; color:#744b02}
.list_hb li{background:url(../img/li_kor.gif) no-repeat 0px 6px; padding-left:12px}


/* forms */
.filtr_left{margin-left:46px}
.filtr_left select{width:180px; border:1px solid #999; margin-right:25px;}
#content .filtr_right{float:right; width:215px; margin:10px 30px 0px 0px}
*html #content .filtr_right{margin-right:15px}
#content .filtr_right select{width:200px; border:1px solid #999; margin:5px 0px}
#content .filtr_right h1{margin-left:0}


/* header */
#header_right{width:210px; text-align:center; float:right; padding:28px 36px 0 0}
#header_right a{color:#6e6f71; line-height:2.5; text-decoration:none; margin:15px 0}
#header_right a:hover{color:#ec008c}
#header_right span{color:#ec008c; line-height:2.5; margin:15px 0}


/* content */
#content{clear:both; background:url(../img/bg.gif) repeat-x; padding-top:30px}
#content .green{color:#35A200}
#content h1{margin:0px  36px 0px 28px}
#content h3{margin-left:45px}
#content p{text-align:justify; margin:0px 36px 10px 45px}
#content form{margin:0px 36px 10px 45px}
#content input, textarea{font:normal 12px Tahoma; color:#6e6f71; width:350px;}
#content .vacancy_item {margin:27px 300px 40px 0px}
#content .full_list{width:200px; background-color:#F4F3EC; color:#6E6F72; text-align:center; margin:15px 0 0 46px; padding:9px}
*html #content .full_list{margin-left:23px}
#content .full_list a:hover{text-decoration:none}
#content p.green_links a{color:#6e6f71; text-decoration:underline}
#content p.green_links a:hover{color:#35a200; text-decoration:underline}
#content p.magenta_links a{color:#6e6f71; text-decoration:underline}
#content p.magenta_links a:hover{color:#ec008c; text-decoration:underline}
#content .screenshot{width:auto; font-size:10px; text-align:center; clear:both; margin:15px 0px 15px 45px}
*html #content .screenshot{margin-left:22px}
#content .screenshot img{border:1px solid #6E6F71; padding:5px; margin-top:5px}

/* block_right */
#content .block_right{float:right; width:205px; margin:18px 30px 0px 30px; padding:7px 5px 7px 10px; background-color:#F4F3EC}
*html #content .block_right{margin-right:15px}
#content .block_right p{text-align:left; margin:0px 0px 10px 0px}
#content .block_right p .blue{color:#0EA3E9}
#content .block_right p .green{color:#35A200}
#content .block_right p .red{color:#c00}
#content .block_right p .violet{color:#9D00A7}
#content .block_right p .orange{color:#ff802d}
#content #submenu{margin-left:0}
#content #submenu a{background:url(../img/li_grey.gif) no-repeat 0px 8px; color:#6e6f71; text-decoration:none; display:block; line-height:1.5; padding-left:13px}
#content #submenu a:hover{background:url(../img/li_blue.gif) no-repeat 0px 8px; color:#0ea3e9;}
#content #submenu span{background:url(../img/li_blue.gif) no-repeat 0px 8px; display:block; color:#0ea3e9; font-weight:bold; line-height:1.5; padding-left:13px}

/* next_prev */
#content .next_prev{float:right; width:215px; margin:10px 30px 0px 0px}
*html #content .next_prev{margin-right:15px}
#content .next_prev a{color:#6e6f71; text-decoration:none; display:block; margin:15px 0; padding-left:20px}
#content .next_prev a:hover{color:#0ea3e9}
#content .next_prev a span{font-size:10px}
#content .next_prev a.next{background:url(../img/arrow_right.gif) no-repeat left center}
#content .next_prev a.prev{background:url(../img/arrow_left.gif) no-repeat left center}

/* footer */
#footer{font:normal 10px Tahoma; color:#777; clear:both; border-top:1px solid #D6D6D6; padding:28px 0px 5px 0px; margin-top:25px}
#footer p{margin-left:28px}
#footer a{color:#0ea3e9; text-decoration:underline; float:right; margin-right:35px}
#footer a:hover{text-decoration:none}
#footer p a{color:#777; float:none; margin:0}
#footer p a:hover{color:#ec008c}

/* menu */
#menu{margin-right:260px}
#menu a{font:bold 14px Tahoma; color:#6E6F71; text-decoration:none; padding:50px 7px 7px 7px; display:block}
#menu a:hover{color:#fff}
*html #menu img{margin:4px 0 1px 0}
#menu li{float:left; list-style-type:none; margin:0 15px; display:block}
#menu span{font:bold 14px Tahoma; color:#fff; padding:50px 7px 7px 7px; display:block}

a:hover#action,span#action{background-color:#ff802d}
a:hover#service,span#service{background-color:#c00}
a:hover#portfolio,span#portfolio{background-color:#0EA3E9}
a:hover#vacancy,span#vacancy{background-color:#9D00A7}
a:hover#contact,span#contact{background-color:#36A201}
a#home{background:url(../img/home_grey.gif) no-repeat 3px 53px}
a:hover#home,span#home{background:#EC008C url(../img/home_white.gif) no-repeat 3px 53px}

/* hot */
#hot{width:100%; height:263px; position:absolute; top:120px; left:0px; background:#F4F3EC; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
#hot div{height:210px; position:relative; margin:0px auto; min-width:720px; overflow:hidden}
#hot div #hot_link{text-align:center}
#hot div #hot_link a{display:block; width:25%; float:left; color:#6e6f71; text-align:center}
#hot div #hot_link a:hover{color:#9d00a7}
#hot div #hot_link a.hl1{margin-left:43px}
#hot div #hot_link a.hl2{margin-left:9.5%}
#hot div #hot_link a.hl3{float:right; margin-right:35px}

#hot div div{width:25%; min-width:25%; height:150px; position:absolute; top:40px; border:1px solid #8c8c8c; background:#ddf9ff}
#hot div div div{width:100%; height:150px; position:absolute; top:0px; border:0px; background:none; overflow:hidden}
#hot div img{position:absolute; left:50%; margin-left:-314px; z-index:0}
#hot div div.l{left:43px}
#hot div div.c{left:38.5%}
#hot div div.r{right:36px; margin-left:-2px}
#hot h1{line-height:50px; margin-left:28px}

/* action_summer */
#action_summer{width:100%; height:263px; position:absolute; top:120px; left:0px; background:url(../img/action_1_bg.jpg); border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
#action_summer div{height:263px; background:url(../img/action_1_left.jpg) no-repeat; color:#fff}
#action_summer div h1{margin-left:28px}
#action_summer div p{margin-left:45px}
#action_summer div p a{font-weight:bold; color:#fff; text-decoration:none; margin-left:420px}

/* contact_block */
#contact_block{margin:0 35px 0 28px; clear:both}
#contact_block img{margin-top:3px}
#contact_block table{width:100%; height:73px; background-color:#F4F3EC}
#contact_block td.rasporka{background:url(../img/rasporka_contact_block.gif) no-repeat center center; color:#777}

/* friends */
.friends{margin:20px 35px 50px 43px}
.friends a{color:#1088DF}
.friends a:hover{text-decoration:none}

/* window_service */
div.window{
	background:#F4F3EC; 
	width:400px;
	height:180px;  
	font:normal 12px Tahoma; 
	color:#777; 
	text-align:justify;
	border:1px solid  #6D6F71;
	padding:10px 30px;
	position:left; 
	top:50%; 
	left:50%;
	margin-left:-200px; /*  margin-left = width / 2  */
	margin-top:-90px; /*   margin-top = height / 2  */
}
div.window h1{font-weight:bold; margin:0px 0px 10px -3px}
div.window p{margin-bottom:15px}
div.window a{float:right; position:absolute; top:10px; right:30px; color:#c00}

/* columns */
.cols{
  //height: 1%}
.cols{width:100%}
.cols div{width:23%; float:left}
.cols h3{margin:17px 0px 9px 45px}
.cols:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

/* pages */
.pages{text-align:center; padding:30px 0px}
.pages a{text-decoration:none}
.pages span{font-weight:bold}
.pages span, .pages a{color:#6E6F71; padding:3px}
.pages span, .pages a:hover{background-color:#0EA3E9; color:#fff}