/* tags */
html, body {margin:0; padding:0; color:#6A6A6A; width:100%; height:100%}
p, textarea, input, select, body, form {font:11px Verdana, Tahoma, Arial, sans-serif}
a img {border:0}
a {color:#BE320B}
a:link, a:visited {text-decoration:none}
a, a:hover {text-decoration:underline}
form, table, p, h1, h2, h3 {margin:0 0 14px 0; padding:0}
h1 {color:#666666; font-size:12px}
h2 {color:#333333; font-size:11px; margin: 0 0 0 0}
ul {list-style-type:none; list-style-image:none; margin: 4px 0 14px 0; padding: 0 0 0 0}
ol {margin:0 0 14px 0; padding:0 0 0 20px}
ul li {margin-left:0; margin-top:3px; margin-bottom:3px; display:block}
ol li {margin-left:0; margin-top:3px; margin:0 0 3px 0}
#text3right ul li {background: url(/images/li.gif) 0 7px no-repeat; padding-left:13px}
label {display:block; font:11px Arial}

/* classes */
.more {width:100%; text-align:right; margin-bottom:10px; background:url(/images/more.gif) right 5px no-repeat; clear:both}
.more a {text-transform:lowercase; color:#B33728; padding:0 7px}
.wire2 {width:900px; height:6px; background:url(/images/wire2.gif) left top no-repeat; clear:both; font-size:1px}
.wire5 {width:190px; height:1px; background:url(/images/wire5.gif) left top no-repeat; clear:both; font-size:1px; margin-left:60px}
.underline {text-decoration:underline}
.invisible {display:none}
.textblock {margin-top:30px; width:555px; clear:both; padding-left:10px}
.textblock img {float:left; margin:0 20px 10px 0}
.b1:link, .b1:visited {width:114px; background:url(/images/b1_up.jpg) left top no-repeat}
.b1, .b1:hover {width:114px; background:url(/images/b1_down.jpg) left top no-repeat}
.b2:link, .b2:visited {width:122px; background:url(/images/b2_up.jpg) left top no-repeat}
.b2, .b2:hover {width:122px; background:url(/images/b2_down.jpg) left top no-repeat}
.b3:link, .b3:visited {width:125px; background:url(/images/b3_up.jpg) left top no-repeat}
.b3, .b3:hover {width:125px; background:url(/images/b3_down.jpg) left top no-repeat}
.b4:link, .b4:visited {width:117px; background:url(/images/b4_up.jpg) left top no-repeat}
.b4, .b4:hover{width:117px; background:url(/images/b4_down.jpg) left top no-repeat}
.b5:link, .b5:visited {width:114px; background:url(/images/b5_up.jpg) left top no-repeat}
.b5, .b5:hover {width:114px; background:url(/images/b5_down.jpg) left top no-repeat}
.b6:link, .b6:visited {width:140px; background:url(/images/b6_up.jpg) left top no-repeat}
.b6, .b6:hover {width:140px; background:url(/images/b6_down.jpg) left top no-repeat}
.b7:link, .b7:visited {width:110px; background:url(/images/b7_up.jpg) left top no-repeat}
.b7, .b7:hover {width:110px; background:url(/images/b7_down.jpg) left top no-repeat}
a.linkgray {color:#6A6A6A}
span.spangray p {color:#6A6A6A}

/* ids */
#sverhu {position:absolute; margin:-1000px 0 0 -1000px}

#infovrezka {
	background-color: #f8f6d4; padding: 10px 20px 20px 20px; margin: 20px 20px 20px 120px;

}
#global {width:900px;background:#FCFCFB url(/images/rightrepeat.gif) right top repeat-y; margin:0 auto 0 auto}
#g1 {width:900px;background:url(/images/leftrepeat.gif) left top repeat-y}
#lefttop {float:left; width:358px; height:289px; background:#FFFFFF url(/images/logo.gif) 0 59px no-repeat}
#headermenu {width:277px; height:42px; background:url(/images/leftcorner.jpg) left top no-repeat; padding:17px 0 0 81px}
#headermenu a {display:block; height:30px; float:left; text-decoration:none; text-align:center;padding-top:12px; text-transform:lowercase}
#headermenu a:link, #headermenu a:visited {color:#8B8B8B}
#headermenu a, #headermenu a:hover {color:#A9310F}
#headermenu span {display:block; height:42px; float:left; width:20px; background:url(/images/header.gif) left top repeat-x}
#but1 {width:93px; background:url(/images/but1.jpg) no-repeat}
#but2 {width:90px; background:url(/images/but2.jpg) no-repeat}
#but3 {width:74px; background:url(/images/but3.jpg) no-repeat}
#logo {display:block; width:210px; height:180px; margin:20px 0 0 99px}
#righttop {float:left; width:542px; height:289px; background:#FFFFFF url(/images/header2.jpg) left top no-repeat}
#monitor {float:left; width:266px; height:222px; background:url(/images/monitor.jpg) left top no-repeat; margin-top:48px; padding:19px 0 0 235px}
#rightrepeat {float:left; width:41px; height:97px; background:url(/images/rightcorner.jpg) left top no-repeat}
#menu {height:63px; padding-left:28px; background:url(/images/left.gif) left top repeat-y; clear:both}
#menu a {display:block; float:left; height:44px}
#text {display: table; width:900px; min-height:204px; background:url(/images/wire.gif) left top repeat-y;}
#text2 {width:900px; min-height:204px; background:url(/images/left2.gif) left top no-repeat}
#text3 {display:table; width:900px; min-height:204px; background:url(/images/wire4.gif) left top repeat-y}
#text4 {display:table-cell; width:900px; background:url(/images/leftpad.gif) left top repeat-y}
#text3left {float:left; width:260px}
#text3forum {padding:0 45px 0 15px; margin-left:40px; background:url(/images/rightpad.gif) right top repeat-y; color:#393939}
#text ul li {display:block; padding-left:13px}
#sort {margin-bottom:-15px; padding-top:20px}
#sort a {margin:0 4px; text-decoration:none}
#sort a:link, #sort a:visited {color:#CC3B07}
#sort a, #sort a:hover {color:#6A6A6A}
#portfolio {display:block; margin:0; padding:15px 10px 8px 60px; min-height:75px; background:url(/images/h_portfolio.gif) 60px 0 no-repeat; list-style-type:none; list-style-image:none}
#portfolio li {padding-top:5px; margin:0}
#portfolio a:link, #portfolio a:visited {background:none; padding-left:10px; text-decoration:none; color:#6A6A6A}
#portfolio a, #portfolio a:hover {background:url(/images/more.gif) 0 5px no-repeat; padding-left:10px; text-decoration:none; color:#B33728}
#news {min-height:30px; background:url(/images/h_news_left.gif) 60px 10px no-repeat; padding:30px 10px 0 60px}
#client2 {width:260px; min-height:85px; background:url(/images/h_enter2.gif) 60px 5px no-repeat}
#clientinside2{width:190px; height:70px; padding:35px 10px 0 60px}
#clientinside2 div {float:right; text-align:left}
#clientinside2 a {text-transform:lowercase; padding-left:18px}
#labels2 {width:42px}
#text3right {float:left; width:576px; padding:0 45px 0 15px; background:url(/images/rightpad.gif) right top repeat-y; color:#393939;}
#textleft {float:left; width:215px; padding:30px 15px 0 65px; background:url(/images/h_about_left.gif) 66px 0 no-repeat}
#textcenter {float:left; width:270px; padding:30px 15px 0 15px; background:url(/images/h_services.gif) 20px 0 no-repeat}
#textright {float:left; width:305px; background: url(/images/h_clients.gif) 16px 0 no-repeat}
#textrightinside {display:table-cell; width:240px; padding:30px 50px 0 15px; min-height:92px; background:url(/images/rightpad.gif) right top no-repeat}
#textrightinside div.img {float:left; margin-right:5px; text-align:center}
#textrightinside div img {margin-bottom:10px}

#textleft2 {float:left; width:215px; padding:30px 15px 0 65px; background:url(/images/h_news_left.gif) 66px 10px no-repeat}
#textcenter2 {float:left; width:270px; padding:30px 15px 0 15px; background:url(/images/h_preim.gif) 20px 10px no-repeat}
#textright2 {float:left; width:240px; padding:30px 50px 0 15px; min-height:92px; background: url(/images/h_partner.gif) 16px 10px no-repeat}

#maincontent {width:900px; background:url(/images/wire3.gif) left top repeat-y}
#rightpad {background:url(/images/rightpad.gif) right top no-repeat}
#leftpad {background:url(/images/leftpad.gif) left bottom no-repeat}
#maincontentleft {float:left; width:225px; padding:0 0 0 65px; min-height:150px; background:url(/images/left2.gif) left top no-repeat}
#maincontentright {margin:0 65px 0 315px}
h1 {position:relative}
h1 img {position:absolute; right:0}
.clients div.img {float:left; margin:0 5px 10px 0; text-align:center}
.clear {clear:both}
.wire6 {height:16px; background:url(/images/wire5.gif) left top repeat-x; clear:both; font-size:1px}
.block {padding-right:15px}
#auth {float:left; width:215px; }
#auth div {float:right; text-align:left}
#auth a {text-transform:lowercase; padding-left:18px}
.textcenter {float:left; width:270px; padding:10px 15px 0 15px}
.textright {float:left; width:240px; padding:10px 50px 0 15px; min-height:92px}
.center {text-align:center}
.justify {text-align:justify}

#clientwork {width:900px; height:123px; background:url(/images/wire3.gif) left top repeat-y}
#client {float:left; width:295px; background:url(/images/h_enter.gif) 66px 5px no-repeat}
#clientinside{width:215px; height:88px; padding:35px 15px 0 65px; background:url(/images/leftpad.gif) left bottom no-repeat}
#clientinside div {float:right; text-align:left}
#clientinside a {text-transform:lowercase; padding-left:18px}
#labels {width:50px}
#forlogin {margin-top:1px}
#forpassword {margin-top:-5px}
#login {margin:0 31px 2px 0; padding:2px 3px 0 3px; border:0; width:108px; height:16px; background:url(/images/edit.gif); }
#password {margin:0 6px 5px 0; padding:2px 3px 0 3px; border:0; width:108px; height:16px; background:url(/images/edit.gif)}
#submitfield {width:25px; height:30px; border:0; text-decoration:none; cursor:pointer; background:url(/images/submit.jpg)}
#work {float:left; width:528px; height:107px; background:url(/images/h_work.gif) 20px 5px no-repeat; padding:30px 60px 0 17px}
#work a {display:block; float:left; width:120px; height:91px; margin:0 2px}
#work a.jsleft, a.jsleft {height:27px; width:10px; margin-top:25px}
#work a.jsright, a.jsright {height:27px; width:10px; margin-top:25px}
#work a.jsleft:link, #work a.jsleft:visited {background:url(/images/jsleft.gif) no-repeat}
#work a.jsleft, #work a.jsleft:hover, a.jsleft {background:url(/images/jsleft2.gif) no-repeat}
#work a.jsright:link, #work a.jsright:visited {background:url(/images/jsright.gif) no-repeat}
#work a.jsright, #work a.jsright:hover, a.jsright {background:url(/images/jsright2.gif) no-repeat}
#menubottom {display:block; width:900px; text-align:center; list-style:none; font:11px Arial; text-transform:uppercase; margin:0 0 4px 0; }
#menubottom li {display:inline; margin:0 20px}
#menubottom li a {text-decoration:none}
#menubottom li a:link, #menubottom li a:visited {color:#969696}
#menubottom li a, #menubottom li a:hover {color:#D5400C}
#footer1 {width:770px; height:70px; background:url(/images/footerright.gif) right bottom no-repeat; text-align:right; font:10px Arial; padding:6px 65px 0 65px}
#footer1 span {display:block; float:left; text-align:left}
#footer2 {width:350px; height:69px; padding:15px 0 0 550px; background:url(/images/footer.jpg) no-repeat}

#preload {position:absolute; margin:-1000px 0 0 -1000px}
#preload a {height:44px; display:block}

/* ie 6 fix */
* html #text {height:204px}
* html #text2 {height:204px}
* html #text2w {height:204px}
* html #textrightinside {height:92px}
* html #login {margin:0 31px 1px 0; background-attachment:fixed}
* html #password {background-attachment:fixed}
* html #submitfield {margin:0 0 -5px 0}
* html #forlogin {margin-top:3px}

/* ie 7 fix */
*+html #login {margin:0 31px 1px 0; background:none; border:1px solid #6A6A6A}
*+html #submitfield {margin:0 0 -5px 0}
*+html #forlogin {margin-top:3px}
*+html #password {background:none; border:1px solid #6A6A6A}

/* eds */
#left_menu {display:block; margin:0; padding:15px 10px 8px 60px; min-height:75px; background:url(/images/h_o_komp.gif.gif) 60px 0 no-repeat; list-style-type:none; list-style-image:none}
#left_menu li {padding-top:5px; margin:0}
#left_menu a:link, #left_menu a:visited {background:none; padding-left:10px; text-decoration:none; color:#6A6A6A}
#left_menu a, #left_menu a:hover {background:url(/images/more.gif) 0 5px no-repeat; padding-left:10px; text-decoration:none; color:#B33728}


#printlogo {display:none}
#sort {display: inline; margin-bottom:-15px}
#sort img {position:absolute;}

.table_forum_themes th {border-bottom: 1px dashed #BBBBBB}
.table_forum_themes td {border-bottom: 1px dashed #BBBBBB}
.color_theme_2 td {background-color: #EEEEEE}

DIV .quotestyle {
font-style: italic;
color: #666666;

border: 1px solid #bbbbbb;
background-color: #ffffff;
padding: 5px;
margin: 10px;

}