#department-logo, #banner-1 { background-color:#770F72; }

  #body { background:url(/image/layout/bg-navigation.gif) repeat-y right; }

  #navigation { background:url(../image/layout/bg-navigation.gif) repeat-y right; }

  #menu-right ul  { border-top:solid 1px #C8C8D0; }

    #menu-right ul li { border-bottom:solid 1px #C8C8D0;}
    
    #menu-right ul li ul {padding-bottom: 1px;}
    
      #menu-right ul li a { 
        color:#000; 
        background-color:#E2E3E8; 
        border-top:solid 1px #C8C8D0;
        border-left:solid 1px #C8C8D0;
        border-right:solid 1px #C8C8D0;
        }

      #menu-right ul li a:hover { background-color:#E1E3E8; }

#content ul li { list-style-image:url('/image/layout/bullet.gif'); }

#content h1 {
   color:#770F72; 
   clear:both;
   font:bold 110% Tahoma,Helvetica,sans-serif;
   letter-spacing:1px;
   margin-top:.8em;
   margin-bottom:.8em;    
   padding-left:15px;
   padding-bottom:5px;
}

#content div.pane h3 {color: #A44862; font-weight: bold;}
div.pane h3 {color: #A44862; font-weight: bold;}

#content div.text div.n-digit {
    float:left;
    margin: 0px 10px 5px 5px;
}

#content div.form div.submit input {
    background-color: #770F72;
    padding: 5px 5px;
    color: white;
    border: 0;
}
div.form div.submit input {
    background-color: #770F72;
    padding: 5px 5px;
    color: white;
    border: 0;
}

#content div.news div.story-techart { padding:0.25em 10px .1em 15px; overflow: hidden;}

  #content div.news div.story-techart h3 {
    font:normal 85% Arial,Helvetica,sans-serif;
    margin-bottom:0.5em;
    width: 220px;
    float: left;
    }
    
  #content div.news div.story-techart p.date {
    color:#777;
    padding-top: 0.1em;
    margin-left:0;
    height:2em;
    margin-right: 5px;
    float: left;
    font:normal 77% Arial,Helvetica,sans-serif;
    }
    
#content .timescale ul li { list-style-image:none; }
#news-carousel li {list-style-image:none !important; }
.align-right {float: right; margin: 8px}

#content div.columns ul.portfolio {
   line-height: 1.2 em;
   margin: 0 0 1em 20px;
   padding:0px;
   list-style-type: none;
   list-style-image: none;
}
   #content div.columns ul.portfolio li {
      line-height:1.2em;
      margin:0px;
      padding:0px 0px 2px 5px;
      list-style-type: none;
      list-style-image: none;
   }
   
#content div.projects ul { padding:0 20px; list-style-type: none;}

    #content div.projects ul li { 
       margin:0.2em 0 1.2em 0;
       overflow: hidden;
       line-height: 1.5em;
       font-size: 92%;
       list-style-type: none;
       list-style-image: none;
       background: none;
    }
   
    #content div.projects ul li span.date {
       color:#777;
       margin-top:0px;
       margin-bottom:0px;
       margin-right: 10px;
       padding-top: 2px;
       width: auto;
       overflow: hidden;
       float: left;
       display: block;
       font:normal 92% Arial, Helvetica, sans-serif;
    }
    
    #content div.projects ul li .small {
       font-size: 85%;
    }
    
    #content div.projects ul li span.name {
       display: inline;
       margin-left: 0px;
    }
    #content div.projects ul.portfolio_section {
       line-height: 1.2 em;
       margin: 0 0 1em 10px;
       padding:0px;
       list-style-type: none;
       list-style-image: none;
    }
       #content div.projects ul.portfolio_section li {
          line-height:1.2em;
          overflow: hidden;
          width: 100%;
          margin:0 0 3px 0;
          padding:0px 0px 0px 10px;
          list-style-type: none;
          list-style-image: none;
       }
       #content div.projects ul.portfolio_section li .date {
          float: left;
          display: block;
          width: auto;
       }
       #content div.projects ul.portfolio_section li .name {
          float: left;
          display: block;
          width: 500px;
          font-size: 92%;
       } 

