@import url(fix.css);

body { background: #1e79bf; font: normal 11px Tahoma; }
.clear { clear: both; }

#construct { width: 100%; position: relative; }
#top { z-index: 1; width: 1200px; margin: 0 auto; background: url('../gfx/top.jpg') no-repeat center top; height: 600px; position: relative; }
#construct_l, #construct_r { width: 50%; z-index: -2; position: absolute; top: 0; height: 500px; background: repeat-x top; }
#construct_l { background-image: url('../gfx/top_l.jpg'); left: 0; }
#construct_r { background-image: url('../gfx/top_r.jpg'); right: 0; }

#construct #logo { display: block; position: absolute; width: 447px; height: 370px; }
#construct #logo span { display: none; }
#construct #about { display: block; position: absolute; top: 93px; left: 759px; width: 75px; height: 22px; }
#construct #about span { display: none; }

#construct #menu { position: absolute; width: 603px; padding: 0 20px; top: 128px; left: 448px; background: url('../gfx/top_menu.jpg') no-repeat center top; }
#construct #menu li { float: left; }
#construct #menu li a, #construct #menu li a strong { display: block; height: 41px; color: red; cursor: hand; }
#construct #menu li a span { display: none; }
#construct #menu li a:hover, #construct #menu li a.hover { background: url('../gfx/light.png'); }

#construct #menu #menu_main { width: 107px; }
#construct #menu #menu_about { width: 83px; }
#construct #menu #menu_products { width: 89px; }
#construct #menu #menu_services { width: 70px; }
#construct #menu #menu_knowledge { width: 77px; }
#construct #menu #menu_contact { width: 81px/*65px*/; }
#construct #menu #menu_references { width: 92px; }
#construct #menu #menu_status { width: 112px; }

#construct #menu_nav { position: absolute; top: 0px; left: 929px; }
#construct #menu_nav li { float: left; }
#construct #menu_nav li a { display: block; width: 40px; height: 22px; margin-right: 11px; }
#construct #menu_nav li a strong { display: none; }

#construct #search { position: absolute; top: 265px; left: 915px; width: 161px; height: 24px; position: relative; }
#construct #search fieldset { border: 0; margin: 0; padding: 0; }
#construct #search #search_query { width: 123px; height: 20px; margin: 3px 5px; border: 0; font: bold 11px Tahoma; color: #fff; background: transparent; }
#construct #search #search_submit { position: absolute; width: 12px; top: 5px; height: 12px; right: 0; border: 0; background: transparent; }

#construct #news { position: absolute; top: 218px; left: 569px; width: 400px; height: 110px; padding: 20px 0 0 0; position: relative; }
#construct #news h2 a { position: absolute; font: bold 11px Tahoma; color: #ee3009; text-decoration: none; left: 145px; }
#construct #news p { position: absolute; width: 350px; top: 32px; margin: 15px 15px 0 15px; line-height: 15px; }
#construct #news .more { text-decoration: none; color: #ee3009; position: absolute; bottom: 10px; left: 35px; }
#construct #news .date { color: #134a76; position: absolute; bottom: 10px; left: 235px; }
#construct #news .news { display: block; width: 135px; height: 30px; position: absolute; top: 10px; left: 0px; }
#construct #news .news span { display: none; }
#construct #news h2 a:hover, #construct #news .more:hover { text-decoration: underline; }

#construct #navigation  { position: absolute; top: 400px; left: 150px; width: 500px; color: #fff; }
#construct #navigation li { float: left; }
#construct #navigation li p { font-weight: bold; padding-right: 15px; }
#construct #navigation li a { color: #fff; text-decoration: none; padding: 0 8px 0 9px; border-right: 1px solid #fff; }
#construct #navigation li a:hover { text-decoration: underline; }
#construct #navigation li.final a { border-right: none; font-weight: bold; color: #d6ff11; }

#foot { background: url('../gfx/foot.jpg') repeat-x center bottom; clear: both; height: 100px; padding: 103px 130px 0 130px; }
#foot div { width: 940px; margin: 0 auto; position: relative; }
#foot p { color: #999; line-height: 15px; }
#foot ul { position: absolute; top: 20px; left: 350px; }
#foot ul li { float: left; }
#foot ul li a { padding: 0 9px 0 10px; color: #999; font-weight: bold; text-decoration: none; border-right: 1px solid #999; }
#foot ul li a:hover { color: #fff; }
#foot ul li.last a { border-right: none; }
#foot #analytics { width: 110px; height: 34px; display: block; position: absolute; top: 50px; background: url('../gfx/foot_analytics.jpg'); }
#foot #analytics span { display: none; }

#content { z-index: 2; clear: both; position: absolute; top: 440px; width: 100%; }
#content #content_inner { width: 990px; margin: 0 auto; border-spacing: 0; }
#content #content_inner td { vertical-align: top; padding: 0; }
#content #sidebar { float: left; width: 240px; margin-right: 10px; }
#content #sidebar table { width: 100%; border-spacing: 0; }
#content #categories { background: url('../gfx/menu.jpg') repeat-y; }
#content #categories div { background: url('../gfx/menu_bottom.jpg') no-repeat bottom center; }
#content #categories ul.root { padding: 10px 12px 20px 0; background: url('../gfx/menu_top.jpg') no-repeat top center; }
#content #categories ul.root li { background: url('../gfx/menu_point.gif') no-repeat 5px 5px; }
#content #categories ul.root li a, #content #categories ul.root li span { display: block; padding: 5px 5px 5px 20px; font: bold 11px Tahoma; color: #364409; text-decoration: none; }
/*#content #categories ul.root li.deph { padding-left: 20px; }*/
#content #categories .deph { background: none !important; }
#content #categories .deph ul { background: none; border: 1px dotted #708724; border-left: none; border-right: none; }
#content #categories .deph ul li { background: url('../gfx/menu_bull.gif') no-repeat 30px 10px; padding: 0 0 0 20px; }
#content #categories .deph ul li a, #content #categories .deph ul li span { font-weight: normal; margin: 0 0 0 -20px; padding: 5px 0 5px 40px; }
#content #categories .deph ul li.deph ul li a, #content #categories .deph ul li.deph ul li span { margin: 0 0 0 -40px; padding: 5px 0 5px 60px; }
#content #categories .deph ul ul { border: none; }
#content #categories a:hover, #content #categories a.hover { color: #000 !important; font-weight: bold !important; background: url('../gfx/light_menu.png') !important; }
#content #aboutbox { background: url('../gfx/about.jpg') no-repeat 0 20px; width: 198px; height: 116px; margin: 20px auto 0 auto; padding: 43px 20px !important; line-height: 15px; }
#content #aboutbox, #content #aboutbox a { color: #fff; }
#content #aboutbox address { margin-bottom: 22px; } #content #aboutbox p { margin: 0 0 8px 25px; }

#content #window { width: 740px; margin-bottom: 50px; position: relative; }
#content #window #sidebar { width: 250px; }
#content #window #window_inner { width: 100%; border-spacing: 0; background: url('../gfx/window_top.jpg') no-repeat top center !important; }
#content #window #window_inner td { vertical-align: top; padding: 0; }
#content #window #window_inner_wrap { background: url('../gfx/window.jpg') repeat-y; position: relative; }
#content #window #window_inner_holder { background: url('../gfx/window_bottom.jpg') transparent no-repeat bottom center !important; }
#content #window #window_content { width: 610px; padding: 30px !important; position: relative; }
#content #window #window_min { width: 0px; height: 300px; float: left; }

#content #window #window_strip { width: 70px; }
#content #window #window_strip #strip_holder { position: relative; width: 41px; margin-top: 50px; height: 300px; background: url('../gfx/strip_center.jpg') 9px 3px repeat-y; }
#content #window #window_strip #strip_holder #strip_t { position: absolute; top: 0; width: 40px; height: 29px; background: url('../gfx/strip_top.gif'); }
#content #window #window_strip #strip_holder #strip_b { position: absolute; bottom: 0; width: 40px; height: 20px; background: url('../gfx/strip_bottom.gif'); }
#content #window #window_strip #strip_holder #strip_holder_inner { background: url('../gfx/strip.gif'); }

#strip { z-index: -1; width: 41px; height: 375px; margin: 20px 0 0 9px; background: url('../gfx/strip_center.jpg') 9px 5px repeat-y; width: 40px; height: 250px; }
#strip_inner { background: url('../gfx/strip.gif') center repeat-y; position: relative; height: 250px; }
#strip_inner_top { position: absolute; top: 0; }
#strip_inner_bottom { position: absolute; bottom: 0; }

#content #window #window_tools { width: 100px; position: absolute; right: 80px; top: 20px; text-align: right; }
#content #window #window_tools .fontsize { text-decoration: none; font: bold 11px Verdana; margin-left: 3px; }

#content #window h1,
#content #window p { margin: 10px 0 !important; color: #555; }
#content #window .box { border-bottom: 1px dotted #777; padding-bottom: 20px; margin-bottom: 10px; }
#content #window a { color: #333; }
#content #window a:hover { text-decoration: none; color: #000; }
#content #window .empty { text-align: center; padding: 100px 0; color: #ccc; font: bold 20px Tahoma; }
#content #window .more, .form .submit { color: #fff; border: 0; display: block; background: url('../gfx/more.gif') no-repeat; width: 79px; height: 15px; text-decoration: none; text-align: center; padding: 2px; font: normal 11px Tahoma; }
#content #window .more:hover { color: #fff; text-decoration: underline; }
#content #window ul, #content #window ol { padding-left: 15px; }
#content #window li { margin: 2px 0; } #content #window ul { list-style-type: disc; } #content #window ol { list-style-type: decimal; }

.form .submit { width: 83px; height: 19px; padding: 1px 0; margin: 20px 0; }

.pager { margin: 40px 0 0 0; }
.pager a, .pager .separator { text-decoration: none; display: block; width: auto; float: left; padding: 5px; margin: 0 2px; color: #777 !important; }
.pager .number { border: 1px solid #ddd; padding: 5px; margin: 0 2px; }
.pager .number:hover { border-color: #444; color: #000 !important; }
.pager .number_current { border-color: #666; font-weight: bold; }

.form, .form fieldset { margin: 0; padding: 0; border: 0; }
.form input.input, .form textarea.input { width: 200px; font: normal 12px Arial; color: #8a8a8a; display: block; margin: 12px 0; border: 1px solid #e3e4df; background: #fff url('../gfx/input.jpg') no-repeat; padding: 6px 10px; }
.form input.inline_option { margin-left: 10px; }
.form input.input_error, .form textarea.input_error { border-color: red; }

#incategories { list-style-type: none !important; padding: 0 !important; height: 40px; }
#incategories li { float: left; }
#incategories li a { display: block; padding: 3px 10px; font: bold 15px Arial; color: #00749a; text-decoration: none; background: #fff; border-right: 1px dotted #95e5ff; }
#incategories li a.last { border-right: none; }
#incategories li a:hover, #incategories li a.hover { background: #ebfaff; }