.bor { border: 1px solid white }

#main { margin: 47px 0px 0px 53px; }
#header { width: 884px; height: 153px; }
#menu { float: right; z-index: 1000; }
#menu img { display: block; }
#menu i { display: block; background: url('../img/this.gif') no-repeat top left; width: 18px; height: 9px; position: absolute; left: 6px; }
#logo { margin-top: 34px; }

/* for index */
#sliderframe { border: 0px solid #396; display: block; margin-left: 110px; }

/* for services */
.servicespage #content { width: 884px; }
.servicespage #content ul { display: block; margin-left: 138px; }
.servicespage #content ul li { margin: 0px 164px 78px 0px; }
.servicespage #content ul li.el { margin-right: 50px; }
.servicespage #content ul li b img,
.servicespage #content ul li i img,
.servicespage #content ul li b,
.servicespage #content ul li i { display: block; }
.servicespage #content ul li i { margin-top: 5px; height: 36px; text-align: center; width: 114px; font-family: Arial; font-size: 11px; color: #444; font-style: normal; }

/* for portfolio */
.portfoliopage #content { margin: 70px 0px 140px 0px; }
.portfoliopage #content ul { width: 580px; display: block; margin: 0px 0px 0px 225px; }
.portfoliopage #content ul li { width: 116px; height: 112px; background: url('../img/p_def.gif') no-repeat top left; position: relative; }
.portfoliopage #content ul li img { display: block; margin: 8px 0px 0px 10px; }
.portfoliopage #content ul li.pi img { background: url('../img/wait.gif') no-repeat 50% 69%; }
.portfoliopage #content #tv { width: 200px; position: absolute; top: 0px; left: 17px; z-index: 1200; }
.portfoliopage #content .descr { font-family: Arial; font-size: 11px; color: #889; padding: 7px 2px; }
.portfoliopage #content .descr  b { display: block; font-weight: bold; padding: 15px 0px; }

.portfoliopage #content ul li.pi b { position: absolute; top: 0px; left: 0px; display: block; width: 116px; height: 112px; }

/* for clients */
.clientspage #content { margin: 70px 0px 140px 0px; }
.clientspage #content ul { width: 650px; display: block; margin: 0px 0px 0px 225px;}
.clientspage #content ul li { width: 149px; margin: 0px 7px 0px 0px; }
.clientspage #content ul li img { display: block; margin: 0px; }
.clientspage #content ul li.pi img { background: url('../img/wait.gif') no-repeat 50% 69%; }
.clientspage #content #tv { width: 200px; position: absolute; top: 0px; left: 17px; z-index: 1200; }
.clientspage #content .descr { font-family: Arial; font-size: 11px; color: #889; padding: 7px 2px; }
.clientspage #content .descr  b { display: block; font-weight: normal; padding: 15px 0px; }
.clientspage #content ul li.po img { display: block; background: #eaedef; width: 149px; height: 99px; }

/* for contacts */
.contactspage #content { margin: 70px 0px 140px 120px; }
.contactspage #content .descr { margin-left: 350px; position: absolute; top: 38px; left: 0px; }
.contactspage #content .descr i { display: block; height: 42px; width: 400px; font-family: Arial; font-size: 12px; color: #444; font-style: normal; }
.contactspage #content .descr a { display: block; margin-top: 5px; width: 120px; font-family: Arial; font-size: 12px; color: #444; font-style: normal; color: #23b3ff; }


/* for showcases */
.portfoliopage #kolobok table { width: 895px; }
.portfoliopage #kolobok #caseinfo { width: 680px; }
.portfoliopage #kolobok #pprev { width: 120px; }
.portfoliopage #kolobok #pnext { width: 97px; }
.portfoliopage #kolobok #pprev a,
.portfoliopage #kolobok #pnext a { display: none; }

.portfoliopage #kolobok table .forcase { width: auto; margin: 0px auto; }

.portfoliopage #case { }
.portfoliopage #case ul li { margin: 0px 8px 7px 0px; }
.portfoliopage #case ul li img { display: block; }
.portfoliopage #case ul .sep { border-top: 0px solid #fff; float: none; clear: both; margin: 0px; }

.portfoliopage #caseinfo .descr_it { height: 50px; font-family: Arial; font-size: 11px; color: #889; }
.portfoliopage #caseinfo .descr_it b { display: block; font-weight: bold; padding: 0px; }


#main { overflow: hidden; }
#blind { z-index: 5000; }
#blind .video { display: block; width: 500px; text-align: right; }
#blind .clvid { text-align: right; font-style: normal; color: #f90; }
#blind .video i a { display: block; font-style: normal; font-weight: bold; color: #f90; margin-left: auto; text-align: right; }
#blind .image { display: block;}
#blind .image img { display: block; }
.blind { width: 890px; height: 1800px; background: url( '../img/fade.gif' ); position: absolute; top: 144px; left: 0px; }

/* resets */
.portfoliopage #caseinfo .case2 ul .video { margin-right: 10px; }

/* other */

#ctitle { width: 768px; }
#ctitle img { display: block; margin: 0px 0px 26px auto;}

/* "this" */
.indexpage #menu i { top: 7px; }
.servicespage #menu i { top: 27px; }
.portfoliopage #menu i { top: 47px; }
.clientspage #menu i { top: 67px; }
.contactspage #menu i { top: 87px; }