#prj_info {
    position: absolute;
    margin-top: -80px;
    margin-left: 100px;
    padding: 10px 15px 10px 15px;
    width: 300px;
    display: none;
    border: 1px solid #caccd0;
    background: #dedede;
    font-size: 11px;
    text-align: left;
    font-family: Tahoma, Arial, Sans-Serif;
}
#prj_info_in {
    padding: 10px 10px 10px 15px;
    width: 320px;
    background: #fefefe;
    font-size: 11px;
    text-align: center;
    font-family: Tahoma, Arial, Sans-Serif;
}
    #prj_info_in * {
        text-align: center;
    }
    #prj_info_in .header {
        text-align: left;
        margin-bottom: 10px;
    }
    #prj_info_in .img_close {
        float: right;
        cursor: pointer;
        margin: 0px 0px 5px 10px;
    }
    #prj_info_in .date {
        color: #8C3755;
        padding-right: 5px;
        font-size: 17px;
    }
    #prj_info_in .info_url {
        font-size: 17px;
        color: #8C3755;
        padding-left: 5px;
    }
    
    #prj_info_in p {
       margin: 0.8em 0;
    }

#content div.last_projects {
   height: 100%;
   line-height: 1.3em;
   margin: 0px 20px;
   overflow: hidden;
}
   #content div.last_projects div.last_project {
      width: 50%;
      float: left;
      text-align: center;
   }
   #content div.last_projects div.last_project .description {
      height: 65px;
      font-size: 85%;
   }
   #content div.last_projects div.last_project .date {
      color: #777;
      font-weight: bold;
   }
   #content div.last_projects .grey {
      background-color: #F2F2F2;
   }
   
#content div.nav_projects {
   margin: 0.5em 20px 1.5em 20px;
   overflow: hidden;
}

   #content div.nav_projects .item {
      float: left;
      padding: 3px 10px 3px 10px;
      width: auto;
      border-right: 1px solid #777;
      font-size: 100%;
      font-weight: bold;
   }
   
   #content div.nav_projects div.last {
      border-right: 0;
   }
   
.map-frame {
    width:560px;
    height:400px;
    padding:0px;
    margin: 0px 15px;
}

#content div.timenav { 
   margin: 0 20px 10px 20px;
}
   #content div.timenav div.years {}
      #content div.timenav div.years a {
         padding: 10px 20px 0 0;
         display: block; 
         float: left;
         font-size: 100%;
         color: #444;
         text-decoration: none;
         font-family: arial, helvetica, sans-serif;
      }
      #content div.timenav div.years a:hover {
         text-decoration: underline;
      }
      #content div.timenav div.years span { 
         float: left; 
         font-size: 185%; 
         color: #780046;
         letter-spacing: 5px;
         display: none;
         padding: 0 18px 0 0;
      } 
      #content div.timenav div.months { 
         border-top: 3px solid #780046;
         float: none;
         clear: both;
         padding: 0;
         height: 100%;
         overflow: hidden; 
      }
      #content div.timenav div.months a, div.timenav div.months span { 
         display: block;
         float: left;
         padding: 5px 11px 5px 11px;
         margin: 0; 
         font-family: "trebuchet ms",arial,helvetica,sans-serif;
      }
      #content div.timenav div.months a {
         text-decoration: none;
         color: #780046; 
      }
      #content div.timenav div.months a:hover {
         text-decoration: underline;
      }
      #content div.timenav div.months span { 
         color: #aaa;
      }
      #content div.timenav div.months a.current {
         background-color: #780046;
         color: #fff;
      }
      #content div.timenav div.months a.first {
         padding-left:20px;
      }

#prevnext { 
   float: none;
   clear: both; 
   border-bottom: 1px solid #ddd;
   background-color: #F2F2F4;
   background-image: url(http://www.techart.ru/image/news-prev-next-bg.gif);
   background-repeat: no-repeat;
   background-position: top center;
   height: 100%;
   font-size: 92%;
   overflow: hidden;
   margin: 0px 0 10px 0px;
}
   #prevnext #prevnewsi { 
      float: left;
      width: 20px;
      padding: 40px 10px 40px 10px;}
   #prevnext #prevnews { 
      float: left;
      width: 230px;
      padding: 30px 0 10px 0;
   }
   #prevnext #nextnewsi {
      float: right;
      padding: 40px 10px 40px 10px;
   }
   #prevnext #nextnews {
      float: right;
      width: 230px;
      padding: 30px 0 10px 0;
   }
   #prevnext h3 { 
      font-size: 92%;
      color: #888;
   }
   #prevnext a,#prevnext a:hover { 
      font-size: 92%;
      text-decoration: none;
      color: #444;
   }
   #prevnext a b { 
      font-weight: normal;
   }
   
   
