/*--------------------------------------------------------------------------
[client] Screen Stylesheet

author:Anton Ivanov [site-creator]
email:site-creator@mail.ru
icq:3355666
website:www.site-creator.info
-----------------------------------------------------------------------------*/

/* Tags
--------------------------------------- */
* { margin:0; padding:0; }
html { height:100%; }
body { height:auto !important; height:100%; min-height:100%; position:relative; background:#fff; font:12px tahoma,verdana,sans-serif; color:#333; }
img { border:0; vertical-align:top; }
img.f_left { margin-right:15px; }
img.f_right { margin-left:15px; }
hr { border:none; border-top:1px solid gray; height:0; background: gray; }

/*--- Links --------------------------- */
*:focus { outline:none; }
a { cursor:pointer; color:#365A81; text-decoration:underline; }
a:hover { text-decoration: none; }

/*--- Text --------------------------- */
p { margin-bottom:15px; }
li { list-style:none; }
ol li { list-style:decimal; list-style-position:inside; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
blockquote { padding:30px; }
acronym { cursor:help; border-bottom: 1px dashed #0065C6; }

/*--- Table --------------------------- */
table { border-collapse:collapse; width:100%; }
caption,th,td { text-align:left; font-weight: normal; }

/*--- Forms -------------------------- */
fieldset { border:0; }
label { display:block; vertical-align:middle; }
label * { vertical-align:middle; }
input.text_field,select,textarea { vertical-align:middle; padding:3px 4px 4px 8px; border:1px solid #C1C1C1; font:normal 10px Verdana,sans-serif; color:#597CA4; }
input.text_field { background:url(/site/images/text_field.gif) no-repeat; border:0; width:107px; }
textarea { vertical-align:top; line-height:1.2em; height:100px; width:50%; display:block; }
input.button { width:auto; cursor:pointer; border:1px solid #B3C9E1; padding:2px 6px 3px 6px; background:#fff; color:#A66898; font:bold 10px tahoma;margin-bottom:1px }
html:root input.button { padding: 1px 3px 2px 3px; }

/*--- Headings ----------------------- */
h1,h2,h3,h4,h5,h6,.head { font:normal 14px tahoma; color:#2E2F31; text-transform:uppercase; margin:15px 0 15px 0; display:block; }
.main_head { color:#2E2F31; font-size:18px; text-transform:none; margin: 13px 0 13px 0; }

/*--- Main laws ---------------------------- */
.clear { clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.rubber { width:100%; float:left; }
.f_left { float:left; }
.f_right { float:right; }
.coll50 { float:left; width:50%; }
.img_repl { text-indent:-9999px; overflow:hidden; display: block; }

/* Layouts
--------------------------------------- */
#wrap { width:972px; padding:0 0 6px 31px; margin: 0 auto; }

#head { height:100px; position:relative; padding-left:194px; margin-bottom:4px; margin-right:33px; overflow:hidden; }
#logo { position:absolute; left:0; top:20px; overflow:hidden; text-indent:-99999px; display:block; width:136px; height:57px; background: url(/site/images/logo.png) no-repeat; }
#logo2 { position:absolute; right:0; top:1px; overflow:hidden; text-indent:-99999px; display:block; width:136px; height:63px; background:url(/site/images/logo2.png) no-repeat  left 9px;}

#head_nav_wrap { float:left; width:379px; height:94px; border-top:3px solid #597BA6; padding-top:3px; }
#head_nav_wrap ul { height:94px; border-right:1px solid #B4C9DD; float:left; }
#head_nav_wrap ul li { float:left; position:relative; top:-3px; overflow:hidden; }
#head_nav_wrap ul li:hover,#head_nav_wrap ul li.hover,#head_nav_wrap ul li.active { background: url(/site/images/li.gif) no-repeat 3px 0; }

#usability_nav { border-left:1px solid #B4C9DD; width:138px; padding-left:56px; }
#usability_nav li { width:11px; height:10px; padding:39px 18px 0 0; }
#usability_nav li a { display:block; overflow:hidden; text-indent:-99999px; width:11px; height:10px; background:#587CA5 url(/site/images/usability_nav.gif) no-repeat; }
#usability_nav li#map a { background-position:-11px 0; }
#usability_nav li#feedback a { background-position:-22px 0; }
#usability_nav li:hover a,#usability_nav li.hover a,#usability_nav li.active a { background-color: #A66898; }

#lang { width:133px; padding-left:49px; }
#lang li { width:27px; height:12px; text-align:center; padding:39px 0 0 0; font-size:10px; background-position:50% 0 !important; }
#lang li a { text-decoration:none; }
#lang li a:hover { color: #A66898; }

#search { float:left; padding:39px 0 0 22px; }
#search input { float:left; }
#search .text_field { width:103px; }
#search_submit { width:19px; height:19px; background:url(/site/images/search_submit.gif) no-repeat; overflow:visible; display:block; border:none; cursor: pointer; }

#top_bar { clear:both; overflow:hidden; border-right:11px solid #ADBC72; padding:0 5px 0 576px; background:url(/site/images/top_bar_bg.gif) no-repeat 573px 20px; position:relative; }
#top_bar_content { padding:20px 7px 24px 20px; border-top:1px solid #B3C9E1; border-bottom:1px solid #B3C9E1; line-height:15px; min-height:172px; overflow:hidden; }


.more { margin-bottom:4px; clear:both; }
.more a { color:#B177A4; display:block; float:left; width:auto; padding-right:20px; background:url(/site/images/more.gif) no-repeat right 1px; padding-bottom: 3px; }

#hands { border:1px solid #5D80A7; background:url(/site/images/hands.jpg) no-repeat; position:absolute; top:0; left:194px; width:182px; height:217px; }
#hands2 { border-bottom:1px solid #5D80A7; position:absolute; bottom:0; left:194px; width:182px; height: 20px; }

.top_bar_menu { background:#A66898 url(/site/images/main_menu_bg.jpg) no-repeat; position:absolute; left:0; top:0; padding:12px 10px 0 15px; height:9999px; width:159px; }
.top_bar_menu li { padding:2px 0 7px 18px; background:url(/site/images/main_menu_li.gif) no-repeat 0 6px; }
.top_bar_menu li a { color:#fff; text-decoration:none; }
.top_bar_menu li a:hover { text-decoration:underline; }
.top_bar_menu li.active { background-image:url(/site/images/main_menu_li_active.gif); color:#FFC903; }
.top_bar_menu li.active a { color: #FFC903; }

#sub_menu { background:#FFCB05 url(/site/images/sub_menu_bg.jpg) no-repeat; position:absolute; left:389px; }
#sub_menu li { background-image:url(/site/images/sub_menu_li.gif); }
#sub_menu li a { color: #382D35; }

#sidebar_left { float:left; width:176px; background:url(/site/images/sidebar_left_bg.gif) no-repeat 11px 0; font-size:11px; padding:2px 10px 0 8px; margin-right:-194px; position:relative;}
#sidebar_left .more a { padding-right: 15px; }

#auth { padding-top:22px; font-size:10px; width:162px; clear:both; }
#auth .text_field { display:block; margin-bottom:6px; }
#auth label { text-transform:uppercase; color:#2E2F31; padding-bottom:10px; }
#auth a { color: #A66897; }

.banners { padding-top: 42px; }

#main { margin-top:2px; border-left: 1px solid #B4C9DD; margin-left:194px; padding-right:3px; }

#news_wrap { width:377px; float:left;  border-left:1px solid #B4C9DD; border-right:1px solid #B4C9DD; margin-right:-1px; margin-left:-1px; }
#news_wrap .inner { padding:0 13px 35px 18px; }
.news dt { font-size:10px; }
.news dd { padding-bottom:16px; }
.all_news { margin:0; }
.all_news a { color:#A66897; padding-right:8px; font-size:10px; background: url(/site/images/all_news.gif) no-repeat right 5px; }

#projects_wrap { width:50%; float:left; border-left:1px solid #B4C9DD; margin-right:-2px; }
#projects_wrap .inner { padding:0 16px 35px 23px;  }
.projects { padding-bottom:16px; }
.projects li { width:81px; float:left; }
.projects li a { display:block; padding:64px 0 0 0; width:81px; color:#2E2F31; text-decoration:none; }
.projects li a:hover { text-decoration:underline; }
.projects li#prj1 a { background:url(/site/images/prj1.png) no-repeat; }
.projects li#prj2 a { background:url(/site/images/prj2.png) no-repeat; }
.projects li#prj3 a { background:url(/site/images/prj3.png) no-repeat; }
.projects li#prj4 a { background:url(/site/images/prj4.png) no-repeat; }
.projects li#prj4 { width: 84px; }

.banners2 { padding:16px 0 6px 0;}
.banners2 img { float:left; margin: 0 23px 10px 0; }

/*--- Footer -------------------------- */
#footer_wrap { padding-top:6px; clear: both;}

#fot_banners { float:left; width:182px; padding: 25px 0 0 12px; margin-right:-194px; position:relative; }
#fot_content { margin-left:194px;}

#fot_contacts { width:379px; float:left; border-top:4px solid #587CA4; padding:6px 0 0 0; }
#fot_contacts .inner { padding:12px 17px 15px 17px; border-left:1px solid #B4C9DD; border-right:1px solid #B4C9DD; }
#fot_contacts .head { margin: 0 0 12px 0; }

#web_studio { width:50%; float:left;   padding-top:1px; color:#666; font-size:11px; }
#web_studio .inner { margin:1px 16px 0 3px; padding:46px 32px 0 17px; border-top:1px solid #B4C9DD; }
#studio_logo { float:right; display:block; width:98px; height:33px; padding-left:42px; text-decoration:none; color:#587CA5; background:url(/site/images/studio_logo.png) no-repeat; }
#studio_logo:hover { text-decoration: underline; }

/* sub page
--------------------------------------- */
#text_content { width:68%; float:left; border-left:1px solid #B4C9DD; border-right:1px solid #B4C9DD; margin-right:-1px; margin-left:-1px; }
#text_content .inner { padding:0 18px 20px 18px;  }
#text_content ul li{list-style-type:disc;}
.inner img{float: left;margin:5px;}

#sidebar_right { width:32%; float:left; border-left: 1px solid #B4C9DD; margin-right:-3px; }
#sidebar_right .inner { padding:0 0 20px 13px; }
#sidebar_right .banners { padding-top: 23px; }

.content_nav { margin-bottom:22px; }
.content_nav li { display:inline; padding-right:8px; margin-right:12px; background:url(/site/images/all_news.gif) no-repeat right 6px; }
.content_nav li a { font:bold 11px tahoma; color: #2968AF; }

.list li { padding:0 0 14px 30px; background: url(/site/images/marker.gif) no-repeat 16px 4px; }


#sub_page #footer_wrap { background:url(/site/images/footer_bg.gif) no-repeat 212px 0; }
#sub_page #content { background: url(/site/images/content_bg.gif) no-repeat 212px bottom; }

/*--- HasLayout --------------------- */
#wrap,#content,#main,#sidebar,#sidebar_left,#sidebar_right,#footer_wrap,.clear,.rubber,label,.w50,.more,#top_bar_content,.all_news,.projects,.banners2,.inner { overflow: hidden; }
.tt td {white-space:nowrap;}