/*
HTML&CSS by Elman Vebs [pompey] icq: 239005283, skype: pompey_1, email: pompey@elmanvebs.ru
http://www.weblancer.net/users/pompey/
Cell in Ukraine: +38093 47-92-722
*/
/* MAIN STYLE SHEETS */

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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: 0; padding: 0; border: 0; text-decoration: none; outline: 0; }

/* page start */
html, body { height: 100%; width: 100%; background: url(../images/page_bg.png) repeat-x #f7f7f7; font-family: Arial, Tahoma, Verdana; }
table, tr, td { border-collapse:	collapse; border-spacing: 0px; }
img { border: 0px; }
p { padding-top: 10px; }
ul li { list-style: none; }
/* page end */

/* wrapper */
#wrapper { width: 955px; margin-left: auto; margin-right: auto; }

/* top */
#top { float: left; width: 955px; height: 10px; padding-top: 12px; }
#top .tmenu { float: right; font-size: 11px; color: #919191; }
#top .tmenu li { float: left; background: url(../images/top_li.png) no-repeat right; padding-left: 10px; padding-right: 10px;  }
#top .tmenu li a { color: #919191; }
#top .tmenu li a:hover { text-decoration: underline; }
#top .tmenu li.last { background: none; padding-right: 0px; }

/* header */
#header { float: left; width: 955px; padding-top: 10px; }
#header .logo { float: left; width: 244px; height: 50px;}
#header .title { float: left; width: 401px; height: 50px; }

/* search */
#search { float: right; width: 234px; padding-top: 18px; }
#search .field { float: left; width: 170px; height: 16px; background: url(../images/search_bg.png) no-repeat; padding-top: 6px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; }
#search .input { width: 153px; height: 13px; line-height: 11px; font-size: 11px; color: #888888; border: 0px; margin-left: 17px; }
#search .submit { float: left; width: 50px; height: 25px; padding-left: 4px; }
#search .button { width: 50px; height: 25px; line-height: 25px; font-size: 11px; color: #ffffff; background: url(../images/search_button.png) no-repeat; border: 0px; cursor: pointer; }

/* horizontal menu */
#hmenu_area { float: left; width: 955px; height: 32px; padding-top: 22px; border-bottom: 3px solid #f68428; }
#hmenu_links { position: relative; width: 955px; height: 32px; }
#hmenu { position: absolute; top: 0; left: 0; width: 955px; height: 32px; background: url('../images/hmenu.png') no-repeat; }
#hmenu li { position: absolute; left: 0; height: 32px; }
	#hmenu #main { width: 93px; left: 0px; }
	#hmenu #about { width: 111px; left: 93px; }
	#hmenu #objects { width: 131px; left: 204px; }
	#hmenu #services { width: 177px; left: 335px; }
	#hmenu #testimonials { width: 151px; left: 512px; }
	#hmenu #news { width: 87px; left: 663px; }
	#hmenu #publications { width: 106px; left: 750px; }	
	#hmenu #contacts { width: 99px; left: 856px; }	
#hmenu li a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 32px; text-indent: -999999px; }

/* slideshow */
#slideshow { float: left; position: relative; width: 955px; height: 240px; }
.lof-slidecontent{ position: relative; width: 955px; height: 240px; }
.lof-slidecontent .preload{ height: 240px; width: 955px; position: absolute; top: 0; left: 0; z-index: 10000; text-align: center; background: #fff; }
.lof-slidecontent .preload div{ height: 240px; width: 955px; background: transparent url(../images/ajax-loader.gif) no-repeat scroll 50% 50%; }
.lof-main-outer{ position: relative; height: 240px; width: 955px; z-index: 3px; overflow: hidden; }

/*******************************************************/
.lof-main-item-desc { position: absolute; top: 0px; left: 75px; width: 200px; height: 200px; font-size: 12px; color: #333333; z-index: 100; background: url(../images/bg_trans.png); /* filter:0.7(opacity:60) */ padding-top: 20px; padding-left: 23px; padding-right: 22px; padding-bottom: 20px; }
.lof-main-item-desc p.text { font-size: 11px; color: #333333; padding-top: 18px; line-height: 1.5; }
.lof-main-item-desc a { font-size: 11px; color: #333333; }
.lof-main-item-desc a:hover { cursor: pointer; text-decoration: underline; }

/* main flash */
ul.lof-main-wapper{ /* margin-right:auto; */ overflow: hidden; background: transparent url(../images/ajax-loader.gif) no-repeat scroll 50% 50%; padding: 0px; margin: 0; position: absolute; overflow: hidden; }
ul.lof-main-wapper li{ overflow: hidden; padding: 0px; margin: 0px; float: left; position: relative; }
.lof-opacity { overflow: visible !important; position: absolute !important; }
.lof-opacity  li{ position: absolute  !important; top: 0; left: 0; float: inherit !important; }
ul.lof-main-wapper li img{ padding: 0px; }

/* item navigator */
.lof-navigator-wapper { position: absolute; left: 28px; top: 40px; }
.lof-navigator-outer{ float: left; position: relative; z-index: 100; width: 24px; height: 170px; }
ul.lof-navigator{ top: 0; padding: 0; margin: 0; position: absolute; width: 24px; }
ul.lof-navigator li{ float: left; width: 24px; height: 24px; display: block; font-family: Tahoma, Arial, Verdana; padding-top: 5px; padding-bottom: 4px; font-size: 11px; color: #e2e2e2; background: url(../images/navigator.png) no-repeat 0 -24px; text-align: center; cursor: hand; cursor: pointer; margin-bottom: 10px; }
ul.lof-navigator li.active , ul.lof-navigator li:hover { color: #e2e2e2; font-weight: bold; background-position: 0 0; }

/* slider new */
.wt-rotator{ font-size: 12px; color: #333333; background-color: #ffffff; position: relative; width: 955px; height: 240px; overflow: hidden; }
.wt-rotator a{ outline: none; }
.wt-rotator .screen{ position: relative; top: 0; left: 0; width: 955px; height: 240px; overflow: hidden; }
.wt-rotator #strip{ display: block; position: absolute; top: 0; left: 0; z-index: 0; overflow: hidden; }
.wt-rotator .content-box{ display: none; position: absolute; top: 0; left: 0; overflow: hidden; }
.wt-rotator .main-img{ display: none; position: absolute; top: 0; left: 0; z-index: 0; border: 0; }
.wt-rotator .preloader{ position: absolute; top: 50%; left: 50%; width: 36px; height: 36px; margin-top: -18px; margin-left: -18px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #ffffff url(../images/ajax-loader.gif) center no-repeat; background: url(../images/ajax-loader.gif) center no-repeat #ffffff; z-index: 4; display: none; }
.wt-rotator #timer{ position: absolute; left: 0; height: 3px; background-color: #FFF; -moz-opacity: .5; filter: alpha(opacity=50); opacity: 0.5; z-index: 4; visibility: hidden; font-size: 0; }
.wt-rotator .desc{ color: #000; position: absolute; color: #FFF; z-index: 6; overflow: hidden; visibility: hidden; text-align: left; }
.wt-rotator .inner-bg{ position: relative; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; -moz-opacity: .8; filter: alpha(opacity=80); opacity: .8; z-index: 0; }
.wt-rotator .inner-text{ position: absolute; top: 0; left: 0; padding: 10px; width: auto; height: auto; z-index: 1; }
.wt-rotator .c-panel{ position: absolute; top: 0; z-index: 7; visibility: hidden; padding-left: 16px; padding-top: 35px; }
.wt-rotator .outer-hp,
.wt-rotator .outer-vp{ position: absolute; background: #333; background: -moz-linear-gradient(#444, #111); background: -webkit-gradient(linear, 0 top, 0 bottom, from(#444), to(#111)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#111111',GradientType=0); border: 1px solid #000; }
.wt-rotator .outer-hp{ left: 0; width: 100%; border-left: none; border-right: none; }
.wt-rotator .outer-vp{ top: 0; height: 100%; border-top: none; border-bottom: none; }
.wt-rotator .back-scroll,
.wt-rotator .fwd-scroll{ position: absolute; top: 0; left: 0; z-index: 10; background: url(../images/spacer.png) no-repeat; }
.wt-rotator .thumbnails, .wt-rotator .buttons{ display: inline; position: relative; float: left; overflow: visible; }
.wt-rotator .thumbnails ul{ position: relative; list-style: none; margin: 0; padding: 0; }
.wt-rotator .thumbnails ul.inside{ position: absolute; top: 0; left: 0; }
.wt-rotator .thumbnails li, .wt-rotator .play-btn, .wt-rotator .prev-btn, .wt-rotator .next-btn{ position: relative; width: 24px; height: 24px; display: block; font-family: Tahoma, Arial, Verdana; padding-top: 0px; padding-bottom: 3px; font-size: 11px; color: #e2e2e2; background: url(../images/nav_none.png) no-repeat !important; text-align: center; cursor: hand; cursor: pointer; margin-bottom: 8px; }
.wt-rotator .thumbnails li.thumb-over{ color: #e2e2e2; font-weight: bold; background: url(../images/nav_hover.png) no-repeat !important; }
.wt-rotator .thumbnails li.curr-thumb{ color: #e2e2e2; font-weight: bold; background: url(../images/nav_hover.png) no-repeat !important; }
.wt-rotator .thumbnails li.image{ background: #000; }
.wt-rotator .thumbnails li.image.curr-thumb,
.wt-rotator .thumbnails li.image.thumb-over{ border-color: #06F; }
.wt-rotator .thumbnails li.image a{ display: block; border: 0; }
.wt-rotator .thumbnails li.image img{ display: block; border: 0; position: absolute; -moz-opacity: .85; filter: alpha(opacity=85); opacity: 0.85; }
.wt-rotator .thumbnails li.image.thumb-over img{ -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; }
.wt-rotator .thumbnails li.image.curr-thumb img{ -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; cursor: default; }
.wt-rotator .thumbnails li *{ display: none; }
.wt-rotator .thumbnails li div{ position: relative; color: #FFF; background-color: #ccc; width: auto; height: auto; }
.wt-rotator .button-over{ background-color: #CCC !important; }
.wt-rotator .play-btn{ background: #000 url(../images/play.png); background: url(../images/play.png), -moz-linear-gradient(#333, #000); background: url(../images/play.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000)); }
.wt-rotator .play-btn.button-over{ background: url(../images/play.png), -moz-linear-gradient(#DDD, #BBB); background: url(../images/play.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#DDD), to(#BBB)); }
.wt-rotator .pause{ background: #000 url(../images/pause.png); background: url(../images/pause.png), -moz-linear-gradient(#333, #000); background: url(../images/pause.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000)); }
.wt-rotator .pause.button-over{ background: url(../images/pause.png), -moz-linear-gradient(#DDD, #BBB); background: url(../images/pause.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#DDD), to(#BBB)); }
.wt-rotator .prev-btn{ background: #000 url(../images/prev.png); background: url(../images/prev.png), -moz-linear-gradient(#333, #000); background: url(../images/prev.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000)); }
.wt-rotator .prev-btn.button-over{ background: url(../images/prev.png), -moz-linear-gradient(#DDD, #BBB); background: url(../images/prev.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#DDD), to(#BBB)); }
.wt-rotator .next-btn{ background: #000 url(../images/next.png); background: url(../images/next.png), -moz-linear-gradient(#333, #000); background: url(../images/next.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000)); }
.wt-rotator .next-btn.button-over{ background: url(../images/next.png), -moz-linear-gradient(#DDD, #BBB); background: url(../images/next.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#DDD), to(#BBB)); }
.wt-rotator .up{ background: #000 url(../images/up.png); background: url(../images/up.png), -moz-linear-gradient(#333, #000); background: url(../images/up.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000)); }
.wt-rotator .up.button-over{ background: url(../images/up.png), -moz-linear-gradient(#DDD, #BBB); background: url(../images/up.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#DDD), to(#BBB)); }
.wt-rotator .down{ background: #000 url(../images/down.png); background: url(../images/down.png), -moz-linear-gradient(#333, #000); background: url(../images/down.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000)); }
.wt-rotator .down.button-over{ background: url(../images/down.png), -moz-linear-gradient(#DDD, #BBB); background: url(../images/down.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#DDD), to(#BBB)); }
#rotator-tooltip{ position: absolute; top: 0; left: 0; z-index: 99999; display: none; }
#rotator-tooltip.txt-up{ margin-left: -10px; margin-bottom: 5px; background: url(../images/vtip.png) no-repeat; background-position: 10px bottom; background-position-x: 10px; background-position-y: bottom; }
#rotator-tooltip.txt-down{ margin-left: -10px; margin-top: 24px; background: url(../images/vtip.png) no-repeat; background-position: 10px top; background-position-x: 10px; background-position-y: top; }
#rotator-tooltip.img-up{ background: url(../images/vtip.png) center bottom no-repeat; }
#rotator-tooltip.img-down{ background: url(../images/vtip.png) center top no-repeat; }
#rotator-tooltip.img-right{ background: url(../images/htip.png) left center no-repeat; }
#rotator-tooltip.img-left{ background: url(../images/htip.png) right center no-repeat; }
#rotator-tooltip .tt-txt{ font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #FFF; background-color: #000; max-width: 300px; padding: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 8px 0; }
#rotator-tooltip img{ display: none; background-color: #000; padding: 3px; margin: 8px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.wt-rotator .s-prev,
.wt-rotator .s-next{ position: absolute; top: 50%; margin-top: -25px; width: 30px; height: 50px; cursor: pointer; background: url(../images/large_buttons.png) no-repeat; -moz-opacity: .7; filter: alpha(opacity=70); opacity: .7; z-index: 8; }
.wt-rotator .s-prev{ left: 0; background-position: 0 0; }
.wt-rotator .s-next{ left: 100%; margin-left: -30px; background-position: -30px 0; }
.wt-rotator .s-prev.button-over,
.wt-rotator .s-next.button-over{ -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; background-color: transparent !important; }
.wt-rotator .block,
.wt-rotator .vpiece,
.wt-rotator .hpiece{ position: absolute; z-index: 2; }
.wt-desctibe {width: 220px; height: 200px; padding-top: 18px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; }
.wt-desctibe p.text { font-size: 11px; color: #333333; padding-top: 18px; line-height: 1.5; }
.wt-desctibe a { font-size: 11px; color: #333333; }
.wt-desctibe a:hover { cursor: pointer; text-decoration: underline; }

/* container */
#container { float: left; width: 955px; padding-top: 10px; }

/* headlines */
h1 { font-size: 14px; color: #6a747c; font-weight: bold; }
h1 a { font-size: 14px; color: #6a747c; font-weight: bold; }
h1 a:hover { text-decoration: underline; }
h2 { font-size: 14px; color: #6a747c; font-weight: bold; }
h3 { font-size: 14px; color: #6a747c; font-weight: bold; }
h4 { font-size: 14px; color: #6a747c; font-weight: bold; }
h5 { font-size: 14px; color: #6a747c; font-weight: bold; }
h6 { font-size: 14px; color: #661313; font-weight: bold; }

/* main news block */
.news_block { float: left; width: 205px; }
.news_block_top { float: left; width: 205px; height: 5px; }
.news_block_middle { float: left; width: 204px; background: url(../images/news_block_middle.png); padding-left: 1px; }
.news_block_bottom { float: left; width: 205px; height: 5px; }
.news_block_container { float: left; width: 178px; background: url(../images/news_block_lines.png) repeat-x bottom #ffffff; padding-left: 10px; padding-right: 10px; }
.news_block_title { float: left; width: 178px; padding-top: 10px; }
.news_block_custom { float: left; width: 178px; border-bottom: 1px dotted #999999; line-height: 1.4; padding-top: 10px; padding-bottom: 9px; }
.news_block_date { float: left; width: 178px; font-size: 11px; color: #666666; }
.news_block_date a { color: #666666; }
.news_block_date a:hover { text-decoration: underline; }
.news_block_lines {float: left;  width: 178px; padding-top: 1px; }
.news_block_lines a { font-size: 11px; color: #336b7b; }
.news_block_lines a:hover { text-decoration: underline; }
.news_block_archive { float: left; padding-top: 20px; padding-bottom: 4px; }
.news_block_archive a { font-size: 11px; color: #333333; display: block; background: url(../images/archive_icon.png) no-repeat left; padding-top: 2px; padding-left: 20px; }
.news_block_archive a:hover { text-decoration: underline; } 

/* main block */
.main_block { float: left; width: 545px; }
.main_block_top { float: left; width: 545px; height: 5px; }
.main_block_middle { float: left; width: 539px; background: url(../images/main_block_middle.png); padding-left: 6px; }
.main_block_bottom { float: left; width: 545px; height: 5px; }
.main_block_container { float: left; width: 513px; background: url(../images/main_block_lines.png) repeat-x bottom #ffffff; padding-left: 10px; padding-right: 10px; }
.main_block_title { float: left; width: 513px; padding-top: 10px; }
.main_block_text { float: left; width: 513px; font-size: 11px; color: #333333; line-height: 1.4; padding-top: 10px; padding-bottom: 8px; }
.main_block_text a { font-size: 11px; color: #336b7b; }
.main_block_text a:hover { text-decoration: underline; }
.main_block_text li { display: block; font-weight: bold; background: url(../images/dotted_arrow.png) no-repeat top left; padding-left: 12px; padding-bottom: 5px; }
.main_block_links { float: left; padding-top: 4px; padding-bottom: 4px; }
.main_block_links a { float: left; font-size: 11px; color: #333333; display: block; background: url(../images/main_block_links_icon.png) no-repeat left; padding-top: 2px; padding-left: 20px; padding-right: 10px; }
.main_block_links a:hover { text-decoration: underline; } 

/* third blocks */
.third_blocks { float: left; width: 205px; }
.third_block { float: left; width: 205px; }
.third_block_top { float: left; width: 205px; height: 5px; }
.third_block_middle { float: left; width: 199px; background: url(../images/third_block_middle.png); padding-left: 6px; }
.third_block_bottom { float: left; width: 205px; height: 5px; }
.third_block_container { float: left; width: 178px; height: 100%; background: url(../images/third_block_lines.png) repeat-x bottom #ffffff; padding-left: 10px; padding-right: 10px; }
.third_block_title { float: left; width: 178px; padding-top: 10px; }
.testimonials_block_custom { float: left; width: 168px; font-size: 11px; background: url(../images/dotted_arrow.png) no-repeat top left; border-bottom: 1px dotted #999999; line-height: 1.4; margin-top: 10px; padding-left: 10px; padding-bottom: 9px; }

.testimonials_block_custom a { font-size: 11px; color: #333333; }
.testimonials_block_custom a:hover { text-decoration: underline; }
.testimonials_block_link { float: left; padding-top: 15px; padding-bottom: 4px; }
.testimonials_block_link a { font-size: 11px; color: #333333; display: block; background: url(../images/testimonials_icon.png) no-repeat left; padding-top: 2px; padding-left: 20px; }
.testimonials_block_link a:hover { text-decoration: underline; } 

.objects_block_rotator { float: left; width: 175px; padding-top: 7px; margin-left: 2px; border-bottom: 2px solid #f38833; }
.objects_block_link { float: left; padding-top: 15px; padding-bottom: 4px; }
.objects_block_link a { font-size: 11px; color: #333333; display: block; background: url(../images/objects_icon.png) no-repeat left; padding-top: 2px; padding-left: 20px; }
.objects_block_link a:hover { text-decoration: underline; } 

/* footer */
#footer { float: left; position: relative; width: 955px; border-top: 1px solid #e6e6e6; margin-top: 15px; padding-top: 15px; padding-bottom: 15px; }
#footer .navigation { float: left; width: 813px; font-family: Tahoma, Arial, Verdana; font-size: 11px; padding-left: 142px; }
#footer li { float: left; display: block; background: url(../images/footer_li.png) no-repeat center right; padding-left: 10px; padding-right: 10px; }
#footer li a { color: #666666; }
#footer li a:hover { text-decoration: underline; }
#footer li.last { background: none; }
#footer .copyright { float: left; width: 955px; font-family: Tahoma, Arial, Verdana; font-size: 10px; color: #999999; padding-top: 15px; text-align: center; }
#footer .counter { position: absolute; top: 15px; right: 0px; width: 31px; height: 31px; }