* {margin:0; padding:0;}
img {border:none;}
a {outline:none; font-family: Tahoma; font-size:11px; color: #cccccc;}

ul {list-style:none;}
p {padding:9px 0px;}
h1 {}
h2 {}
h3 {color:#00bff3; font-weight:bold; font-size:11px; background:url(../img/bull.gif) no-repeat 0px 6px; padding-left:8px;}
h4 {}
.blue {color:#00bff3;}

html, body, td, div, input , select, textarea {font-family: Tahoma; font-size:11px; color: #cccccc;}
html, body {height:100%; width:100%; overflow:hidden;}

#outer {height:100%; width:100%; position:relative; overflow:hidden; background:#000;}

.bg {background-color: #000; opacity: 0.7; filter:alpha(opacity=70); z-index: 2; width: 970px; height: 500px; position: absolute; top:0px; left: 50%; margin: 0 0 0 -485px; overflow: hidden;}
.bg2 {background-color: #000; opacity: 0.7; filter:alpha(opacity=70); z-index: 2; width: 970px; height: 106px; position: absolute; top:504px; left: 50%; margin: 0 0 0 -485px; overflow: hidden;}


.content {z-index: 3; width: 970px; height: 500px; position: absolute; top:0px; left: 50%; margin: 0 0 0 -485px; overflow: hidden;}
.contentMap {background:url('../img/map.gif') no-repeat 9px 92px;}
.content2 {z-index: 3; width: 970px; height: 106px; position: absolute; top:504px; left: 50%; margin: 0 0 0 -485px; overflow: hidden;}

.content2 .copy {color:#cccccc; font-size:10px; font-weight:bold; margin:11px 0px 0px 21px;}
.content2 .artartery {color:#cccccc; font-size:9px; font-weight:bold; margin:3px 0px 0px 33px;}
.content2 .artartery a {color:#cccccc; font-size:9px; font-weight:bold;}
.content2 .artartery a:hover {color:#ec008c;} 

.content2 select {width:186px; height:17px; margin:15px 0px 0px 32px; background:#000; color:#cccccc; font-size:10px; border:1px solid #808080;}

.content2 .newsBlock {width:562px; height:90px; position:absolute; left:367px; top:5px;}
.content2 .newsBlock a.rss {position:absolute; top:0px; left:465px; color:#ff400c; font-size:9px; text-decoration:none; padding:6px 19px 0px 0px; background:url(../img/rss.gif) no-repeat 100% 0;}
.content2 .newsBlock h2 {height:26px; background:url('../img/hDot.gif') repeat-x 0px 100%;}
.content2 .newsContent {overflow:hidden; height:54px; padding-left:4px;}
.content2 .newsContent p {padding:0px 0px 5px 0px;}

.content a.imgChange {position:absolute; color:#00bff3; font-size:9px; left:20px; top:54px; background:url(../img/ico-monitor.gif) no-repeat 1px 0px; padding-top:18px; font-weight:bold;}
.content a.imgChange:hover{text-decoration:none;}

.content h1 {background:url(../img/logo.png) no-repeat; position:absolute; top:234px; left:21px; width:285px; height:37px; text-indent:-5000px;}
.content .cont {position:absolute; width:292px; height:84px; background:url('../img/contacts.gif') no-repeat; top:377px; left:20px; text-indent:-5000px;}
.content .cont a {position:absolute; top:52px; left:30px; width:191px; height:17px;}

.content .main .fb {width:10px; height:9px; position:absolute; top:24px; left:573px;}
.content .mainBg {background-color: #000; opacity: 0.2; filter:alpha(opacity=20); z-index: 4; width: 604px; height: 442px; position: absolute; top:32px; left: 345px;}
.content .main {z-index: 5; width: 604px; height: 442px; position: absolute; top:32px; left: 345px;}
.content .main .text {margin:25px 20px 0px 24px; padding-bottom:25px; background:url(../img/hDot.gif) repeat-x 0 100%;}
.content .main .text p {padding: 0px 0px 0px 17px;}
.content .main .text h3 {margin-top:14px; margin-left:9px;}
.content .main .text h5 {color:#00bff3; font-weight:bold; font-size:11px; margin-top:14px;}

.content .main ul.mm {overflow:hidden; margin:22px 0px 0px 23px;}
.content .main ul.mm li {float:left; height:13px;}
.content .main ul.mm li.sep {padding:1px 18px 0px; width:1px; height:12px;}
.content .main ul.mm li a {display:block; height:13px;}
.content .main ul.mm li a.home {width:96px; background:url(../img/mm1.png) no-repeat;}
.content .main ul.mm li.cur a.home, .content .main ul.mm li a.home:hover {background:url(../img/mm11.png) no-repeat;}
.content .main ul.mm li a.services {width:79px; background:url(../img/mm2.png) no-repeat;}
.content .main ul.mm li.cur a.services, .content .main ul.mm li a.services:hover {background:url(../img/mm21.png) no-repeat;}
.content .main ul.mm li a.portfolio {width:131px; background:url(../img/mm3.png) no-repeat;}
.content .main ul.mm li.cur a.portfolio, .content .main ul.mm li a.portfolio:hover {background:url(../img/mm31.png) no-repeat;}
.content .main ul.mm li a.contacts {width:114px; background:url(../img/mm4.png) no-repeat;}
.content .main ul.mm li.cur a.contacts, .content .main ul.mm li a.contacts:hover {background:url(../img/mm41.png) no-repeat;}

.content .main ul.sm {overflow:hidden; margin:8px 0px 0px 23px;}
.content .main ul.sm li.sep {padding:1px 7px 0px; width:1px; height:10px;}
.content .main ul.sm li {float:left; height:11px;}
.content .main ul.sm li a {display:block; height:11px;}
.content .main ul.sm li a.seo {width:196px; background:url(../img/mm5.png) no-repeat;}
.content .main ul.sm li.cur a.seo, .content .main ul.sm li a.seo:hover {background:url(../img/mm51.png) no-repeat;}
.content .main ul.sm li a.context {width:171px; background:url(../img/mm6.png) no-repeat;}
.content .main ul.sm li.cur a.context, .content .main ul.sm li a.context:hover {background:url(../img/mm61.png) no-repeat;}
.content .main ul.sm li a.br {width:154px; background:url(../img/mm7.png) no-repeat;}
.content .main ul.sm li.cur a.br, .content .main ul.sm li a.br:hover {background:url(../img/mm71.png) no-repeat;}


.content .main .ourClients {margin:8px 20px 0px 22px; position:relative;}
.content .main .ourClients .clients {width:562px; height:83px; overflow:hidden; margin-top:5px;}
.content .main .ourClients .clients .items {height:83px; width:715px;}
.content .main .ourClients .clients .items .item {float:left; width:125px; height:75px; border:4px solid #cccccc; margin-right:10px; background:#000;}

.content .main .ourClients .ClientsLeft {position:absolute; left:-16px; top:60px; width:11px; height:17px; background:url(../img/arrow-left.gif) no-repeat;}
.content .main .ourClients .ClientsRight {position:absolute; right:-16px; top:60px; width:11px; height:17px; background:url(../img/arrow-right.gif) no-repeat;}

.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1; margin-top:4px;}
.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;}
.jScrollPaneDrag {position: absolute; cursor: pointer; overflow: hidden; background:none; height:1px}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp{display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background:url('../img/scrollTop.gif') no-repeat center top; height:5px;}
a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background:url('../img/scrollBottom.gif') no-repeat center top; height:5px;}
.content .main .jScrollPaneContainer {margin-top:0px;}
.content .main a.jScrollArrowUp{background:url('../img/arrow-up.gif') no-repeat center top; height:11px;}
.content .main a.jScrollArrowDown {background:url('../img/arrow-down.gif') no-repeat center top; height:11px;}

.content .main .ClientList {margin:28px 20px 0px 22px; height:372px; overflow:hidden;}
.content .main .ClientList .scroll-pane2 {height:355px; overflow:hidden;}
.content .main .ClientList .Client { background:url(../img/hDot.gif) repeat-x 0 100%; height:104px; margin-bottom:20px; width:542px;}
.content .main .ClientList .Client img {float:left; border:4px solid #cccccc; background:#000; width:125px; height:75px;}
.content .main .ClientList .Client .descr {margin-left:145px;}
.content .main .ClientList .Client .descr h2 {color:#ff400c; font-weight:bold; font-size:12px;}
.content .main .ClientList .Client .descr p {padding:1px 0px 15px 0px;}
.content .main .ClientList .Client .descr a {padding:1px 0px; font-size:10px; color:#00bff3; background:url('../img/link.gif') no-repeat 0px 4px; padding-left:15px;}
.content .main .ClientList .Client .descr a:hover {text-decoration:none;}


.content .main .ServiceList {margin:10px 20px 0px 22px; height:372px; overflow:hidden;}
.content .main .ServiceList .scroll-pane2 {height:355px; overflow:hidden;}
.content .main .ServiceList h2 {color:#ff400c; font-weight:bold; font-size:12px;}
.content .main .ServiceList ul {margin:10px;}
.content .main .ServiceList ul li {padding-left:8px; background:url(../img/bull.gif) no-repeat 0px 5px; height:auto; float:none;}

.content .main .Contacts {margin:28px 20px 0px 22px; height:372px; overflow:hidden;}
.content .main .Contacts .cont2 {width:186px; height:52px; background:url('../img/contacts.png') no-repeat; text-indent:-5000px; position:relative;}
.content .main .Contacts .cont2 a {position:absolute; top:38px; left:17px; width:168px; height:15px;}

.content .main .Contacts table.contacts {border-collapse:collapse; margin-top:40px;}
.content .main .Contacts table.contacts tr {background:url('../img/hDot.gif') repeat-x 0 100%;}
.content .main .Contacts table.contacts tr.nob {background:none;}
.content .main .Contacts table.contacts tr.last {background:none; text-align:right;}
.content .main .Contacts table.contacts td {font-weight:bold; padding:8px 0px;}
.content .main .Contacts table.contacts td span {color:#ff400c;}
.content .main .Contacts table.contacts td.one {width:160px;}
.content .main .Contacts table.contacts td input {width:395px; height:15px; background:#000; border:1px solid #808080; font-size:10px;}
.content .main .Contacts table.contacts td textarea {width:395px; height:70px; background:#000; border:1px solid #808080; font-size:10px;}
.content .main .Contacts table.contacts td input.send {width:83px; height:19px; border:none;}
.content .main .Contacts table.contacts td input.code {width:110px;}
.content .main .Contacts table.contacts td img {vertical-align:bottom; margin-bottom:1px;}
.content .main .Contacts table.contacts tr.nob td {padding:4px 0px;}