html, body {height:100%;}
.conteiner {margin:0px auto; position:relative; width:960px; min-height: 100%; padding:0px 20px;}
* html .conteiner {height:100%;}
* {margin:0px; padding:0px;}
img {border:none;}
a:hover { text-decoration:none;}

/* ---------- HEADER ---------- */
.header {position:relative; height:66px; padding:32px 0px 0px 2px;}
.header img { float:left;}



/* ----------- LEFT ----------- */
.right {float:right; position:relative; width:360px;}
.right ul { float:left; width:100%; list-style:none; margin-top:-5px;}
.right ul li { float:left; width:100%; color:#000; font:bold 36px "Myriad Pro"; color:#64309e; text-transform:uppercase;}
.right ul li a { text-decoration:none; color:#000;}
.right ul li a:hover {color:#64309e;}
.right ul li.active { padding-left:20px; width:340px;}
.right ul li img  {float:left; padding:5px 0px;}


/* ---------- CONTENT --------- */
.end_content {position:relative; height:150px; clear:both;}
.txt {padding-right:385px;}

.articles .block { float:left; width:445px; padding:20px 105px 30px 25px; background:#7b7b7b;}
.articles .block h1 { font:bold 24px "Myriad Pro"; color:#fff; text-transform:uppercase; padding-bottom:10px;}
.articles .block p { float:left; width:100%; font:14px Arial; padding-top:15px;}
.articles .block p a { color:#fff;}

.text {padding-right:410px;}
.text h1 { float:left; width:395px; font:bold 20px Arial; color:#64309e; text-transform:uppercase; padding-right:165px; margin-bottom:22px;}
.text p { font:13px Arial; color:#393939; float:left; width:100%; line-height:140%;}
.text ol { float:left; width:100%; list-style:none;}
.text ol li {font:13px Arial; color:#393939; line-height:140%; padding-top:16px;}
.txt .navigation { float:left; width:100%; padding-top:45px; text-align:center; color:#393939; font:bold 13px Arial;}
.txt .navigation span { margin:0px 15px;}
.txt .navigation a { color:#393939;}
.text h3 { float:left; width:395px; font:bold 20px Arial; color:#000; padding-right:165px; margin-bottom:17px; margin-top:22px;}
.text h2 { float:left; width:395px; font:bold 30px Arial; color:#000; padding-right:165px; margin-bottom:30px; margin-top:30px;}
.text h2 span { font-size:13px;}


.portfolio .block { float:left; width:550px; background:#7b7b7b; margin-bottom:15px;}
.portfolio .block .img { float:left; width:220px;}
.portfolio .block .img img { float:left;}
.portfolio .block .info { padding-left:230px; padding-right:50px;}
.portfolio .block .info h3 { float:left; width:100%; padding:17px 0px; font:bold 24px Arial; color:#fff; line-height:24px; text-transform:uppercase;}
.portfolio .block .info p { float:left; width:100%; color:#fff; font:12px Arial; height:84px;}
.portfolio .block .works_our_cat { float:left; width:100%;}
.portfolio .block .works_our_cat img { vertical-align:middle;}
.portfolio .block .works_our_cat a { text-decoration:none; color:#fff; font:12px Arial; border-bottom:2px dashed #fff; line-height:200%; padding-bottom:1px;}
.portfolio .block .works_our_cat span {color:#fff; font:12px Arial; line-height:200%;}

.portfolio .block .works_our_cat a:hover { border:none;}
.portfolio .work_category { float:left; width:100%; padding-bottom:4px;}
.portfolio .work_category .work { float:left; width:188px; padding-bottom:12px;}
.portfolio .work_category .work img { float:left;}
.portfolio .work_category .work .view { width:153px; height:87px; background:url('../img/view_bg.png'); position:absolute; margin-left:10px; margin-top:27px; text-align:center; font:14px Arial; color:#fff; display:none;}
.portfolio .work_category .work .view a { color:#fff;}
.portfolio .work_category .work .view span { font-size:24px;}
.portfolio .work_category .work .view p { padding:10px 0px 4px 0px; line-height:120%;}
*+html .portfolio .work_category .work .view {margin-left:-164px;}

.portfolio .open_portfolio { float:left; width:100%;}
.portfolio .open_portfolio img { float:left;}
.portfolio .open_portfolio .right_nav {width:35px; height:424px; float:left; margin-top:-424px; margin-left:513px;}
.portfolio .open_portfolio .left_nav {width:35px; height:424px; float:left; margin-top:-424px;}
.portfolio .open_portfolio .right_nav a { display:block; width:35px; height:424px; float:left; }
.portfolio .open_portfolio .right_nav img {display:none;}
.portfolio .open_portfolio .left_nav a { display:block; width:35px; height:424px;  float:left; margin-left:0px;}
.portfolio .open_portfolio .left_nav img {display:none;}





.portfolio .open_portfolio p { margin-left:35px; background:url('../img/view_bg.png'); width:auto; float:left; padding:3px 12px 3px 6px; color:#fff; font:12px Arial; margin-top:-38px; margin-right:70px;}

.portfolio .scroll_block { float:left; width:110%; padding-top:19px; margin-left:-21px; position:relative;}
.portfolio .scroll_content { float:left; width:100%;}
.portfolio .scroll_block .prev { width:15px; height:141px; background:url('../img/str_l.gif') no-repeat left 60px; border:none; cursor:pointer; float:left;}
.portfolio .scroll_block .next { width:15px; height:141px; background:url('../img/str_r.gif') no-repeat left 60px; border:none; cursor:pointer; float:left;}
.portfolio .scroll_block .slider { height:141px; float:left; width:561px;}
.portfolio .scroll_block .slider ul { float:left; width:100%; list-style:none;}
.portfolio .scroll_block .slider ul li img { float:left;}
.portfolio .scroll_block .slider ul li { float:left; width:175px; padding:0px 6px; height:141px;}
.portfolio .scroll_block .slider ul li div { width:153px; height:101px; background:url('../img/view_bg.png'); float:left; margin-top:-121px; margin-left:11px; display:none;}
.portfolio .scroll_block .slider ul li div a { display:block; color:#fff; font:11px Arial; padding:7px 9px; float:left; width:135px; height:87px; background:url('../img/str_video.gif') no-repeat center 53px; cursor:pointer; text-decoration:none;}


.txt .path { float:left; width:100%; padding-top:27px; font:bold 12px Arial;}
.txt .path a { color:#000; margin:0px 2px;}
.txt .path span { color:#64309e; margin:0px 2px;}

.contacts .border_bott { float:left; width:455px; border-bottom:1px solid #aeaeae; padding-bottom:20px;}
.contacts .border_bott h1 { float:left; width:100%;}
.contacts .border_bott h3 { float:left; width:100%; padding-top:27px; font:100 14px Arial;}
.contacts .border_bott table { width:100%; float:left; margin-top:10px;}
.contacts .border_bott table td { padding:10px 0px; vertical-align:top; font:100 14px Arial;}
.contacts .border_bott table td a { color:#64309e;}
.contacts .border_bott table td p { font-size:30px; margin-top:-8px;}

.txt .cont_form { float:left; width:100%;}
.txt .cont_form p {font:100 14px Arial; line-height:55px; float:left; width:100%;}
.txt .cont_form .line { float:left; width:100%; height:31px; margin-bottom:6px; background:url('../img/input.gif') no-repeat left top;}
.txt .cont_form .line input { margin-left:9px; width:177px; border:1px solid #eee; background:#eee; font:11px Arial; float:left; margin-top:4px;}
.txt .cont_form .area { float:left; width:100%; height:106px; margin-bottom:6px; background:url('../img/area.gif') no-repeat left top;}
.txt .cont_form .area textarea { float:left; width:436px; height:90px; margin-top:4px; margin-left:9px; font:11px Arial; border:none; background:#eee; overflow:hidden;}
.txt .cont_form .area input { width:28px; height:31px; background:url('../img/cont_subm.gif'); border:none; cursor:pointer; margin-left:20px; margin-top:68px;}

.consult .block_info { float:left; width:100%; padding-bottom:8px;}
.consult .block_info p { padding-right:33px; font:14px Arial; color:#393939; padding-bottom:23px;}
.consult h5 { font:100 18px Arial; float:left; width:100%;}

.consult .cont_form { padding-top:20px; margin-left:-12px; border-bottom:1px solid #aeaeae; margin-bottom:30px;}
.consult .cont_form .line {background:url('../img/input.gif') no-repeat 12px top;}
.consult .cont_form .area {background:url('../img/area.gif') no-repeat 12px top; margin-bottom:0px;}
.consult .cont_form .line div { width:12px; height:31px; float:left; font:24px Arial; color:#4f2a7c;}
.consult .cont_form .area div { width:12px; height:31px; float:left; font:24px Arial; color:#4f2a7c;}
.consult .cont_form .line2 {background:url('../img/input2.gif') no-repeat 12px top;}
.consult .cont_form .line2 input {width:287px;}

.consult .cont_form p.star {font:11px Arial; padding:17px 0px 25px 12px;}
.consult .cont_form p.star span {font:16px Arial; color:#4f2a7c; line-height:11px;}
.consult .question { float:left; width:100%;}
.consult .question h5 { margin-top:25px; font-size:14px; font-weight:bold;}
.consult .question .block { float:left; width:100%; font:14px Arial; padding-top:8px; padding-bottom:12px;}
.consult .question .block div { width:66px; float:left; font-style:italic;}
.consult .question .block p { padding-left:66px; padding-bottom:8px;}

.consult .answer { float:left; width:565px; background:#e5e5e5; padding-left:20px; margin-left:-20px;}
.consult .answer h5 { margin-top:11px; color:#64309e; font-size:14px; font-weight:bold;}
.consult .answer .block { float:left; width:100%; font:14px Arial; padding-top:8px; padding-bottom:3px;}
.consult .answer .block div { width:66px; float:left; font-style:italic;}
.consult .answer .block p { padding-left:66px; padding-right:33px; padding-bottom:7px;}
.consult p.all { margin-top:22px; float:left; width:100%;}
.consult p.all a { color:#64309e; font:bold 13px Arial;}


/* ---------- FOOTER ---------- */
.footer {margin:0px auto; width:960px; position:relative; margin-top:-100px; height:100px;}
.footer .lft { float:left; width:555px;}
.footer .lft p {width:200px; padding-right:345px; float:left; font:10px Arial; color:#7f7f7f; padding-bottom:8px;}
.footer .lft h6 {width:200px; padding-right:345px; float:left; font:100 10px Arial; color:#7f7f7f; padding-bottom:12px;}

.footer .contacts { float:left; width:300px;}
.footer .mail { float:left; width:100%;}
.footer .contacts img { margin-right:10px; vertical-align:middle;}
.footer .contacts div { float:left; width:100%; padding-bottom:5px;}
.footer .contacts div a { text-decoration:none; font:10px Arial; color:#7f7f7f;}
.footer .contacts div a span { text-decoration:underline;}
.footer .contacts div a:hover span { text-decoration:none;}
.footer .contacts p {font:18px Arial; color:#7f7f7f; float:left; width:257px; padding-left:43px;}