body {
 background: #fff no-repeat 50% top;     
 padding: 0;
 margin: 0;
}

td {font: normal 10pt/150% Arial, sans-serif;}

img.alignleft { float: left; margin: 0 0.5em 0.5em 0}

td.logo {
 padding-top: 13px;
 padding-bottom: 15px
}

td.logo img {
 position: absolute; 
 margin: 6px 0 0 -3px;
 width: 191px; 
 height: 152px;
}

.oblique-bg {
 background: transparent url(/template/img/oblique-bg.gif) repeat left -1px;
}

a {
 color: #174d90
}


a.dark {
 color: #000
}


.pale {
 color: #666
}

a:hover {
 color: #739305
}

.sm {
 font-size: 85%;
}

.mid {
 font-size: 76%;
 line-height: 150%
}

.sm, .mid {
 font-family: Arial, sans-serif
}

div.title {
 width: 1px; 
 height: 54px;
 margin-bottom: 0.1em;
 overflow: visible
} 

div.title img {
 position: absolute;
} 

div.title img.right {
 position: relative;
 left: -54px;
 top: -4px;
} 

.oblique-bg .t {
 background: url(/template/img/r/tr.gif) no-repeat right top;
}

.oblique-bg .b {
 background: url(/template/img/r/br.gif) no-repeat right top;
}

a img {
 border: none
}

.footer {
 position: relative;
 top: 20px; 
}

.footer img {
 position: absolute;
 display: block
}

td#copyright div{
 margin-left: 25px
}

td#copyright img {
 clip: rect(auto, auto, 11, auto);   
 margin-top: 21px   
}

td#copyright a:hover img {
 clip: rect(11, auto, 22, auto);
 margin-top: 10px   
}


td#contacts img {
 clip: rect(22, auto, 35, auto);   
 margin-top: -1px   
}

td#contacts a:hover img {
 clip: rect(35, auto, 48, auto);
 margin-top: -14px   
}

td#design img {
 clip: rect(48, auto, 100, auto);   
 margin-top: -48px   
}

td#design a:hover img {
 clip: rect(100, auto, 152, auto);
 margin-top: -100px   
}

div.menu table td { padding-right: 1px}
td#about a { display: block; width: 137px; height: 82px; background: url(/template/img/menu.gif)}
td#about a:hover, td#about a.selected { background-position: 0 -82px}
td#solutions a { display: block; width: 137px; height: 82px; background: url(/template/img/menu.gif) 0 -164px;}
td#solutions a:hover, td#solutions a.selected { background-position: 0 -246px}
td#portfolio a { display: block; width: 137px; height: 82px; background: url(/template/img/menu.gif) 0 -328px}
td#portfolio a:hover, td#portfolio a.selected { background-position: 0 -410px}

td#order {
 padding-top: 35px
}

td#order a {font: normal 1px/1px sans-serif; display: block; width: 105px; height: 13px; background: url(/template/img/order.gif)}
td#order a:hover {background-position: 0 -13px}

.brd-lr {
 border: #DCDCDC solid 0; 
 border-width: 0 1px; 
 padding: 0.5em
}

.bot-ln-bg {
 background: transparent url(/template/img/1px-gray.gif) repeat-x left bottom
}

.guery {
 border: none;
 position: absolute;
 margin: 168px 0 0 20px;
 width: 144px;
 font: 68% Arial, sans-serif
}

span.phone {
 font: bold 80% Tahoma, sans-serif
}

form.order {
 margin: 0;
 padding: 0;
 display: inline
}

form.order input,
form.order textarea {
 font: 100% Arial, sans-serif;
 width: 100%
}

.news {
 padding-bottom: 1em;
 padding-left: 18px;
 position: relative;
 left: -18px;
 background: transparent url(/template/img/list-image.gif) no-repeat left 0.2em
}

h2 {
 margin: 0; 
 padding: 0;
 font: bold 130% Arial, sans-serif;
 margin-bottom: -10px
}

