/* Useful classes*/

.rubber {width: 100%}
.stretch {white-space: nowrap;}

body {
background-color:#ffffff;
font-family:Arial;
font-size:12px;
margin:0;
padding:0;
color:#56717a;
}

#clear {
clear:both;
font-size:1px;
height:0;
line-height:0;
margin:0;
overflow:hidden;
padding:0;
width:0;
}

.clear {
clear:both;
font-size:1px;
height:0;
line-height:0;
margin:0;
overflow:hidden;
padding:0;
width:0;
}

.inv { display: none;}

div, form {
margin:0;
padding:0;
}

img, IMG {border:1px solid #56717a;}

a:link {
text-decoration:underline;
color:#56717a;
}

a:visited {
text-decoration:underline;
color:#56717a;
}

a:hover {
text-decoration:none;
color:#ff2400;
}

a.IMGLink {border:none; text-decoration:none;}

a:hover.IMGLink {border:none; text-decoration:none;}

a.NoLine {text-decoration:none;}

a:visited.NoLine {text-decoration:none;}

.main_wrap {background:#ffffff url(/img/top.jpg) no-repeat 50% 0px;}

.Conteiner1 {background:#ffffff url(/img/top.jpg) no-repeat 50% 0px;}

.Conteinertwo {background: url(/img/footerbg.jpg) no-repeat 50% 100%;}

#Header {
position:relative;
margin:0 auto;
width:990px;
height:171px;
}

.Head76 {
height:68px;
text-align:center;
margin:0;
padding:0;
}

.TopMenu {
margin:0 auto;
padding:6px 0 0 0;
width:630px;
height:36px;
}

.TopMenu ul, #Header .TopMenu ul .NoMenu, #LeftMenu ul, #footer ul , .portfolio_item ul {
margin:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
}

.TopMenu ul {height:36px;}

#Header .TopMenu ul .NoMenu {
width:2px;
margin:0;
padding:23px 0;
}

.TopMenu ul li {
display:block;
float:left;
padding:15px 30px;
font:bold 14px Tahoma;
}

#Header .TopMenu ul li a {text-decoration:none;}

.LogoBG {
position:absolute;
margin:0;
padding:0;
top:33px;
left:75px;
width:227px;
height:144px;
}

#tags {margin:0 100px 0 400px; height:100px;}

#tags a.js, #tags a:visited.js {
 position:relative;
 top:4px;
 left:255px;
 width:76px;
 height:16px;
 display:block;
 text-decoration:none;
 font-size:1px;
 color:#ffffff;
 margin:0;
 padding:0;
 background:url(/img/js.gif) no-repeat;
 text-indent:-2000px;
}

#tags a:hover.js {background:url(/img/js.gif) no-repeat 0px -16px;}

#tags a.php, #tags a:visited.php  {
 float:left;
 position:relative;
 top:2px;
 left:40px;
 width:31px;
 height:17px;
 display:block;
 text-decoration:none;
 font-size:1px;
 color:#ffffff;
 margin:0;
 padding:0;
 background:url(/img/php.gif) no-repeat;
 text-indent:-2000px;
}

#tags a:hover.php  {background:url(/img/php.gif) no-repeat 0px -17px;}

#tags a.web, #tags a:visited.web  {
 float:right;
 position:relative;
 top:4px;
 left:-30px;
 width:60px;
 height:14px;
 display:block;
 text-decoration:none;
 font-size:1px;
 color:#ffffff;
 margin:0;
 padding:0;
 background:url(/img/web.gif) no-repeat;
 text-indent:-2000px;
}

#tags a:hover.web  {background:url(/img/web.gif) no-repeat 0px -14px;}

#tags a.flash, #tags a:visited.flash  {
 position:relative;
 top:19px;
 left:200px;
 _left:180px;
 width:35px;
 height:13px;
 display:block;
 text-decoration:none;
 font-size:1px;
 color:#ffffff;
 margin:0;
 padding:0;
 background:url(/img/flash.gif) no-repeat;
 text-indent:-2000px;
}

#tags a:hover.flash  {background:url(/img/flash.gif) no-repeat 0px -13px;}