#content div.newsimg {
   display: none;
   width: 170px;
   padding: 0 20px 0 7px;
   height: 260px;
   float: left;
}
   #content div.newsimg p {
      font-size: 82%;
      line-height:1.3em;
      color: #666;
      margin-top: 12px;
   }
#content #newsarchive {
   width: 302px;
   padding: 0 0 0px 0;
   margin: 0;
   float: left;
}
   #content #newsarchive ul {
      list-style-image: none;
      list-style-type: none;
   }
      #content #newsarchive ul li { 
         padding: 0 0 15px 0;
         list-style-image: none;
         list-style-type: none;
      }
      #content #newsarchive ul li h3 {
         padding: 0;
         margin: 0;
         color: #949494;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 85%;
         font-weight: bold;
      }
      #content #newsarchive ul li a {
         font-size: 92%;
      }

#content div.events a { color:#394181; }
	
  #content div.events div.summary {
  	clear:both;
  	height:100%;
  	margin-top:20px;
  	overflow:hidden;
  	}
   #content div.events div.summary div.logo {
      float:left;
      padding-left:20px;
      width:110px;
   }
   #content div.events div.summary div.info {
      float: right;
      width: 460px;
   }

    #content div.events div.summary h3 { 
      font:bold 100% Arial, Helvetica, sans-serif !important;
      margin:2px 20px 10px 0px; 
      }
      #content div.events div.summary h3 a { color:#394181; } 


    #content div.events div.summary p {
      font:normal 85% Arial, Helvetica, sans-serif;
      margin:5px 15px 5px 0px; 
      }

  	#content div.events div.summary div.image {
       border:solid 1px #CCC;
       padding: 1px;
       height:75px;
       width:75px;
	}
	    
	  #content div.events div.summary p.date {
	    color:#777;
	    margin-top:0px;
	    margin-bottom:0px;
	    font:normal 77% Arial, Helvetica, sans-serif;
	    }
       
     #content div.events div.summary p.date .head {
        color: #70176B;
        letter-spacing: 1px;
        margin-left: 5px;
        font-weight: bold;
        font-size: 108%;
     }
       
#content div.event {
  margin-top:20px;
  }
	
  #content div.event div.image {
    border:solid 1px #CCC;
    float:left;
    margin-left:20px;
    margin-bottom:20px;
    line-height: 0;
    width:75px;
    padding: 1px;
  }
  #content div.event p.brief {
     padding: 3px;
  }

  #content div.event p.date {
    color:#777;
    font-size:85%;
    margin:0 20px 5px 110px;
    }
    
  #content div.event h2 {
    font:bold 108% Arial, Helvetica, sans-serif;
    margin:2px 20px 0 110px;
    }

  #content div.event p {
    margin:.4em 20px .4em 110px;
    }

    #content div.event p.media { 
      color:#777;
      font-size:85%;
      margin-bottom:1em; 
      }
      
#content div.waste {
	clear:both;
	padding:0 20px 10px 20px;
  }      
#content div.photos {
   margin: 0.5em 0px;
   /* overflow: auto; */
}
   #content div.photos img {
      margin: 0px 2px 8px 0px;
   }
#content div#tabs h3.first {
   margin-left: 20px;
}
#content div#tabs h3 {
   margin-left: 5px;
   z-index: 5;
   padding-left: 0;
   padding-right: 0;
   display: inline;
   border-left: 0;
   border-right: 0;
   border-top: 2px solid #F0F0F0;
}
   #content div#tabs h3.selected {
       border-top:solid 2px #FD980A;
       border-left:solid 1px #CCC;
       border-right:solid 1px #CCC;
       border-bottom: solid 1px white;
   }

   #content div#tabs h3 a {
      color: #000;
      background-color: #F0F0F0;
      padding: 3px 8px 0px 8px;
      outline-style: none;
      text-decoration: none;
   }
      #content div#tabs h3 a:visited {
         color: #000;
      }
      #content div#tabs h3 a:hover {
         color: #FFF;
         background-color: #780046; 
      }
      #content div#tabs h3.selected a,
      #content div#tabs h3.selected a:hover,
      #content div#tabs h3.selected a:visited {
         background-color: transparent;
         color: #A44862;
      }
 
