* { margin: 0; padding: 0;}
.c { clear:both;}
img { border:none;}
html { height:100%; background:url(/images/main_texture.jpg) repeat;}
body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; overflow-y:scroll;}
a { text-decoration:underline;}
a:hover { text-decoration: none;}
p { margin: 0 0 18px}
img { border: none;}
input { vertical-align: middle;}

.back_layot { position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/main_texture.jpg) repeat; z-index:300001;}
.back_layot .bg-bottom { width:100%; height:100%; background:url(/images/content-bottom.jpg) repeat-x 0 100%;}
.back_layot .bg-bottom .bg-top { width:100%; height:100%; background:url(/images/content_top_tail.jpg) repeat-x 0 0;}
.splash_logo { position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px; z-index:40000;}


.wrapper { width: 100%; min-width: 1000px; min-height: 100%; height: auto !important; height: 100%; background:url(/images/content_bottom_tail.png) repeat-x 0 100%;}


.header-wrapper { height: 132px; background: #FFE680; position:relative; min-width:950px; background:url(/images/header_bg.jpg) repeat-x 50% 0;}
.header-wrapper .header { width:1000px; margin:auto; padding:45px 0 0 0;}
.header-wrapper .header p#site-name { text-align:left; padding:0 0 45px 0;}
.header-wrapper .header p#site-name a { font:italic 35px/35px arial; color:#ebe6d3; text-shadow:2px 2px 2px #000; text-decoration:none;}
.header-wrapper .header .switch_language { display:none; position:absolute; right:47px; top:48px; width:38px; height:38px;}
.header-wrapper .header .switch_language a { display:block; width:38px; height:38px; background:url(/images/switch_language.png) no-repeat 0 0; text-decoration:none;}
.header-wrapper .header .switch_language a:hover { background-position:0 -38px;}
.header-wrapper .header .switch_language a.ru { background-position:0 -76px;}
.header-wrapper .header .switch_language a.ru:hover { background-position:0 -114px;}


.menu-wrapper { height:50px; padding:0; background:url(/images/nav_bg.jpg) repeat-x 0 0;}
.menu-wrapper .menu { width:1000px; margin:auto;}
.menu-wrapper .menu ul { height:50px; background:url(/images/menu-border.png) no-repeat 0 0; padding:0 0 0 2px;}
.menu-wrapper .menu ul li { display:block; float:left; background:url(/images/menu-border.png) no-repeat 100% 0; padding:0 2px 0 0;}
.menu-wrapper .menu ul li.first {}
.menu-wrapper .menu ul li.first a  { height:50px; padding:0;}
.menu-wrapper .menu ul li.first a span { display:block; width:50px; height:50px; background:url(/images/home.png) no-repeat 50% 50%; text-indent:-9999px;}
.menu-wrapper .menu ul li a { display:block; height:36px; padding:14px 20px 0 20px; background:url(/images/menu-hover.png) repeat-x 0 -999px; font: 20px/20px tahoma; color:#edebe2; text-decoration:none;}
.menu-wrapper .menu ul li a:hover { background-position: 0 0;}
.menu-wrapper .menu ul li.active a { background-position: 0 0;}

.middle-wrapper { position:relative; padding: 30px 0 132px; background:url(/images/content_top_tail.jpg) repeat-x 0 0;}
.middle-wrapper .portfolio-menu { position:fixed; left:2%; top:286px; z-index:999; height:270px; opacity:0.7;filter:alpha(opacity=70);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; background:url(/images/main_texture.jpg) repeat;}
.middle-wrapper .portfolio-menu:hover { opacity:1;filter:alpha(opacity=100);}
.middle-wrapper .portfolio-menu p.name { margin:0; padding:0; font: bold italic 16px/20px arial; color:#152b36;}
.middle-wrapper .portfolio-menu ul { padding:10px 0 0 10px; list-style:none;}
.middle-wrapper .portfolio-menu ul li { font:14px/18px arial; color:#6a6a6a;}
.middle-wrapper .portfolio-menu ul li a { font:14px/18px arial; color:#152b36;}
.middle-wrapper .portfolio-menu ul li.active { font:bold 14px/18px arial; color:#152b36; color:#6d2f30;}
.middle-wrapper .portfolio-menu ul li.active a { color:#6d2f30;}

.middle-wrapper .portfolio-menu ul li a:hover {}

.middle-wrapper .middle {}
.middle-wrapper .middle .content { position:relative; width:1000px; margin:auto; padding:0 0 30px 0;}
.middle-wrapper .middle .content p { height:35px; background:url(/images/icons.png) no-repeat 0 0; margin:0 0 20px 0; padding:15px 0 0 70px; font:20px/20px arial; color:#152b36;}
.middle-wrapper .middle .content p a { font:20px/20px arial; color:#152b36;}
.middle-wrapper .middle .content p.portfolio { background-position:0 0;}
.middle-wrapper .middle .content p.opinions { background-position:0 0;}
.middle-wrapper .middle .content p.phone { background-position:0 -50px;}
.middle-wrapper .middle .content p.skype { background-position:0 -100px;}
.middle-wrapper .middle .content p.icq { background-position:0 -150px;}
.middle-wrapper .middle .content p.mail { background-position:0 -200px;}

.middle-wrapper .middle .content h1 { padding:0 0 20px 0; font:italic 27px/30px arial; color:#6d2f30; text-shadow:2px 2px 2px #818181; text-decoration:none;}
.middle-wrapper .middle .content h2 { padding:10px 0 10px 0; font:italic 20px/25px arial; color:#6d2f30; text-shadow:1px 1px 1px #818181; text-decoration:none;}
.middle-wrapper .middle .content p.performed { position:absolute; right:200px; top:9px; height:auto; background:none; margin:0; padding:0 0 15px 0; font:15px/22px arial; color:#152b36;}
.middle-wrapper .middle .content p.performed a { font:bold 15px/22px arial; color:#152b36;}
.middle-wrapper .middle .content p.text { height:auto; background:none; margin:0; padding:0 0 15px 0; font:17px/22px arial; color:#152b36;}
.middle-wrapper .middle .content p.text img { float:left; margin:7px 20px 0 0; padding:5px; border:1px solid #152B36; background:#fff;}
.middle-wrapper .middle .content p.text img.right { float:right; margin:5px 0 0 20px;}
.middle-wrapper .middle .content p.text a { font: bold 17px/22px arial; color:#152b36;}
.middle-wrapper .middle .content p.bold { font-weight:bold; padding:0;}
.middle-wrapper .middle .content .bold { font-weight:bold;}
.middle-wrapper .middle .content p.italic { font-style:italic; padding:0; font-size:13px;}
.middle-wrapper .middle .content .italic { font-style:italic;}
.middle-wrapper .middle .content p.name { height:auto; background:none; margin:0; padding:20px 0 10px 0; font:bold 17px/22px arial; color:#152b36;}
.middle-wrapper .middle .content ul.text { padding:0 0 15px 30px;}
.middle-wrapper .middle .content ul.text li { font:17px/22px arial; color:#152b36;}
.middle-wrapper .middle .content .hosting { position:absolute; right:4px; top:40px;}
.middle-wrapper .middle .content p.validator { position:absolute; right:0; top:0; height:auto; background:none; margin:0; padding:0;}
.middle-wrapper .middle .content .note { padding:10px 0 10px 70px; background:url(/images/bg-note.png) no-repeat 10px 50%;}
.middle-wrapper .middle .content .note p.text { padding:0;}

.middle-wrapper .middle .content div.items {}
.middle-wrapper .middle .content div.items ul { list-style:none;}
.middle-wrapper .middle .content div.items ul li { width:462px; float:left; padding:20px 0px 20px 38px;}
.middle-wrapper .middle .content div.items ul li h2 { padding:0 0 10px 0; font:italic 20px/25px arial; color:#6d2f30; text-shadow:1px 1px 1px #818181; text-decoration:none;}
.middle-wrapper .middle .content div.items ul li a { position:relative; display:block; width:462px; height:252px;}
.middle-wrapper .middle .content div.items ul li a span.image { display:block; width:460px; height:250px;}
.middle-wrapper .middle .content div.items ul li a span.image img { display:block; width:460px; height:250px;overflow:hidden;border:1px solid #b6b1a7 !important;border-radius:10px;}
.middle-wrapper .middle .content div.items ul li a span.image span.zoom { position:absolute; left:0; top:0; display:block; width:462px; height:252px; background: #000000 url(/images/zoom.png) no-repeat 50% 50%;opacity:0;filter:alpha(opacity=0);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;border-radius:9px;}
.middle-wrapper .middle .content div.items ul li a:hover span.image span.zoom {opacity:0.4;filter:alpha(opacity=40)}
.middle-wrapper .middle .content div.items ul li p.description { height:auto; background:none; margin:0; padding:0 0 15px 0; font:17px/22px arial; color:#152b36;}
.middle-wrapper .middle .content div.items ul li p.description a { display:inline; width:auto; height:auto; font:17px/22px arial; color:#152b36;}



.footer-wrapper { margin: -132px auto 0; min-width: 1000px; height: 132px; background:url(/images/bottom_bg.jpg) repeat-x 50% 0; position: relative;}
.footer-wrapper .footer { width:1000px; margin:auto; padding:55px 0 0 0;}
.footer-wrapper .footer p { font:italic 20px/20px arial; color:#ebe6d3; text-shadow:2px 2px 2px #000; text-align:center;}
.footer-wrapper .footer p a { font:italic 20px/20px arial; color:#ebe6d3; text-shadow:2px 2px 2px #000;}