@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; width:100%;  min-width:100%; height:100%; min-height:100%; font-family:Arial, Helvetica, sans-serif; background:#000 url(../img/bg.gif); font-size:13px; font-style:normal; color:#000;}
html {min-height:100%; height:100%}
img {border:none;}

.super {position:relative; margin:0 auto 0 auto; width:951px; padding:0; z-index:50; padding-bottom:72px}
.spacer {width:0; height:1px; font-size:1px}
.clear {clear:both}

.header {position:relative; width:100%; height:193px;}
.logo {position:relative; margin:17px 0 0 7px; height:85px}
.header .text {position:absolute; left:233px; top:55px}
.header .text h1 {margin:0; padding:0; color:#FFF; font-weight:normal; text-transform:uppercase; font-size:20px; font-family:Tahoma, Geneva, sans-serif}
.header .contacts {position:absolute; right:0; top:38px; width:153px; font-size:12px; color:#ef9d09}
.header .contacts .phone {color:#FFF; font-size:17px; margin-top:6px;}
.header .contacts .phone span {font-size:14px;}
.header .contacts .phone font {display:none}
.header .contacts a {display:block; background:url(../img/icon_mail.png) 0 3px no-repeat; padding-left:23px; color:#909090; font-size:13px; line-height:14px; margin-top:5px; text-decoration:underline}
.header .contacts a:hover {text-decoration:none; color:#909090}

.menu {position:relative; width:943px; height:44px; margin-top:25px; padding-left:8px}
.menu_left {position:absolute;left:0; top:0; background:url(../img/menu_left.png); width:7px; height:43px}
.menu_right {position:absolute;right:0; top:0; background:url(../img/menu_right.png); width:7px; height:43px}
.menu a {position:relative; float:left; height:44px; width:155px; margin-right:1px; display:inline-block; line-height:43px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-decoration:none; background:url(../img/menu_bg.png) 0 0; text-align:center}
.menu a:hover, .menu a.active { text-decoration:none; background:url(../img/menu_bg.png) 0 -44px}
.menu a:active { text-decoration:none; background:url(../img/menu_bg.png) 0 -88px}

.content {position:relative; width:878px; background:#FFF; min-height:513px; padding:40px 36px 0 37px}
.content .corners {position:absolute; left:0; top:0; width:100%;}
.content .corners .left {position:absolute; left:0; top:0; background:url(../img/main_corners_top.png) 0 0 no-repeat; width:7px; height:7px;}
.content .corners .right {position:absolute; right:0; top:0; background:url(../img/main_corners_top.png) -7px 0 no-repeat; width:7px; height:7px;}
.cont_bottom {position:absolute; width:100%; height:13px; background:url(../img/main_bottom.png); bottom:0; left:0}

.index_left {position:relative; float:left; width:420px; height:740px}
.index_left h2 {font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#849daa; margin:2px 0 20px;}
.index_left h3,.index_right h3 {font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#000; margin:0px 0 25px;}
.index_left .text {height:340px; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:justify}
.all_video {position:relative; margin:17px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; display:block; padding-right:14px; background:url(../img/bullit_next.png) 100% 4px no-repeat; width:auto; width:165px; color:#000; line-height:13px; text-decoration:none}

.index_right {position:relative; float:left; width:439px; padding-left:19px; height:740px}
.services {position:relative; height:340px; width:439px;}
.services a {display:block; float:left; width:130px; height:70px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none; text-align:center; padding-top:100px; text-transform:uppercase}
.services a:hover {text-decoration:underline}
.services span {display:block; width:24px; float:left; height:170px;}
.services a strong {font-weight:normal}

.photo {position:relative}
.index_gal {visibility:hidden}
.index_gal .big {width:438px; height:228px; position:relative; text-align:center; padding-top:3px; background:#000}
.index_gal .big img {border:1px solid #000}
.index_gal .small {position:absolute; width:438px; height:59px; left:0px; top:223px; overflow:hidden}
.index_gal .small img {display:inline-block;width:76px; height:49px; padding:3px; background:url(../img/gal_bg1.png); margin-left:3px; cursor:pointer} 
.index_gal .small img.active {display:inline-block;width:76px; height:49px; padding:3px; background:url(../img/gal_bg.png); cursor:default} 
.index_gal .small a {color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}
.index_gal .small a:hover {text-decoration:underline}
.index_gal .small .bg {width:100%; height:100%; z-index:0; position:absolute; background:#000; opacity:0.6; filter:alpha(opacity:60)}
.index_gal .small .slide {position:absolute; z-index:10; height:55px; left:0; top:2px; padding-left:3px}

#serv_1 {background:url(../img/serv_1.jpg) no-repeat top}
#serv_2 {background:url(../img/serv_2.jpg) no-repeat top}
#serv_3 {background:url(../img/serv_3.jpg) no-repeat top}
#serv_4 {background:url(../img/serv_4.jpg) no-repeat top}
#serv_5 {background:url(../img/serv_5.jpg) no-repeat top}
#serv_6 {background:url(../img/serv_6.jpg) no-repeat top}

.footer_menu {position:relative; width:914px; padding-left:37px; background:#474747; height:186px; padding-top:10px}
.footer_menu .col1 {float:left; width:153px;}

.footer_menu .col2 {float:left; width:168px;}
.footer_menu .col3 {float:left; width:211px;}
.footer_menu .col4 {float:left; width:215px;}
.footer_menu .col5 {float:left; width:130px;}
.footer_menu h4 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; margin:0 0 20px 0; font-weight:normal}
.footer_menu .col5 h4 {margin:0 0 25px 0;}
.footer_menu .col5 a {display:inline-block; width:28px; height:28px; margin-right:10px; margin-bottom:10px}
.fb {background:url(../img/icon_fb.png)}
.lj {background:url(../img/icon_lj.png)}
.vk {background:url(../img/icon_vk.png)}
.vm {background:url(../img/icon_vm.png)}
.tw {background:url(../img/icon_tw.png)}
.footer_menu .cont a {background:url(../img/bullit_orange.png) no-repeat 5px 6px; padding-left:18px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#7f7e7e; text-decoration:none; line-height:14px; display:block; width:auto; margin-bottom:7px}
.footer_menu .cont a:hover {color:#fff; text-decoration:none;}

.footer {width:951px; height:59px; background:#3e3e3e; position:relative}
.footer .left {position:absolute; left:34px; top:22px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#777777}
.footer .middle {position:absolute; top:22px; left:534px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#909090}
.footer .middle a {color:#6cd0f6; text-decoration:underline}
.footer .middle a:hover {color:#6cd0f6; text-decoration:none}
.footer .right {position:absolute; top:19px; right:40px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#909090}
.footer .right span {font-size:14px; color:#e2e2e2;}
.footer .right font {font-size:17px; color:#e2e2e2;}
.footer .right nobr {display:none}

.order_plate_cont {position:fixed; left:50%; margin-left:476px; top:378px; width:36px; height:117px; overflow:hidden; cursor:pointer; z-index:1000}
.order_plate {position:absolute; left:-25px; top:0px; width:36px; height:117px; background:url(../img/order.gif)}

#bg_fade { position:fixed; width:100%; height:100%; top:0; left:0; background:#000;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE 5.5+*/
-moz-opacity: 0.30; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.30; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.30; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
display:none; z-index:10000; cursor:pointer
}
.order_form {position:fixed; z-index:11000; top:50%; left:50%; margin-left:-208px; margin-top:-260px; width:416px; height:522px; background:url(../img/form.gif); display:none;}
.order_input1 {position:absolute; padding:7px; font-size:13px; color:#FFF; font-family:Arial, Helvetica, sans-serif; height:13px; border:none; background:none; width:308px; left:44px; top:104px}
.order_input2 {position:absolute; padding:7px; font-size:13px; color:#FFF; font-family:Arial, Helvetica, sans-serif; height:13px; border:none; background:none; width:308px; left:44px; top:158px}
.order_input3 {position:absolute; padding:7px; font-size:13px; color:#FFF; font-family:Arial, Helvetica, sans-serif; height:13px; border:none; background:none; width:308px; left:44px; top:212px}
.order_textarea {position:absolute; padding:7px; font-size:13px; color:#FFF; font-family:Arial, Helvetica, sans-serif; height:144px; border:none; background:none; width:308px; left:44px; top:289px; overflow:hidden; resize:none}
.order_form .chk {margin:249px 0 0 44px; }
.order_form .chk label {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#474747; margin-right:30px; margin-left:5px}
.order_form a {position:absolute; display:block; width:86px; height:24px; padding-top:9px; text-align:center; left:281px; top:467px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#000; text-decoration:underline}
.order_form a:hover {text-decoration:none}

#form_ok {position:fixed; z-index:11000; top:200px; left:50%; margin-left:-208px; width:416px; height:260px; background:url(../img/form_ok.gif); display:none}

.close_form {position:absolute; right:10px; top:10px; background:url(../img/close_form.gif); width:16px; height:16px; z-index:11000; cursor:pointer; display:block}

.pf_index {width:731px; margin:0 auto;}
.pf_index h3 {color:#000; font-weight:normal; font-size:14px; margin:0; text-transform:uppercase}
.pf_index .line {width:100%; height:1px; font-size:1px; overflow:hidden; background:#e2e2e2; margin:18px 0 15px 0}
.pf_index a, .pf_index span {display:inline-block; margin-right:67px; width:199px; height:24px; text-align:center; text-transform:uppercase; color:#000; text-decoration:none; font-size:12px; font-family:Tahoma, Geneva, sans-serif; padding-top:135px; margin-bottom:20px}
.pf_index span a, .ls {display:inline !important; margin:0 !important; padding:0 !important; width:auto !important; height:auto !important}
.pf_index a:hover {color:#000; text-decoration:underline}
#pf_1 {background:url(../img/pf_1.jpg) no-repeat top;}
#pf_2 {background:url(../img/pf_2.jpg) no-repeat top;}
#pf_3 {background:url(../img/pf_3.jpg) no-repeat top; margin-right:0 !important}
#pf_4 {background:url(../img/pf_4.jpg) no-repeat top;}
#pf_5 {background:url(../img/pf_5.jpg) no-repeat top;}
#pf_6 {background:url(../img/pf_6.jpg) no-repeat top; margin-right:0 !important}

.pf_inner {width:870px; margin:0 auto;}
.pf_inner h3 {color:#000; font-weight:normal; font-size:14px; margin:0 0 0 35px; text-transform:uppercase; display:inline-block; float:left; font-family:Tahoma, Geneva, sans-serif}

.pf_inner .links a {text-transform:uppercase; color:#000; text-decoration:none; font-size:12px; font-family:Tahoma, Geneva, sans-serif; margin-left:12px; line-height:18px}
.pf_inner .links a:hover,.pf_inner .links a.active {color:#000; text-decoration:underline;}
.pf_inner .line {width:650px; height:1px; font-size:1px; overflow:hidden; background:#e2e2e2; margin:24px auto 19px auto}
.pf_inner .p_line {width:800px; height:1px; font-size:1px; overflow:hidden; background:#e2e2e2; margin:24px auto 17px auto}
.pf_inner .p_line1 {width:800px; height:1px; font-size:1px; overflow:hidden; background:#e2e2e2; margin:14px auto 7px auto}

.video {width:650px; margin:0 auto 18px auto}
.video .line {width:646px; height:1px; font-size:1px; overflow:hidden; background:#e2e2e2; margin:10px auto 0 auto}
.video table {margin-top:0px;}
.video table .col1 {padding-left:10px; width:65px; font-size:12px; color:#777777; font-family:Tahoma, Geneva, sans-serif; height:22px; vertical-align:bottom}
.video table .col2 {font-size:12px; color:#000; font-family:Tahoma, Geneva, sans-serif; height:22px; vertical-align:bottom}
.video table .col3 {padding-left:0; width:65px; font-size:12px; color:#777777; font-family:Tahoma, Geneva, sans-serif; height:22px; vertical-align:bottom}


.gallery {width:792px; overflow:hidden; margin:0 auto; padding-top:521px; position:relative}
.g_slide {width:1630px; height:521px; position:absolute; left:0; top:0;}
.g_slide .p1,.g_slide .p2 {float:left; width:815px;}
.g_slide a {margin:0 17px 7px 0; display:inline-block}
.g_slide a.vert {margin:0 16px 7px 0 !important}
.gallery .pages {width:100%; text-align:center; margin-bottom:5px}
.gallery .pages a {font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#777777; text-decoration:none; margin:0 3px}
.gallery .pages a:hover,.gallery .pages a.active {font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#000000; text-decoration:underline}
.contacts .left { width:390px; float:left; padding:0px 5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#323232; line-height:1.5em;}
.contacts .right { width:435px; float:left; padding:0px 5px 0 30px; margin:0; border-left:1px solid #e1e1e1;}
.contacts a {color:#000; text-decoration:none}
.contacts a:hover {color:#000; text-decoration:underline}

#contactform { margin:0; padding:5px 0;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:200px; padding:5px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#222; text-transform: uppercase; display:block}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #e1e1e1; margin:0px 0 5px 0; padding:5px 2px; height:15px; background:#f8f8f8; float:left;}
#contactform textarea { width:420px; border:1px solid #e1e1e1; margin:0 0 10px 0; padding:2px; background:#f8f8f8; height:150px; float:left;}
#contactform li.buttons input { padding:3px 0; margin:5px 0 0 337px; border:0; color:#FFF;}

.contacts h2 {color:#000; font-weight:normal; font-size:14px; margin:0; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif}
.comments h2 {font-family:Verdana, Geneva, sans-serif; font-size:22px; font-weight:normal; color:#000; margin:0 0 10px 0;}
.comments a {color:#000; text-decoration:none}
.comments a:hover {color:#000; text-decoration:none}

#membership1 input  { width:400px; border:1px solid #e1e1e1 !important; margin:5px 0 10px 0; padding:5px 2px; height:15px; background:#f8f8f8; display:block;}
#membership1 input.test {display:none}
#membership1 textarea { width:400px; border:1px solid #e1e1e1; margin:5px 0 10px 0; padding:2px; background:#f8f8f8; height:150px; display:block}

.dev {position:absolute; right:00px; top:70px; color:#909090; line-height:16px; padding:0 5px 2px 5px; background:#3e3e3e}
.dev a {font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#7f7e7e; text-decoration:none; line-height:14px; margin-bottom:7px}
.dev a:hover {color:#fff; text-decoration:none;}

.send {background:url(../img/send.png); width:89px; height:26px; border:none}

.lr {position:absolute; left:00px; top:70px; color:#909090; line-height:16px;}
.pp {display:none; line-height:16px; margin:5px 0; padding-left:25px}
.toggle {font-weight:bold; cursor:pointer; background:url(../img/plus.png) no-repeat 0 2px; color:#5c8397; margin:0 0 7px 0; padding-left:20px; display:block}
.toggle span {border-bottom:#849daa 1px dashed}
.comments font.active { background:url(../img/plus.png) no-repeat 0 -20px !important;}

.works {display:inline-block; width:143px; height:26px; background:url(../img/works.png)}
.to_order {display:inline-block; width:121px; height:26px; background:url(../img/order.png); margin-left:10px;}