#content div.body div.form div.row {
    margin-left: 0px;
}
 #content div.body div.form label.error {
    display: inline;
    float: none;
    color: red;
    margin-left: 160px;
 }
 #content div.body div.form input.error {
    border: 1px dashed red;
 }
 
 #content div.form div.submit input.gray {
    background: #acacac;
    color: #FFF;
 }
 
 
 .form_message {
    display: none;
 }
 .form_container {
    display: block;
 }

#content div.comment  {
   padding: 4px 10px;
   overflow: hidden;
}
   #content div.comment .logo_comment {
      margin: 5px 10px 5px 0px;
      float: left;
      padding: 1px;
      border: 1px solid #acacac;
   }
#content .bgcomment0 {
}
#content .bgcomment1 {
}
 
#content div.comment span.author {
  font-size:92%;
  font-weight:bold;
}
#content div.comment span.date {
  color:#777;
  font-size:85%;
}
#content div.comment div.text {
  margin:.5em 0 1.5em 0;
}
   #content #events-carousel {
      list-style-type:none;
      list-style-image: none;
   }
   #content #events-carousel li {
      list-style-type:none;
      list-style-image: none;
   }
   
   #content #gallery-carousel {
      list-style-type:none;
      list-style-image: none;
   }
   #content #gallery-carousel li {
      list-style-type:none;
      list-style-image: none;
   }
   .carousel-main .jcarousel-container {
      border-bottom:solid 1px #DDD;
      background: #F2F2F4;
      height:100px;
   }

.carousel-main { font:normal 85% Arial, Helvetica, sans-serif; }

.carousel-main a { color:black !important; text-decoration:none !important;  }

.carousel-main .jcarousel-container-horizontal {
  width:530px;
  padding:0 30px;
  }

.carousel-main .jcarousel-clip-horizontal { 
  height:95px;
  width:526px; 
  }

  .carousel-main .jcarousel-item { 
     padding:10px;
     height:80px;
     width: 240px;
  }
.carousel-main .jcarousel-item-horizontal { 
	margin-right: 2px; 
	margin-left:2px; 
 
}
.carousel-main .jcarousel-item-placeholder {
  background: #fff;
  color: #000;
  }
.carousel-main .jcarousel-next-horizontal {
   position: absolute;
   top:50%;
   margin-top: -16px;
   margin-right:5px;
   right: 0px;
   width: 25px;
   height: 80px;
   cursor: pointer;
   background: transparent url(/image/news-next.gif) no-repeat 0 0;
}
.carousel-main .jcarousel-prev-horizontal {
   background: transparent url(/image/news-prev.gif) no-repeat 5px 0;
   cursor: pointer;
   height: 80px;
   left: 0px;
   margin-top:-16px;
   margin-left:5px;
   position: absolute;
   top: 50%;
   width: 25px;
}
.carousel-main .active { 
    background:#E2E7E9 !important;
    border-bottom:solid 4px #FEC013;
    }

.carousel-main  {
  margin-top:20px;
  margin-bottom:15px;
  display: none;
  }

