/*
-----------------------------------------------
Style Sheet
Site: voodyy.com
Author: Olga Redko
	olga@voodyy.com
----------------------------------------------- */

html, body {margin:0;padding:0;height:100%;width:100%;overflow:hidden}
body {font-family:'Trebuchet MS'}

#view {position:relative;height:100%;width:100%;overflow:auto}
.layout {position:relative;z-index:1;margin:0;padding:0;text-align:left;min-width:1000px;max-width:1460px}
#bg {position:absolute;z-index:-1;width:100%;height:100%;left:0;top:0}

/*-- COMMON --------------------- */
p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, blockquote, pre, form, fieldset, table, th, td {margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal}

table {border-collapse: collapse;border-spacing:0;width: 100%;}
table th, table td {border: 1px solid #ccc;padding: 2px 3px;vertical-align: top;}
table th {background: #f4f4f4;}
table td { }

a {outline:none;color:#ffca86;text-decoration:underline}
a:hover {text-decoration:none;background:#ffca86;color:#000}
a:visited {}
a img {border:medium none}

sup, sub {line-height:1em;}
sup {vertical-align:super}
sub {vertical-align:sub}

hr {color: #ccc;background-color: #ccc;height: 1px;border-width: 0px;}

.left {float:left}
.right {float:right}

a.link {background:url(../i/i_link.gif) no-repeat 0 3px;padding:0 0 0 24px;color:#ffca86;font-weight:bold;text-decoration:underline}
a.link:hover {text-decoration:none}

/*-- CONTENT ELEMENTS --------------------- */
.content h1, .content h2, .content h3, .content h4 {margin:0 0 15px}
.content h1 {font-size:36px;color:#000}
.content h2 {font-size:; color:#000;}
.content h3 {font-size:;}
.content h4 {font-size:;}

.content p, .content ul, .content ol, .content dl, .content table, blockquote, pre, .columns, hr {margin-bottom:20px;}

.content form {padding:8px 0;}
.content fieldset {margin-bottom:20px;border: none;}
.content legend {margin-top:-1px;padding-bottom:16px;font-size:15px;font-weight: bold;}

input {vertical-align: middle }
.i_checkbox {margin-top: 3px;}
.i_text {width: 200px;padding: 1px;font: 1em sans-serif;}
.button {padding: 0 .25em;width: auto;overflow: visible;cursor: pointer;}

/*-- HEADER --------------------- */
#header {height:205px;padding:0 30px;position:relative}
#logo {display:block;padding:40px 0 0 0;font:normal 12px Arial, Helvetica, sans-serif;color:#fff;float:left }
a#logo {text-decoration:none}
a#logo:hover {background:none}
#logo span {display:block;width:180px;position:relative;top:-10px;left:18px;letter-spacing:10px}
#logo a { color:#FFF; text-decoration:none; background:none}
#logo a:hover { color:#F93 text-decoration:none; background:none}

#menu {list-style-type:none;position:absolute;top:85px;left:35%;font-size:10px;color:#fff}
#menu li {float:left;width:70px;height:90px}
#menu a {color:#fff;text-decoration:none}
#menu a:hover {text-decoration:underline;background:none}
#menu a span, #menu li span {display:block;height:31px;width:31px;background:url(../i/menu_icons.png) no-repeat;margin:4px 0 0;text-indent:-7000px;cursor:pointer}
#menu a.about span {background-position:0 0}
#menu li.about_active {background:url(../i/menu_bg.gif) no-repeat bottom left}
#menu li.about_active span {background-position:0 -31px;cursor:text}
#menu a.about:hover span {background-position:0 -62px}
#menu a.portfolio span {background-position:-31px 0}
#menu li.portfolio_active {background:url(../i/menu_bg.gif) no-repeat 7px bottom}
#menu li.portfolio_active span {background-position:-31px -31px;cursor:text}
#menu a.portfolio:hover span {background-position:-31px -62px}
#menu a.projects span {background-position:-62px 0}
#menu li.projects_active {background:url(../i/menu_bg.gif) no-repeat bottom left}
#menu li.projects_active span {background-position:-62px -31px;cursor:text}
#menu a.projects:hover span {background-position:-62px -62px}
#menu a.services span {background-position:-93px 0}
#menu li.services_active {background:url(../i/menu_bg.gif) no-repeat bottom left}
#menu li.services_active span {background-position:-93px -31px;cursor:text}
#menu a.services:hover span {background-position:-93px -62px}
#menu a.contacts span {background-position:-124px 0}
#menu li.contacts_active {background:url(../i/menu_bg.gif) no-repeat bottom left}
#menu li.contacts_active span {background-position:-124px -31px;cursor:text}
#menu a.contacts:hover span {background-position:-124px -62px}

#menu ul {list-style-type:none;height:39px;background:#a6003d;border-top:1px solid #5a0031;line-height:32px;padding:0 5px;font-size:15px;white-space:nowrap;display:block;padding:0;position:absolute;bottom:-40px;left:-240px;_text-indent:12px;overflow:visible;}
#menu ul li {padding:0 13px;float:none;display:inline;width:auto;height:auto}
#menu ul li.active {padding:0;}
#menu ul li.active span {display:inline;background:#5a0031;padding:6px 13px 13px 13px}
#menu ul a {color:#ffca86;background:url(../i/dot.gif) repeat-x bottom left;padding:0 0 2px;text-decoration:none}
#menu ul a:hover {background:none;text-decoration:none}

.tel {position:absolute;top:78px;right:30px;font-size:16px;color:#000;width:250px;text-align:right;}
.tel strong {font-size:25px;font-weight:normal;color:#fff;display:block}
.tel a {color:#ffca86;text-decoration:none;background:url(../i/dot.gif) repeat-x bottom left}
.tel a:hover {background:none}
/*-- CONTENT --------------------- */
.wrap {float:left;width:100%}
#center {margin:0 310px 0 0}
#rigth_col {float:left;margin-left:-280px;width:280px;position:relative}
#main {margin:0 30px}
#main #center {margin:0 34% 0 0}
#main #rigth_col {margin:0 0 0 -34%;width:34%}
#specialty {font-size:24px;color:#000;list-style-type:none;margin:0 0 30px}
#specialty li {overflow:hidden;_height:1%;margin:0 0 25px;padding:0;background:none;line-height:normal}
#specialty h1, #specialty h2, #specialty h3 {float:left;margin:0 10px 0 0;color:#ffca86;font-size:30px;line-height:34px;white-space:nowrap}
#specialty a {color:#ffca86;text-decoration:none;display:block;background:url(../i/l_dot.gif) repeat-x bottom left;float:left}
#specialty a:hover {background:#000;color:#fff}
#specialty span {float:left;font-size:30px;color:#fff;line-height:34px}
#specialty p {margin:0}

.content {font-size:15px;color:#fff}
.content p {margin:0 0 20px}
.content ul {list-style-type:none;margin:0 0 20px 14px}
.content ul li {padding:0 0 0 23px;background:url(../i/bullit_2.gif) no-repeat 0 7px;line-height:22px}

.content ul#news {list-style-type:none;margin:0 30px 0 0;font-size:14px;color:#c87e9b}
.content #news li {margin:0 0 17px;position:relative;line-height:16px;background:none;padding:0}
.content #news span.data {font-size:12px;color:#000;display:block}
.content #news span.more {display:block;height:15px;width:15px;text-indent:-7000px;background:url(../i/i_more.gif) no-repeat 0 0;}
#news a {color:#c87e9b;text-decoration:none;background:url(../i/i_more.gif) no-repeat 100% 100%;padding:0 23px 0 0;_display:inline-block}
#news a:hover {color:#fff;background:url(../i/i_more_h.gif) no-repeat 100% 100%}
#news a:hover span.more {background-position:0 -15px}

div.title, .col h2, .col2 h2 {font-size:24px;color:#000;margin:0 0 12px}
div.title a, .col h2 a, .col2 h2 a {color:#000;text-decoration:underline}
div.title a:hover, .col h2 a:hover, .col2 h2 a:hover {text-decoration:none;background:none;color:#fff}

.stages {}
.stages h3 { font-size:18px;color:#ffca86;}
.stages h3 span { text-decoration:underline; cursor:pointer} 
.stages h3 b { font-size:24px; font-weight:bold; color:#fff; padding:0 10px 0 0; text-decoration:none; width:28px; text-align:right; float:left; line-height:25px}

.stages div { width:417px; background:url(../i/block_btm.gif) no-repeat bottom left; padding:0 0 6px; font-size:15px; color:#fff; margin:0 0 12px 28px;}
.stages div div { background:url(../i/block_top.gif) no-repeat top left; padding:6px 0 0; margin:0;}
#info .stages ul { margin: -10px 0 0 14px; padding: 0 0 10px;}
#info .stages ul li { background:none; padding:0}
#info .stages ul li span { color:#cd6d6d}
#info .stages ul li span.main { color:#ffc600}
#info .stages p { padding:0 12px 10px; margin:0}
.stages i { color:#ff87b6;}


#services h3 {color:#FFCA86; font-size:15px; font-weight:bold; margin:0}
#info #services p { margin:0}
#info #services p.price { margin:5px 0 20px; font-size:16px; color:#C66; }
#services p.price b {color:#ffc600}

#info strong { color:#FFCA86;}
#info h6 { padding:0; margin:0; font-size:16px; color:#C66;}
#info h6 b { color:#ffc600}

#to_main a {color:#ffca86;text-decoration:none}
#to_main a:hover {text-decoration:none;background:#ffca86;color:#000}

.works {clear:both;margin:25px 30px 35px 30px;}
#main .works {margin:25px 0 35px 0}
.works ul {list-style-type:none;margin:0;padding:0;overflow:hidden;_height:1%}

.works ul li {float:left;margin:0 8px 0 0;padding:0;position:relative;width:225px;height:150px;background:#a6003d;border:1px solid #810024;z-index:1}
.works li span.data {color:#fff;position:absolute;bottom:10px;left:10px;cursor:pointer}
.works ul li.year {background:#410019;border:1px solid #410019}
.works ul li.year span.data {font-size:80px;color:#fff;cursor:text;top:54px}

.works a {display:block;position:absolute;width:225px;height:150px;left:0;top:0;z-index:7;text-decoration:none;background:#fff}
.works strong {font-weight:normal;padding:0 10px 10px 0;font-size:16px;color:#ffca86;display:block;position:absolute;top:10px;left:10px;cursor:pointer}
.works a img {display:block;margin:0;padding:0}
.works a strong, .works a span.data {display:none}
.works a:hover {background:#a6003d}
.works ul li a:hover strong, .works a:hover span.data {display:block}
.works a:hover img {display:none}

#portfolio li {padding:0;margin:0 8px 8px 0;line-height:normal}
#portfolio ul {margin:0;}

#extra, #info, #map {font-size:15px;color:#fff;margin:0 30px;overflow:hidden;_height:1%}
#portfolio {font-size:15px;color:#fff;margin:0 0 0 30px;overflow:hidden;_height:1%}
#info, #portfolio {padding:55px 0 0}
#main #extra {margin:0}
#extra .col, #info .col, #map .col {float:left;width:33%}
#info .col2 {float:left;width:49%}
#extra .col p, #info p {padding:0 35px 0 0;margin:0 0 20px}

#extra .title a, #info .title a {font-size:24px;color:#ffca86;text-decoration:none;background:url(../i/l_dot.gif) repeat-x bottom left}
#extra .title a:hover, #info .title a:hover {background:none}

#extra .question {list-style-type:none;margin:0 0 20px}
#extra .question li {background:url(../i/i_q.gif) no-repeat 0 4px;padding:0 0 0 30px;line-height:26px;font-size:18px}

#map ul {line-height:22px}
#map ul li {background:none;padding:0}
#map ul ul {margin:0 0 0 35px}
#map ul a {text-decoration:none}

.note {background:url(../i/block_bg.gif) no-repeat;width:289px;height:53px}
.note p {padding:6px 10px;font-size:15px;color:#fff}

.content ul.team {margin:0;padding:0;overflow:hidden}
.content ul.team img {display:block}
.content ul.team li {background:none;float:left;padding:0;margin:0 10px 0 0;line-height:24px;width:225px}
.content ul.team li a {text-decoration:none;background:url(../i/dot.gif) repeat-x bottom left;padding:0 0 2px;color:#ffca86;}
.content ul.team li a:hover {background:none;color:#ffca86}

.goal {background:#d9003d;padding:12px 15px;float:left}
.goal b {color:#000; font-weight:normal}

img.preview {display:block;margin:20px 0;}

.about {margin:60px 0 0}
.about div.dev {background:url(../i/dot_2.gif) repeat-x bottom left;padding:0 0 25px;margin:0 0 25px}

.about dt {font-size:16px;color:#ffca86;margin:17px 0 0}
.about dd {font-size:14px;color:#fff}


/*-- FOOTER --------------------- */
#footer {height:105px;background:#39001f;margin:50px 30px 20px;clear:both;font-size:13px;padding:0;position:relative}
#footer .left {float:left;width:620px}
#footer ul {list-style-type:none;font-size:13px;color:#fff;padding:27px 0 0 14px}
#footer ul li {display:inline;background:url(../i/bullit.gif) no-repeat 100% 10px;padding:0 15px 0 12px}
#footer ul li.last {background:none}
#footer ul a {color:#ff3131;text-decoration:underline}
#footer a:hover {text-decoration:none;background:none}
#footer .left p {color:#fff;padding:14px 0 0 26px}
#footer .left p a {color:#fff;text-decoration:underline}

#footer .web {width:270px;float:right;height:105px;background:#5b1d36;padding:0;font-size:13px;color:#fff}
#footer .web p {padding:27px 0 0 19px}
#footer .web ul {list-style-type:none;margin:12px 0 0 19px;padding:0}
#footer .web ul li {display:inline;padding:0 6px 0 0;}

.counter {float:right;margin:48px 19px 0 0;display:inline}
.counter a {display:block}

/*-- FLOAT CLEARING --------------------- */
.clearfix:after {content:".";clear:both;height:0;visibility:hidden;display:block}
.clearfix {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* End hide from IE-mac */

*html .layout {
 width:expression((document.compatMode && document.compatMode == 'CSS1Compat')?(document.documentElement.clientWidth < 1000?"1000px"
:(document.documentElement.clientWidth > 1400?"1400px":"auto")):
(document.body.clientWidth < 1000?"1000px":(document.body.clientWidth > 1400?"1400px":"auto")))