h2 a { color: #000;}
h2 a:hover { color: #739305}

.mb10 {
 margin-bottom: 1em
}

.mb08 {
 margin-bottom: 0.8em
}

.mt08 {
 margin-top: 0.8em
}

.mt05 {
 margin-top: 0.3em
}

.mt03 {
 margin-top: 0.3em
}

form.order input.button, 
.button,
button {
 background:#E5E5E5 url(/template/img/bg-gray.gif) repeat-x scroll left top;
 font-weight: bold;
 padding:0.3em 1em;
}

.widgetblock {
 font: 68% Arial, sans-serif;
     font-weight: bold
}

.widgetblock ul {
 list-style: none;
     margin: 0 0 1em;
     padding: 0;
}

.widgetblock ul li {
     margin: 0.5em 0 0;
     padding: 0;
}

.widgetblock ul li a:link,
.widgetblock ul li a:hover,
.widgetblock ul li a:visited {
 color: #000;
}

.widgetblock ul li a strong {
     font-weight: normal
}

.box {
 background: transparent url(/template/img/box/1px-gray.gif) repeat-x left bottom;
     margin: 0 15px
} 

.box .bg-top{
 background: transparent url(/template/img/box/1px-gray.gif) repeat-x left top
} 

.box .t {
 background: transparent url(/template/img/box/tr.gif) no-repeat right top
} 

.box .t img {
 background: transparent url(/template/img/box/tl.gif) no-repeat left top
} 

.box .b {
 background: transparent url(/template/img/box/br.gif) no-repeat right bottom;
     position: relative
} 

.box .b img {
 background: transparent url(/template/img/box/bl.gif) no-repeat left bottom
} 

.box .lr {
 border: #D8D8D8 solid 0;
 border-width: 0 1px;
 padding: 1.5em 29px;
} 

.tail {
 position: absolute;
     width: 100%;
     margin-top: 3em
} 

.tail img {
 background: transparent none no-repeat left top;
} 


.box .left,
.box .right {
 width: 100%;
     position: relative
}

.right .tail{
     margin-left: 22px;
     text-align: right
} 

.right .tail img{
 background-image: url(/template/img/box/tail-right.gif)
} 

.left .tail{
     margin-left: -22px;
     text-align: left
} 

.left .tail  img{
 background-image: url(/template/img/box/tail-left.gif)
} 



.box .robot-img {
     width: 100%;
 position: absolute;
} 

.right .robot-img {
     margin-left: 175px;
     text-align: right
} 

.left .robot-img {
     margin-left: -175px;
     text-align: left
} 

.box .robot-img img {
 background: transparent none no-repeat left top;
} 

.left .robot-img img {
 background-image: url(/template/img/box/robot-img-left.jpg)
} 

.right .robot-img img {
 background-image: url(/template/img/box/robot-img-right.jpg)
} 

div.sm p {
 margin: 0;
     padding: 0
}

div.phone { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 15px; margin-left: -2px}
div.robotslike-holder { text-align:center; margin-left: -4px; padding-bottom: 7px}
iiilogo-holder { overflow: visible; padding-top: 300px}
h1 { font: bold 20px/140% Verdana, Geneva, sans-serif; color: #567e99; margin-bottom: 40px;}
div.portfolio-list p a { color: #000}
div.portfolio-list p a:hover { color: #739305}

h3 { margin-bottom: -10px; font-size: 100%; font-weight: bold; margin-top: 30px}

table.stat { border-collapse: collapse}
table.stat th, table.stat td { padding: 5px 15px 5px 15px; border: 1px solid #fff}
table.stat th { font-weight: bold; background-color: #D8D8D8; font-size: 12px; text-align:left}
table.stat td.sec {background-color: #efefef}

table.logos-holder { border-collapse:separate; margin: 5px 0 0 -2px}
table.logos-holder td {padding: 0 10px 10px 0;}
table.logos-holder td div, div.logo { background: url(/template/img/logos-back.gif) no-repeat; width: 91px; height: 61px; text-align:center; padding-top: 6px}

.portfolio-item .logo {float: left; margin-right: 20px; width: 91px; height: 61px; margin-bottom: 10px}
.portfolio-item .logo img {width: 80px; height: 50px}