.carousel-main span.date { color:#777; }

.carousel-main h1 {
   background: #F2F2F4;
   margin: 0 !important;
   padding: 5px 0px;
   font-size: 130% !important;
}


.carousel-main .event {
}

.carousel-main .event .logo {
   width: 80px;
   padding-right: 10px;
}
.carousel-main .event .logo img {
   border: 1px solid #D6D6D6;
   padding: 1px;
}
.carousel-main .event .date {
   color: #818184;
}
.carousel-main .event .head {
   color: #70176B;
   letter-spacing: 1px;
   margin-left: 5px;
   font-weight: bold;
}
.carousel-main .event .name {
   font-size: 100%;
}
.carousel-main .event p.name  a:hover {
   text-decoration: underline !important;
}

.carousel-gallery h1 {
   background: #F2F2F4;
   margin: 0 !important;
   padding: 5px 0px;
   font-size: 130% !important;
}

.carousel-gallery .leftlight {
   position: absolute;
   background: url(/image/layout/leftblock.png) 0 0% no-repeat;
   width: 72px;
   height: 120px;
   z-index: 999;
   top: 35px;
   padding: 0;
   margin: 0;
   left: 30px;
}
.carousel-gallery .rightlight {
   position: absolute;
   background: url(/image/layout/rightblock.png) 0 0% no-repeat;
   width: 72px;
   height: 120px;
   z-index: 999;
   padding: 0;
   margin: 0;
   top: 35px;
   right: 32px;
}

.carousel-gallery {
   font:normal 85% Arial, Helvetica, sans-serif;
   margin-top:5px;
   margin-bottom:15px;
   display: none;
}
   .carousel-gallery .jcarousel-container {
      border-bottom:solid 1px #DDD;
      background: #F2F2F4;
      height:130px;
   }
   .carousel-gallery a { color:black !important; text-decoration:none !important;  }
   .carousel-gallery .jcarousel-container-horizontal {
      width:530px;
      padding:0 30px;
   }
   .carousel-gallery .jcarousel-clip-horizontal { 
      height:130px;
      width:526px; 
   }
   .carousel-gallery .jcarousel-item { 
      padding:10px 7px;
      height:110px;
      width: 160px;
   }
   .carousel-gallery .jcarousel-item-horizontal { 
      margin-right: 0px; 
      margin-left:0px; 
   }
   .carousel-gallery .jcarousel-item-placeholder {
      background: #fff;
      color: #000;
   }
   .carousel-gallery .jcarousel-next-horizontal {
      position: absolute;
      top:50%;
      margin-top: -16px;
      margin-right:5px;
      right: 0px;
      width: 25px;
      height: 80px;
      cursor: pointer;
      background: transparent url(/image/news-next.gif) no-repeat 0 0;
   }
   .carousel-gallery .jcarousel-prev-horizontal {
      background: transparent url(/image/news-prev.gif) no-repeat 5px 0;
      cursor: pointer;
      height: 80px;
      left: 0px;
      margin-top:-16px;
      margin-left:5px;
      position: absolute;
      top: 50%;
      width: 25px;
   }
   .carousel-gallery .active { 
      background:#E2E7E9 !important;
      border-bottom:solid 4px #FEC013;
   }
   #gallery_carousel div.photo img {
      display: block;
      font-size: 0;
   }
   
#content div.eventnav { 
   margin: 0 20px 10px 20px;
}
   #content div.eventnav div.years {}
      #content div.eventnav div.years a {
         padding: 10px 20px 0 0;
         display: block;
         outline-style: none;
         float: left;
         font-size: 100%;
         color: #444;
         text-decoration: none;
         font-family: arial, helvetica, sans-serif;
      }
      #content div.eventnav div.years a:hover {
         text-decoration: underline;
      }
      #content div.eventnav div.years a.current { 
         font-size: 185%; 
         color: #780046;
         letter-spacing: 5px;
         padding: 0 18px 0 0;
      } 
      #content div.eventnav div.months { 
         border-top: 3px solid #780046;
         float: none;
         clear: both;
         padding: 0;
         height: 100%;
         overflow: hidden; 
      }
      #content div.eventnav div.months a, div.eventnav div.months span { 
         display: block;
         float: left;
         padding: 5px 11px 5px 11px;
         margin: 0; 
         font-family: "trebuchet ms",arial,helvetica,sans-serif;
      }
      #content div.eventnav div.months a {
         text-decoration: none;
         outline-style: none;
         color: #780046; 
      }
      #content div.eventnav div.months a:hover {
         text-decoration: underline;
         background-color: #E2E2E2;
      }
      #content div.eventnav div.months span { 
         color: #aaa;
      }
      #content div.eventnav div.months a.current {
         background-color: #780046;
         color: #fff;
      }
      #content div.eventnav div.months a.first {
         margin-left:20px;
      }

