/* global reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,
tr, th, td {
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
table td { vertical-align: top; }
body {
line-height: 1.4;
color: black;
background: white;
}
ul {
list-style:none
}
strong{
font-weight:bold;
}
h1, h2, h3, h4, h5 { font-weight:normal }
table {
border-collapse: collapse;
border-spacing: 0px;
width:100%;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
address { font-style:normal }
/* -------------------------------- */
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
a, a:visited, a:active { text-decoration:underline; color: #659ad6; }
a:hover { text-decoration:none; color: #7fb537; }
/* -------------------------------- */
.mt30 { padding-top:30px!important; }
/* -------------------------------- */
html { font-size:100.1% }
html, body {
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
body {
}
body { background:#fff url('../images/main-bg.jpg') center top no-repeat; font:1em/1.3 Verdana, Arial, Helvetica, sans-serif }
.preloadme .main { background: url(../images/pr1.gif) center 500px no-repeat; }
#head { height:340px; width:900px; margin:0px auto; position:relative; }
#content { padding-bottom:125px; width:906px; margin:0px auto }
#footer { height:85px; width: 100%; position: relative; }
/* -------------------------------- */
/* head */
#head h1 { text-align:center; color:#e5f1ff; font:24px Tahoma, Verdana, Arial; padding-top:8px; }
#head ul.navigation { position:absolute; width:180px; top:92px; left:165px; font:16px Tahoma, Verdana, Arial; }
#head ul.navigation a { text-decoration:none; color:#555753 }
#head ul.navigation a:hover { text-decoration:underline }
#head ul.navigation li { position:relative; height:30px; line-height:30px; }
#head ul.navigation li h2 { padding-left:40px; }
#head ul.navigation li.act span.arrow { position:absolute; left:-29px; top:0px; display:block; width:9px; height:30px; background:url('../images/nav-act.gif'); font-size:0px; }
#head ul.navigation li span.menu { position:absolute; cursor:pointer; left:0px; top:0px; width:180px; height:30px; background:url('../images/main-menu.png') left top repeat-x; line-height:0px; font-size:0px; }
#head ul.navigation li.about span.menu { background-position:0 0px }
#head ul.navigation li.proects span.menu { background-position:0 -30px }
#head ul.navigation li.offering span.menu { background-position:0 -60px }
#head ul.navigation li.interview span.menu { background-position:0 -90px }
#head ul.navigation li.contacts span.menu { background-position:0 -120px }
#head ul.navigation li.contacts span.menu { height:31px; }
#head ul.navigation li.about:hover span.menu { background-position:0 -151px }
#head ul.navigation li.proects:hover span.menu { background-position:0 -181px }
#head ul.navigation li.offering:hover span.menu { background-position:0 -211px }
#head ul.navigation li.interview:hover span.menu { background-position:0 -241px }
#head ul.navigation li.contacts:hover span.menu { background-position:0 -271px }
#head span.logo { display:block; width:130px; height:232px; position:absolute; top:60px; right:235px; background:url('../images/logo2.gif') 0px 0px no-repeat; cursor:pointer}
#head span.logo:hover { background-position:0px -232px; }
/* head book*/
#head .book_menu { height:337px; background:url('../images/book.jpg'); position:relative;}
.book_menu .navigation a.logo { position:absolute; left:72px; top:52px; display:block; width:332px; height:72px; color:#314689; text-decoration:none; font-size:20px; line-height:65px; }
.book_menu .navigation a.logo span { position:absolute; left:0px; top:0px; display:block; width:332px; height:72px; background:url('../images/nav-book/logo.png'); cursor:pointer }
.book_menu .navigation ul.navigation { top:130px!important; left:138px!important; width:179px!important }
.book_menu .navigation ul.navigation li span.menu { background-image:url('../images/nav-book/main-menu.png')!important ; }
.book_menu ul.navigation li.act span.arrow { background:url('../images/nav-book/nav-act.gif')!important; }
.book_menu .photo { position:absolute; right:63px; bottom:42px; width:385px; height:255px; font-size:0px; text-align:left ; overflow: hidden; background-color: #ffffff; background-position: center center; cursor: pointer; }
.book_menu .photo img.wrapper { position:absolute; left:0px; top:0px; }
.book_menu .photoss { width: 800px; height: 255px; overflow: hidden; }
.book_menu .onePhoto { width: 385px; height: 255px; background-position: center center; background-repeat: no-repeat; float: left; }
/* projects */
h2.project { font:30px/30px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#99cc01; text-align:center }
#projects { position:relative; width:906px; margin:0px auto; background:url('../images/proects-bg.gif') center 15px no-repeat; height:235px; }
#projects span.block_header { position:absolute; left:50%; top:11px; margin-left:-53px; font-size:13px; color:#898989; font-weight:bold; font-family:Tahoma }
#projects .project { position:absolute; padding:8px 20px; width:248px; height:122px; top:48px; background:url('../images/project.png') 0px 0px; cursor:pointer }
#projects .project a { text-decoration:underline }
#projects .project:hover a { text-decoration:none }
#projects .project span.header { display:block; font:20px 'Myriad Pro', Tahoma, Verdana, Arial; line-height:20px; color:#606060; margin-bottom:15px; padding-top:5px; width: 230px; }
#projects .project a { font-size:0.63em; position:absolute; left:20px; bottom:12px; }
#projects .project p { font-size:11px; color:#606060}
#projects .project img { float:right }
#projects .first { left:0px; background-position:0px 0px }
#projects .first a { color:#0093ff }
#projects .second { left:308px; background-position:0px -138px; }
#projects .second a { color:#ffb300 }
#projects .third { left:616px; background-position:0px -276px }
#projects .third a { color:#ff3200 }
#projects .first:hover, #projects .first_active { background-position:-288px 0px }
#projects .second:hover, #projects .second_active { background-position:-288px -138px }
#projects .third:hover, #projects .third_active { background-position:-288px -276px }
.sidebar #projects { width:248px!important; height:auto!important; margin:0px!important; padding-top:22px; font-size:1.4em; background:none!important }
.sidebar #projects .project { position:relative; top:0px; left:0px; }
.sidebar #projects span.block_header { display:block; margin:0px; left:0px; position:relative; width:158px; padding-left:90px; background-color:#fff }
.sidebar #projects .separate { width:248px; height:20px; background:url('../images/proects-sep-bg.gif') 143px top repeat-y }
/* content */
#content-wrapper { padding-top:20px; background-color:#fff }
#content-wrapper .content { width:570px; float:left; font:0.75em/1.58em Verdana, Arial, Helvetica, sans-serif; color:#2e3436 }
#content-wrapper .content h2 { color:#e65b0a; font:30px/1em 'Trebuchet MS'; padding-bottom:15px; }
#content-wrapper .content img.corner { float:left; margin:0px 25px 10px 0px; }
#content-wrapper .content p.header { height:22px; background:url('../images/p-header-bg.gif') repeat-x left bottom; color:#fff; font:bold 13px Tahoma, Arial, Helvetica, sans-serif; margin-top:45px; margin-bottom:12px; }
#content-wrapper .content p.header span{ display:block; float:left; background:#659ad6 url('../images/header-bg.png') no-repeat; width:120px; height:22px; line-height:22px; text-align:center }
#content-wrapper .content p.big_header { background:url('../images/p-header-bg.gif') repeat-x left 24px; color:#fff; font:bold 13px Tahoma, Arial, Helvetica, sans-serif; margin-top:45px; margin-bottom:12px; }
#content-wrapper .content p.big_header span { font:30px/30px 'Trebuchet MS', Arial, Verdana; color:#659ad6; background-color:#fff; padding-right:2px; }
#content-wrapper .content span.more { display:block; text-align:right; background:url('../images/p-header-bg.gif') left 10px repeat-x; font-size:12px; height:16px; line-height:16px; margin-top:8px; }
#content-wrapper .content span.more a { color:#659ad6; padding-left:10px; background:#fff url('../images/more.gif') left 7px no-repeat; }
/* text blocks */
div.article {}
div.interview {}
div.about_project {}
div.interview p { text-indent:10px; }
div.interview strong.question { color:#659ad6 }
.grayh2 h2 { font:18px/18px 'Trebuchet MS', Arial, Verdana!important; color:#636363!important }
div.about_project h3 { color:#e65b0a; font:30px/1em 'Trebuchet MS'; padding-bottom:15px; }
div.about_project h4 { font:20px/20px 'Trebuchet MS', Arial, Verdana!important; color:#2e3436!important; padding-top:10px; margin-bottom:10px }
div.about_project p { margin-bottom:20px}
/* news */
#content-wrapper .content #news dl { margin-bottom:30px; }
#content-wrapper .content #news dt { padding-left:15px; font-size:0.9em; color:#555; font-weight:bold; background:url('../images/marker-news.gif') 4px center no-repeat }
#content-wrapper .content #news dd a { color:#659ad6; font-weight:bold; font-size:1.1em!important }
#content-wrapper .content #news dd a:hover { color:#7fb537 }
#content-wrapper .content #news dd { margin:5px 0 15px 0; padding-left:25px; }
#content-wrapper .content #news dd.news { margin:0 }
/* faq */
#content-wrapper .content #faq h2 { font:20px/30px Tahoma; color:#555 }
#content-wrapper .content #faq dl { margin-bottom:30px; }
#content-wrapper .content #faq dt { font-size:0.9em; color:#babdb6; margin-bottom:5px; }
#content-wrapper .content #faq dt strong { font-weight:normal; color:#e65b0a }
#content-wrapper .content #faq dd { padding-left:20px; margin:5px 0px }
#content-wrapper .content #faq dd.question p { background-color:#dcecfd; padding:10px; }
#form { width:505px; padding-left:35px; height:247px; padding-top:12px; background:url('../images/form-bg.png') no-repeat; margin-top:40px; margin-left:20px; color:#464646 }
#form h2 { font:20px Tahoma!important; color:#fff!important; padding-bottom:10px!important; margin-top: 5px; }
#form input.submit { margin-left:150px; padding:2px 5px; border:0px; text-align:center; width:92px; background-color:#a1a1a1; cursor:pointer }
#form input.submit:hover { background-color:#659ad6; color:#fff }
p.textarea { height:90px }
p.textarea textarea { position:absolute; left:150px; border:1px solid #a1a1a1; height:85px; width:290px }
#form p { position:relative; margin:8px 0px; }
#form input.text { position:absolute; left:150px; top:0px; width:290px; border:1px solid #a1a1a1 }
#form input.text:hover,
#form textarea:hover { border:1px solid #464646 }
/* submenu */
#submenu { background:url('../images/submenu-bg.gif') 0px 0px repeat-x; font-size:13px; font-family:Tahoma, Arial, Verdana; width:900px; }
#submenu .submenu_wrapper { background:url('../images/submenu-bg.gif') left -50px no-repeat; }
#submenu .submenu_wrapper2 { background:url('../images/submenu-bg.gif') right -100px no-repeat; height:50px;}
#submenu ul { margin-left:20px; }
#submenu li { display:block; height:50px; float:left; margin:0px 5px; background:url('../images/submenu-bg.gif') right -150px repeat-x; }
#submenu li.act { background:url('../images/submenu-bg.gif') right -200px repeat-x; }
#submenu li h2,
#submenu li h3 { padding-left:20px; float:left; height:50px; min-width:90px; background:url('../images/submenu-bg.gif') left -250px no-repeat; text-align:center }
#submenu li span,
#submenu li a { display:block; float:left; height:30px; padding-top:20px; padding-right:20px; background:url('../images/submenu-bg.gif') right -300px no-repeat; min-width:90px;}
#submenu li a { color:#659ad6; text-decoration:underline }
#submenu li a:hover { text-decoration:none; color:#7fb537 }
#submenu li span { color:#4b5a77 }
/* sidebar */
#content-wrapper .sidebar { margin-left:618px; font:0.69em/1.45em Tahoma, Arial, Helvetica, sans-serif; }
#content-wrapper .sidebar .side_block h2 { color:#fff; font:30px/28px 'Trebuchet MS', Arial, Helvetica, sans-serif; margin-bottom:12px; }
#content-wrapper .sidebar .side_block p.more { text-align:right }
#content-wrapper .sidebar .side_block p.more a { color:#5674b9; background:url('../images/marker-a.gif') left center no-repeat; padding-left:12px; }
#content-wrapper .sidebar .side_block p.more a:hover { color:#555; }
/* news, events */
#content-wrapper .sidebar #news { width:286px; background:url('../images/news-block-bg.png') -286px 0px repeat-y; }
#content-wrapper .sidebar #news .news_wrapper { background:url('../images/news-block-bg.png') 0px 0px no-repeat; padding-top: 15px; }
#content-wrapper .sidebar #news .news_wrapper2 { background:url('../images/news-block-bg.png') -572px bottom no-repeat; padding:24px 35px 30px 30px;}
#content-wrapper .sidebar #news dl { margin-bottom:20px; }
#content-wrapper .sidebar #news dt { color:#555; font-weight:bold }
#content-wrapper .sidebar #news dd { margin:3px 0px }
#content-wrapper .sidebar #news dd a { color:#5674b9; font-weight:bold }
#content-wrapper .sidebar #news dd a:hover { color:#363636; }
#content-wrapper .sidebar #news dd.news { color:#fff; padding-left:10px; }
/* top list, pictures */
#content-wrapper .sidebar #top_list { width:286px; background:url('../images/top-list-block-bg.png') -286px 0px repeat-y; margin-top:22px; }
#content-wrapper .sidebar #top_list .top_list_wrapper { background:url('../images/top-list-block-bg.png') 0px 0px no-repeat; }
#content-wrapper .sidebar #top_list .top_list_wrapper2 { background:url('../images/top-list-block-bg.png') -572px bottom no-repeat; padding:24px 35px 30px 30px;}
#content-wrapper .sidebar #top_list ul { margin:0px 0px 20px 12px; }
#content-wrapper .sidebar #top_list ul li { background:url('../images/marker-li.gif') left center no-repeat; padding-left:15px; margin:10px 0px; font-size:12px; color:#363636 }
#top_list dl.picture { text-align:center; color:#fff }
#top_list dl.picture img { border:6px solid #ebebeb }
#top_list dl.picture dt { margin-bottom:10px; }
#top_list dl.picture dd { text-align:left; margin:3px 0px }
#top_list dl.picture dd a { color:#5674b9 }
#top_list dl.picture dd a:hover { color:#555 }
#top_list dl.picture dd strong { color:#555 }
/* galery */
.galery h3 { font:20px Tahoma, Arial, Verdana!important; color:#707070!important; margin-bottom:15px; }
.galery dl { width:280px; float:left; color:#606060; font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; cursor:pointer }
.galery td { padding-bottom: 25px; }
.galery a img { border:13px solid #e4eff4 }
.galery a:hover img { border:13px solid #7d7d7d }
.galery dl dt { margin-bottom:4px; text-align: center; }
.galery dl dd { padding-left:10px; text-align: center; text-decoration: none !important; }
.galery a { text-decoration: none !important; }
.sidebar .galery { color:#707070; font-size:1.1em; }
.sidebar .galery h2 { color:#e65b0a; font:30px/1em 'Trebuchet MS'; padding-bottom:15px; }
.sidebar .galery ul { margin-bottom:55px; }
.sidebar .galery li { margin:12px 0px; padding-left:17px; background:url('../images/marker-li2.gif') 3px 4px no-repeat; }
.sidebar .galery a { color:#659ad6 }
.sidebar .galery a:hover { color:#7fb537 }
.galery-but { display:block; background:url('../images/galery-but.png') 0px 0px no-repeat; height:36px; line-height:36px; width:210px; padding-left:36px; margin-bottom:50px; }
.galery-but:hover { background:url('../images/galery-but.png') 0px -36px no-repeat; color:#fff!important }
.sidebar .galery .paspartu { width:200px; margin-left:25px; }
.sidebar .galery .paspartu div { width:39px; height:39px; padding-left:9px; padding-top:9px; border:1px solid #fff; float:left; cursor:pointer; }
.sidebar .galery .paspartu p { margin-bottom:5px; }
.sidebar .galery .paspartu div:hover { width:39px; height:39px; padding-left:9px; padding-top:9px; border:1px solid #d7d7d7; cursor:pointer; }
.sidebar .galery .paspartu div span { display:block; width:30px; height:30px; float:left; }
.sidebar .galery .paspartu div.color1 span { background-color:#e4eff4 }
.sidebar .galery .paspartu div.color2 span { background-color:#f4e4e6 }
.sidebar .galery .paspartu div.color3 span { background-color:#f4f1e4 }
.sidebar .galery .paspartu div.color4 span { background-color:#e4f4e4 }
.galery a img { border: 13px solid #e4eff4; }, .color1 .galery a img { border: 13px solid #e4eff4; }
.color2 .galery a img { border: 13px solid #f4e4e6; }
.color3 .galery a img { border: 13px solid #f4f1e4; }
.color4 .galery a img { border: 13px solid #e4f4e4; }
body .MultiBoxContainer, body.color1 .MultiBoxContainer { border-color: #e4eff4; }
body.color2 .MultiBoxContainer { border-color: #f4e4e6; }
body.color3 .MultiBoxContainer { border-color: #f4f1e4; }
body.color4 .MultiBoxContainer { border-color: #e4f4e4; }
body .MultiBoxControls, body.color1 .MultiBoxControls { background-color: #e4eff4; }
body.color2 .MultiBoxControls { background-color: #f4e4e6; }
body.color3 .MultiBoxControls { background-color: #f4f1e4; }
body.color4 .MultiBoxControls { background-color: #e4f4e4; }
/* pages */
.pages { text-align:center; padding-top:10px; }
.pages a,
.pages span { margin:0px 3px; padding:2px 5px; color:#babdb6 }
.pages span.act { background-color:#659ad6; color:#fff }
.pages a { color:#659ad6; }
.pages a:hover { color:#e65b0a }
/* footer */
#footer { background:#f7f9fb url('../images/footer-bg.gif') repeat-x; font:11px/85px Tahoma, Verdana, Arial; color:#888a85 }
#footer .wrapper { width:890px; margin:0px auto }
#footer ul.navigation { position:absolute; left:50%; margin-left:-230px; width:480px; top:0px; }
#footer ul.navigation li,
#footer ul.navigation h2 { display:inline }
#footer ul.navigation li { padding:0px 15px; }
#footer ul.navigation a { color:#5674b9; text-decoration:underline }
#footer ul.navigation a:hover { color:#7fb537; text-decoration:none }
/**************************************************************
MultiBox
v1.3
**************************************************************/
.MultiBoxContainer {
position: absolute;
border: 20px solid #000;
background-color: #FFF;
display: none;
z-index: 2;
text-align: left;
/*overflow: hidden;*/
}
.MultiBoxLoading {
background: url(../images/loader.gif) no-repeat center;
}
.MultiBoxContent {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.MultiBoxClose {
position: absolute;
top: -26px;
right: -26px;
background: url(../images/close.png) no-repeat;
width: 24px;
height: 24px;
cursor: pointer;
}
.MultiBoxControlsContainer {
overflow: hidden;
height: auto;
position: relative;
display: none;
}
.showc .MultiBoxControlsContainer { display: block!important; }
.showc { height: auto!important; width: auto!important; }
.MultiBoxControls {
width: 100%;
height: auto;
position: relative;
background-color: #000000;
}
.MultiBoxPrevious {
float: left;
background: url(../images/left.png) no-repeat !important;
width: 24px;
height: 24px;
left: 0px;
margin-top: 5px;
cursor: pointer;
}
.MultiBoxNext {
float: right;
background: url(../images/right.png) no-repeat;
width: 24px;
height: 24px;
right: 0px;
margin-top: 5px;
cursor: pointer;
}
.MultiBoxNextDisabled {
cursor: default;
background: url(../images/rightDisabled.png) no-repeat;
}
.MultiBoxPreviousDisabled {
cursor: default;
background: url(../images/leftDisabled.png) no-repeat;
}
.MultiBoxTitle {
position: relative;
margin: 10px 0 0 35px;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
font-weight: bold;
text-align: left;
}
.MultiBoxNumber {
position: relative;
width: 50px;
margin: 10px 35px 0 0;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
text-align: right;
}
.MultiBoxDescription {
clear: left;
position: relative;
margin: 0 35px 0 35px;
padding-top: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
text-align: left;
}
.voteajax { margin: 10px auto 0px; width: 300px; }
.voteajax .like, .voteajax .dislike { display: block; width: 135px; height: 30px; background: url(../images/like.jpg) no-repeat; float: left; text-indent: -10000px; margin-left: 0px; cursor: pointer; }
.voteajax .dislike { background-position: 0px -30px; margin-left: 30px !important; }
.voteload { display: block !important; height: 50px; background: url(../images/pr3.gif) center center no-repeat; }
.voteload a { visibility: hidden !important; }
.voteresponse { margin-top: 10px; font-size: 11px; color: black; line-height: 18px; margin-left: 36px; }
/* .voteresponse a { display: none; } */
.galery .novote dl dd { display: none; }
.reqresult { display: none; }
.cresp form { display: none; }
.cresp .reqresult { display: block; }
.thebook { background: url(/images/book2.jpg) left top no-repeat; width: 752px; height: 482px; overflow: hidden; margin: 0px auto; }
.thebook .onepage { float: left; width: 252px; padding: 67px 38px 0 84px; height: 355px; overflow: hidden; }
.thebook .onepage p { font-family: Georgia, "Nimbus Roman No9 L", serif; font-size: 15px; color: #653c15; margin-bottom: 15px !important; }
.thebook .onepage p span { margin-left: -15px; }
.thebook .rightpage { padding: 67px 71px 0 48px !important; }
.thebook .bookNav { display: block; float: left; padding: 0px 65px; height: 30px; width: 617px; }
.thebook .bookNav div, .thebook .bookNav a { float: left; }
.thebook .bookNav .arrLeft, .thebook .bookNav .arrRight { display: block; float: left; width: 22px; height: 16px; background-repeat: no-repeat; background-image: url(/images/arrbook.gif); overflow: hidden; }
.thebook .bookNav .arrLeft:hover { background-position: 0px -16px; }
.thebook .bookNav .arrRight { float: right !important; background-position: -22px 0px; }
.thebook .bookNav .arrRight:hover { background-position: -22px -16px; }
.thebook .bookNav .pagenum { width: 237px; text-align: center; margin-right: 96px; font-family: Georgia, "Nimbus Roman No9 L", serif; font-size: 15px; color: #653c15; }
.photorama { width: auto; margin: 0px auto 20px; }
.photorama img { vertical-align: bottom; }
.photorama .r1 td i { display: block; height: 32px; width: 32px; }
.photorama .r1 .d1 { background: url(/images/ramaCrn.jpg); }
.photorama .r1 .d2 { background: url(/images/ramax.jpg) right top repeat-x; }
.photorama .r1 .d3 { background: url(/images/ramaCrn.jpg) -32px 0px no-repeat; }
.photorama .r2 .d1 { background: url(/images/ramay.jpg) left bottom repeat-y; }
.photorama .r2 .d3 { background: url(/images/ramay.jpg) -32px bottom repeat-y; }
.photorama .r3 td i { display: block; height: 32px; width: 32px; }
.photorama .r3 .d1 { background: url(/images/ramaCrn.jpg) 0px -32px no-repeat; }
.photorama .r3 .d2 { background: url(/images/ramax.jpg) right bottom repeat-x; }
.photorama .r3 .d3 { background: url(/images/ramaCrn.jpg) -32px -32px no-repeat; }