#tags a.ml, #tags a:visited.ml  {
 position:relative;
 top:32px;
 left:130px;
 _left:100px;
 width:35px;
 height:14px;
 display:block;
 text-decoration:none;
 font-size:1px;
 color:#ffffff;
 margin:0;
 padding:0;
 background:url(/img/html.gif) no-repeat;
 text-indent:-2000px;
}

#tags a:hover.ml  {background:url(/img/html.gif) no-repeat 0px -14px;}

#tags a.jax, #tags a:visited.jax  {
 position:relative;
 top:34px;
 left:290px;
 width:32px;
 height:16px;
 display:block;
 text-decoration:none;
 font-size:1px;
 color:#ffffff;
 margin:0;
 padding:0;
 background:url(/img/ajax.gif) no-repeat;
 text-indent:-2000px;
}

#tags a:hover.jax {background:url(/img/ajax.gif) no-repeat 0px -16px;}

#slang {
 position:absolute;
 bottom:0px;
 right:80px;
 height:40px;
}

#slang a.slngRU, #slang a:visited.slngRU, #slang a.slngEN, #slang a:visited.slngEN {
 display:block;
 float:left;
 font-weight:bold;
 font-size:11px;
 text-decoration:none;
 text-align:center;
 padding:24px 5px 0 0;
 background:url(/img/flags/flag_rus.jpg) no-repeat;
}

#slang a.slngRU, #slang a:visited.slngRU {
 padding:24px 5px 0 0;
 background:url(/img/flags/flag_rus.jpg) no-repeat;
}

#slang a.slngEN, #slang a:visited.slngEN  {
 padding:24px 5px 0 5px;
 background:url(/img/flags/flag_us.jpg) no-repeat;
}

#slang a:hover.slngEN {background:url(/img/flags/flag_us_up.jpg) no-repeat;}
#slang a.slngEN.active { background:url(/img/flags/flag_us_up.jpg) no-repeat !important; }

#slang a:hover.slngRU {background:url(/img/flags/flag_rus_up.jpg) no-repeat;}
#slang a.slngRU.active {background:url(/img/flags/flag_rus_up.jpg) no-repeat !important;}


.CenterBlock {
margin:0 auto;
width:990px;
}

.NewWork {
position:relative;
float:left;
margin:0 0 20px 0;
padding:0 10px;
width:155px;
text-align:center;
font: normal 12px Arial;
}

.NewWorkTitle {
padding:6px 0 10px 0;
text-align:center;
font: bold 14px Tahoma;
}

.NewWorkIMG {
padding:0;
margin:10px 0 2px 0;
}

#LeftMenu {
float:left;
margin:90px 0 20px 10px;
width:145px;
text-align:left;
font: bold 14px Tahoma;
}

#LeftMenu ul li {
display:block;
padding:3px 0;
}

#LeftMenu ul li a {text-decoration:none;}

#LeftMenu a.ActivLink {
text-decoration:none;
color:#ff2400;
}

.Content {
float:left;
margin:0 10px 20px 10px;
width:494px;
text-align:justify;
font: normal 12px Arial;
}

.content_title {
padding:0 0 0 100px;
text-align:left;
font: bold 14px Tahoma;
color:#ff2400;
}

.related {padding:5px 5px 5px 60px; margin:10px; border-top:1px dotted #adc1c7; color:#000000; font:bold 12px Arial; background:url(/img/icosimilaractiv.gif) no-repeat 10px 55%;}
.related span {display:block; float:left; padding:8px;}
.related a.right, .related a:visited.right {display:block; float:right; margin-right:10px; padding:8px 50px 8px 0; background:url(/img/backportfolio.jpg) no-repeat 100% 0px; font:bold 12px Arial; color:#000000; text-decoration:none;}
.related a:hover.right {color:#ff2400; background:url(/img/backportfolio.jpg) no-repeat 100% -32px;}

.group_title {
margin-top:20px;
padding:0 0 10px 10px;
text-align:left;
font: bold 14px Tahoma;
}

#RightBlock {
 float:left;
 margin:100px 15px 20px 0;
 width:266px;
}


#footer {
 position:relative;
 margin:0 auto;
 width:990px;
 height:80px;
}

.footlogo {margin-left:70px;}

.footmenu {
 position:absolute;
 top:0;
 left:240px;
}


#footer .NoMenu {
 display:iblock;
 float:left;
 height:48px;
 width:2px;
}