#content .little {
   font-size: 83%;
}
#top_counters {
   height: 1px;
   overflow: hidden;
   opacity: 1.0;
   filter: alpha(opacity=100);
}
a.img {
   margin-left: 10px;
   
}
a.img img {
   vertical-align: middle;
}
#content h1 a {
   color:#770F72 !important;
   text-decoration: none;
}
#content h1 a:hover {
   text-decoration: underline;
}
.contest_photos {
   width: 100%;
   border-collapse: collapse;
}
   .contest_photos td {
      vertical-align: middle;
   }
   
      .contest_photos td.img {
         padding: 4px 5px;
         width: 180px;
         text-align: center;
         border: 1px solid #acacac;
      }
      .contest_photos td.info {
         vertical-align: top;
         font-size: 83%;
         color: #555;
         padding: 3px 8px;
         background: url(/image/layout/bg-photo.gif) 0 0;
      }
         .contest_photos td.info .title {
            font-size: 120%;
            color: #333;
            margin-bottom: 2px;
         }
      .contest_photos td.delimiter div {
         width: 12px;
      }
.photo_popup {
   padding-left: 5px;
}

#facebox  div.form {  }
 
  #facebox div.form div.row {
    clear:both;
    margin:0 0 10px 10px;
    }
    
    #facebox div.form div.row label { 
      display:block; 
      font-size:93%;
      margin-bottom:5px;
      }

      #facebox div.form div.row label span {
        color:#EB8608;
        font:bold 108% Arial,Helvetica,sans-serif;
        }
    
    #facebox div.form div.row label input { border:none !important; }
    
    #facebox div.form div.row p.help { font-size:85%; }
    
    #facebox div.form div.row input, 
    #facebox div.form div.row textarea, 
    #facebox div.form div.row select {
      background:#fcfff5;
      border: solid 1px #bbb;
      border-color:#999 #ccc #ccc #999;
      font-family:Arial, sans-serif; 
      font-weight:normal; 
      font-size:93%;
      margin:2px 0; 
      padding:2px 3px; 
      vertical-align:middle; 
      }

  #facebox div.form div.aligned {}

    #facebox div.form div.aligned input,
    #facebox div.form div.aligned textarea { width:360px; }

    #facebox div.form div.aligned label {
      display:block;
      float:left;
      margin:4px 0;
      padding:0 1em 0 0;
      text-align:right;
      width:90px;
      }

    #facebox div.form div.aligned p {
      padding-top:2px;
      margin-left:12%;
      padding-left:1em;
      }

  #facebox div.form.div.required {}

    #facebox div.form div.required label {
      font-weight:bold;
      color:#3f606f;
      }
 
 #facebox div.form label.inline {
      display:inline !important;
      float:none !important;
      width:auto !important;
      }

  #facebox div.form div.submit {
    clear:both;
    margin:1px 0;
    padding:10px 10px 10px 100px;
    }

  #facebox div.form div.submit input.button {
    margin-left:15px;
    }


#facebox div.comment  {
   padding: 4px 10px;
   width: 100%;
   overflow: hidden;
}
   #facebox div.comment span.author {
     font-size:92%;
     font-weight:bold;
   }
   #facebox div.comment span.date {
     color:#777;
     font-size:85%;
   }
   #facebox div.comment div.text {
     margin:.5em 0 1.5em 0;
   }
.hidden {
   display: none;
}


#presentations div.story { padding:0.25em 10px .5em 20px; overflow: hidden;}

  #presentations div.story h3 {
    font:100% Arial,Helvetica,sans-serif;
    margin-bottom:0.5em;
    color: #780046;
    font-weight: bold;
  }
    
  #presentations div.story p.date {
    color:#777;
    padding-top: 0.1em;
    margin-left:0;
    height:2em;
    margin-right: 5px;
    font:normal 77% Arial,Helvetica,sans-serif;
  }
    
  #presentations_tags {
     margin: 0px 10px 10px 20px;
     line-height: 140%;
  }
  #presentations_tags a {
     margin-right: 7px;
     color: #780046;
     padding: 2px 4px;
     font-size: 92%;
     text-decoration: none;
  }
  .taglist {
     float: left;
     width: 240px;
     margin: 0;
     padding-right: 15px;
  }
#counters {
   width: 200px;
}
   #counters img {
      margin-bottom: 8px;
   }