#footer ul li {
 display:iblock;
 float:left;
 width:130px;
 text-align:center;
 padding:16px 0;
}

#footer ul li a {
 font:bold 14px Tahoma;
 text-decoration:none;
}

#footer .footlogo a, #footer .footlogo a:visited {
 display:block;
 width:258px;
 height:49px;
 text-decoration:none;
 background:url(/img/footlogo.jpg) no-repeat;
}

#footer .footlogo a:hover {background:url(/img/footlogo_up.jpg) no-repeat;}

.portfolio_item .title, .portfolio_item .b_line, .portfolio_bigitem .title, .portfolio_bigitem .b_line, .b_submit_line, a.b_submit_icon, a:visited.b_submit_icon , 
a:hover.b_submit_icon, .errorblock1, .gerrortitle  { behavior: url(/img/iepngfix.htc); }

.pagenator {border-bottom:1px solid #aee5ff; margin:15px; _width:750px; padding:2px; text-align:center; white-space: nowrap;}
.pagenator a, .pagenator span {padding:5px; text-decoration:none;  cursor:pointer;}
.pagenator a:visited {text-decoration:none;}
.pagenator .first {padding-right:40px; width: 100px;}
.pagenator .prev {padding-right:40px; width: 100px}
.pagenator .next {padding-left:40px; width: 100px}
.pagenator .last {padding-left:40px; width: 100px}
.pagenator .active {padding:4px 5px 5px 5px; color:#FFFFFF; font:bold 12px Arial; background:url(/img/contbg.jpg) repeat-x; }
.pagenator span.hover { color:#FF2400;}
.pagenator .disabled, .pagenator .disabled.hover {color: #a0a0a0;  cursor:default;}

.portfolio_block {width:774px;}
.portfolio_item {float:left; width:377px; margin:5px 10px 5px 0; text-align:left; }
.portfolio_item a, .portfolio_item a:visited {text-decoration:none;}
.portfolio_item .title {background:url(/img/portfoliotitle.png) no-repeat 0px 2px; height:22px; text-align:center; font:bold 12px Arial; line-height:20px; _line-height:15px;}
.portfolio_item .link { margin:5px; text-align:center; }
.portfolio_item .descr {float:left; margin:8px; height:240px;}
.portfolio_item .thumbnail {float:left; margin:8px;}
.portfolio_item .b_line {position:relative; height:18px; margin:0 0 30px 0; background:url(/img/portfolio3line.png) no-repeat 50% 2px;}

a.linkshar {position:absolute; display:block; bottom:20px; right:80px; width:39px; height:40px; background:url(/img/portfoliosphere.gif) no-repeat; text-decoration:none; z-index:999;}

.portfolio_item a.b_icon {position:absolute; display:block; bottom:20px; right:80px; width:39px; height:40px; background:url(/img/portfoliosphere.gif) no-repeat; text-decoration:none; z-index:999;}
.portfolio_item a:hover.b_icon {background:url(/img/portfoliosphereup.gif) no-repeat; text-decoration:none; }
.PBBold {font:bold 12px Arial;}
.PBNormal {font:12px Arial;}

.portfolio_bigblock {width:800px; position:relative;}
.portfolio_bigitem {float:left; width:800px; margin:5px 10px 5px 0; text-align:left; }
.portfolio_bigitem .title {background:url(/img/titleportfolio2.png) no-repeat; height:22px; padding:0 0 0 150px; font:bold 14px Arial; line-height:20px;}
.portfolio_bigitem .link { margin:5px; padding-left:130px; }
.portfolio_bigitem .descr {float:left; margin:8px; width:200px;}
.portfolio_bigitem .thumbnail {float:left; margin:8px;}
.portfolio_bigitem .divlink {float:right; margin:0 0 40px 0; _margin:0 0 -10px 0; width:220px; height:40px; padding:0; position:relative;}
.portfolio_bigitem .b_line { z-index:1; width:200px; height:18px; margin:30px 12px 0 0; background:url(/img/Portfolio3Line_2.png) no-repeat 50% 0px;}
.portfolio_bigitem a.b_icon, .portfolio_bigitem a:visited.b_icon  { position:absolute; top:15px; _top:-25px; left:120px; display:block; z-index:999; width:39px; height:40px; background:url(/img/portfoliosphere.gif) no-repeat; text-decoration:none;}
.portfolio_bigitem a:hover.b_icon  { background:url(/img/portfoliosphereup.gif) no-repeat; text-decoration:none;}
/*.portfolio_bigitem .b_line { z-index:1; width:200px; height:18px; margin:30px 12px 0 0; background:url(/img/Portfolio3Line_2.png) no-repeat 50% 0px; }
.portfolio_bigitem a.b_icon {position:absolute; top:-10; right:50px; display:block; z-index:999; width:39px; height:40px; background:url(/img/portfoliosphere.gif) no-repeat; text-decoration:none; }
.portfolio_bigitem a:hover.b_icon {background:url(/img/portfoliosphereup.gif) no-repeat; text-decoration:none; }*/
.PBigBold {font:bold 14px Arial;}
.PBigNormal {font:14px Arial;}
.portfolio_bigitem a.similar, .portfolio_bigitem a:visited.similar {text-align:right; background:url(/img/icosimilar.gif) no-repeat 100% 1px; 
padding:8px 60px 8px 20px; font:bold 11px Arial; text-decoration:none; float:left; display:block;}
.portfolio_bigitem a:hover.similar {background:url(/img/icosimilar.gif) no-repeat 100% -30px;}

.scroller {width:800px; height:150px; position:relative;}
.scroller .content{position:absolute; overflow: hidden; left:40px; width:700px; height:150px; clip: rect(0, 685px, 160px, 0)}
.scroller .content-inner{position:absolute; left:-20px; height:150px;}
.scroller .item {width:180px; position:absolute}
.scroller .thumbnail{margin-left:10px;}
.scroller .title {margin-left:20px; width:140px; height:30px; text-align:center; font:bold 12px Arial; }
.scroller .link { margin:5px 0 5px 20px; text-align:center; width:140px; overflow:hidden;}
.scroller .b_line {position:relative; width:30px; height:6px; margin:30px 12px 0 0;}
.scroller span.b_left {position:absolute; margin-top:55px; width:39px; height:40px; background:url(/img/portfolio_left.gif) no-repeat; text-decoration:none; cursor:pointer;}
.scroller span:hover.b_left {background:url(/img/portfolio_shift_left.gif) no-repeat;}
.scroller span.b_right {position:absolute; left:724px; margin-top:55px; width:39px; height:40px; background:url(/img/portfolio_right.gif) no-repeat; text-decoration:none; cursor: pointer}
.scroller span:hover.b_right {background:url(/img/portfolio_shift_right.gif) no-repeat;}

.divlinksubmit  {position:relative; padding:30px 0 30px 0;}
/*.b_underline {position:relative; height:6px; margin:0 0 0 0; background:url(/img/portfolio3line.gif) no-repeat 50% 0px; }*/
.b_submit_line {position:relative; left:350px; height:18px; background:url(/img/Portfolio3Line_2.png) no-repeat; width:210px;}
a.b_submit_icon, a:visited.b_submit_icon {position:absolute; display:block; top:10px; right:40px; width:53px; height:40px; cursor:pointer; background:url(/img/sumit.png) no-repeat; text-decoration:none; }
a:hover.b_submit_icon {position:absolute; display:block; top:10px; right:40px; width:53px; height:40px; cursor:pointer; background:url(/img/sumit_up.png) no-repeat; text-decoration:none; }

.errorblock1 {height:30px; text-align:left; margin:20px 20px 0 20px; background:url(/img/error.png) no-repeat;}
.errorinfo {padding:8px 0 0 50px;}
.errorinfo b {color:#ff0000;}

.gerror {margin:20px 0 10px 180px; border:none; padding:0; position:relative;}

.gerrortitle {position:absolute; top:-30px; height:30px; color:#ff0000; font:bold 14px Arial; margin:0 0 20px 10px; padding:8px 0 0 100px; background:url(/img/error.png) no-repeat;}

.Content .error404 {color:#ff2400; font:bold 12px Arial; padding-left:30px;}
.Content .bgerror404 {height:450px; background:url(/img/404.jpg) no-repeat 170px 30px; position:relative;}
.Content .diverrortitle {font:bold 40px Arial; padding:60px 0 0 50px;}
.Content .diverror {padding:10px;}