body{margin: 3px 0 0 0;}
.main{
  width: 900px;
  margin: 0 auto;
  height: 100%;
  min-height: 100%;
}
.main img{border: none;}
.clear{clear: both;}


/* Header */
.top{
  background: #F8F8F5;
  height: 118px;
}
.top .logo{
  width: 185px;
  height: 70px;
  float: left;
}
.top .logo a img{margin: 20px 45px;}
.top .search{
  float: right;
  height: 20px;
  margin: 45px 45px 0 0;
  width: 350px;
}
.top .search a{
  color: #BBBBBB;
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.top .search .fav{
  float: left;
  width: 100px;
  height: 10px;
}
.top .search .fav a img{
  margin: 6px 36px 0 0;
  vertical-align: top;
}
.top .search .field{float: right;}
.top .search .field input{
  color: #BBBBBB;
  font-size: 12px;
  padding: 0 0 0 10px;
  border: 1px solid #D5D5D5;
  width: 178px;
  height: 17px;
  margin-right: 5px;
}
  

/* Footer   */
.footer{
  margin: 20px 0 0 0;
  width: 900px;
  position: relative;
  bottom: 0;
}

/* Footer menu */
.footer_menu{
  height: 15px;
  width: 580px;
  margin: 0 auto;
}
.footer_menu ul{
  margin: 0;
  padding: 0;
  list-style: none;
  height: 15px;
}
.footer_menu ul li{
  display: block;
  height: 15px;
  float: left;
  width: 112px;
  text-align: center;
  border-left: 1px dotted #99BBDC;
}
.footer_menu ul li.last{border-right: 1px dotted #99BBDC;}
.footer_menu ul li a{
  font: normal 11px 'Verdana', sans-serif;
  color: #FF6600;
  text-decoration: none;
  vertical-align: top;
}
.footer_menu ul li a:hover{color: #737372;}

/* Footer copy */
.footer .copy{
  margin-top: 10px;
  background: #FF8D00;
  height: 27px;
  border-top: 1px solid #FFAB44;
  color: #FFFFFF;
  text-align: center;
  font: normal 10px 'Verdana', sans-serif;
  padding-top: 2px;
}



/* Menu */
.menu{
  margin-top: 3px;
  height: 75px;
  position: relative;
}
.menu ul{
  margin: 0;
  padding: 0;
  list-style: none;
  height: 75px;
}
.menu ul li{
  display: block;
  width: 145px;
  margin: 0 5px 0 0;
  height: 75px;
  float: left;
  background: url(/img/menu_bg.gif) no-repeat;
}
.menu ul li.active{background: url(/img/menu_bg_active.gif) no-repeat;}
.menu ul li.active a{color: #FF6600;}
.menu ul li.last{
  margin: 0;
  width: 147px;
}
.menu ul li a{
  display: block !important;
  height: 40px;
  font: bold 14px 'Verdana', sans-serif;
  color: #737372;
  text-decoration: none;
  text-align: center;
  width: 145px;
  padding: 23px 0 0 0;
}
.menu ul li a:hover{color: #FF6600;}
.menu .free{
  background: url(/img/free.png) no-repeat;
  width: 50px;
  height: 50px;
  position: absolute;;
  right: 0;
  margin: -25px 0 0 0;
}


/* Content */
.content{margin: 5px 0 0 2px;}
.content h2{
  color: #FA7013;
  font: normal 20px Georgia, Arial, Helvetica, sans-serif;
}
.content .txt_grey{
  color:#999999;
  font-style:italic;
  padding-left:8%;
  font-size: 11px;
}


/* PORTFOLIO - CUSTOMERS */  
#portfolio .infoBlock{
  background: #B2B2B2 url(/img/welcome_bg.png) no-repeat;
  width: 300px;
  height: 265px;
  padding: 10px 0 0 20px;
  color: #FFFFFF;
  float: left;
}
#portfolio .infoBlock h1{
  padding-left: 33px;
  font: normal 23px Georgia, Arial, Helvetica, sans-serif;
}
#portfolio .infoBlock p{
  font: normal 11px Georgia, Arial, Helvetica, sans-serif;
  text-align: justify;
/*  border: solid 1px red;*/
}
    
/* end PORTFOLIO - CUSTOMERS */  

.content .infoBlock{
  background: #B2B2B2 url(/img/welcome_bg.png) no-repeat;
  width: 275px;
  height: 225px;
  padding: 50px 0 0 45px;
  color: #FFFFFF;
  float: left;
}
.content .infoBlock h1{
  margin: 0;
  font: normal 24px Georgia, Arial, Helvetica, sans-serif;
}

/* PORTFOLIO - CUSTOMERS */  
.content .portfolio .infoBlock{
  background: #B2B2B2 url(/img/welcome_bg.png) no-repeat;
  width: 275px;
  height: 225px;
  padding: 50px 0 0 45px;
  color: #FFFFFF;
  float: left;
}
.content .portfolio .infoBlock p{
  font: normal 15px Georgia, Arial, Helvetica, sans-serif;
  margin: 20px 20px 0 0;
  text-align: justify;
  width: 250px;
  border: solid 1px red;
}  
.content .pic{
  float: right;
  border: 1px solid #CCCCCC;
  width: 575px;
  height: 273px;
  margin-right: 1px;
}
.content#welcome .pic{background: #E7E7E7 url(/img/pic_bg.gif) no-repeat;}
/*.content#capabilities .pic{background: #E7E7E7 url(/img/pic_bg.gif) no-repeat;}
.content#services .pic{background: #E7E7E7 url(/img/pic_bg.gif) no-repeat;}
.content#portfolio .pic{background: #E7E7E7 url(/img/pic_bg.gif) no-repeat;}
.content#contacts .pic{background: #E7E7E7 url(/img/pic_bg_contacts.gif) no-repeat;}*/
.content .pic .contact{
  position: absolute;
  margin: -265px 0 0 370px;
  background: url(../img/pic_blocks_bg.png) no-repeat;
  color: #666666;
  font: normal 11px Georgia, Arial, Helvetica, sans-serif;
  width: 189px;
  min-height: 76px;
}
.content .pic .contact#white{
  background: url(../img/pic_blocks_white_bg.png) no-repeat;
  min-height: 148px;
}
.content a.mail{
  color: #666666;
  text-decoration: none;
}
.content a.mail:hover{color: #ff6600;}
.content h2.title{margin: 30px 0 0 35px;}
.content h2.title_request{margin: 0 0 0 35px;}
.content h2.txt_title{
  font-size: 16px;
  font-weight: bold;
  margin: 30px 0 0 20px;
}
.content h2.txt_title_sub{
  font-size: 12px;
  font-weight: bold;
  margin: 15px 0 0 20px;
  color: #888888;
  text-transform:uppercase;
}
.content h3.txt_title_sub{
  font-size: 11px;
  font-weight: bold;
  font-style:italic;
  margin: 0 0 0 20px;
  color: #888888;
  text-transform:uppercase;
}
.content .pic .contact p{margin: 10px 0 0 35px;}
.content .pic .lightening{
  background: url(/img/lightening_bg.png) no-repeat;
  width: 233px;
  height: 49px;
  padding: 10px 0 0 20px;
  margin: -30px 0 0 0;
  color: #FFFFFF;
  font: normal 23px Georgia, Arial, Helvetica, sans-serif;
  z-index: 5;
}
.content .company,
.content .services{
  position: relative;
  width: 225px;
  height: 237px;
  background: url(/img/list_block_bg.png) no-repeat;
  float: left;
  margin: 20px 20px 0 0;
}
.content ul.list{list-style: none;}
.content ul.list li{margin: 0 0 5px -24px;}
.content ul.list li img{
  width: 9px;
  height: 9px;
  border: none;
  margin: 0 10px 0 0;
}
.content ul.list li a{
  color: #777777;
  font: normal 12px 'Verdana', sans-serif;
  text-decoration: none;
}
.content ul.list li a:hover{color: #ff6600;}
.content .bottomShadow{
  height: 9px;
  width: 225px;
  position: absolute;
  bottom: 0;
  background: url(/img/list_block_bottom.gif) no-repeat;
}
.content .bottomShadowLarge{
  height: 9px;
  width: 407px;
  position: absolute;
  bottom: 0;
  background: url(/img/list_block_bottom_large.gif) no-repeat;
}
.content .clients{
  position: relative;
  width: 407px;
  background: url(/img/list_block_bg_large.png) no-repeat;
  float: right;
  margin: 20px 0 0 0;
}
.content .clients ul.list{
  height: 135px;
  width: 340px;
  margin: 30px auto 0 auto;
  text-align: center;
  padding: 0;
}
.content .clients ul.list li{
  float: left;
  margin: 12px 18px 0 0px;
  color: #B2B2B2;
}
.content .clients ul.list li.last{margin: 12px 0 0 0;}
.content .clients ul.list li a span{
  font-weight: bold;
  text-decoration: underline;
}
.content .clients ul.list li a:hover{color: #ff6600;}
.content .clients ul.list li img{
  width: 100px;
  height: 70px;
  border: none;
  margin: 0 0 10px 0;
}


/* Welcome */
.content#welcome .infoBlock ul.list{
  padding: 0; 
  margin: 15px 0 0 0; 
}

.content#welcome .infoBlock ul.list li a{color: #FFFFFF;}
.content#welcome .infoBlock ul.list li a:hover{color: #555555;}

/* Services */
.content#services .infoBlock ul.list{
  padding: 0; 
  margin: 15px 0 0 0; 
}
.content#services .infoBlock ul.list li a{color: #FFFFFF;}
.content#services .infoBlock ul.list li a:hover{color: #555555;}
/* CAPABILITIES */
.content#capabilities .infoBlock ul.list{
  padding: 0; 
  margin: 15px 0 0 0; 
}
.content#welcome .block li ul.list li img{
  width: 20px;
  height: 21px;
  vertical-align: middle;
}
.content#capabilities .infoBlock ul.list li a{color: #FFFFFF;}
.content#capabilities .infoBlock ul.list li a:hover{color: #555555;}


.content .txt{
  position: relative;
  width: 662px;
  background: url(/img/txt_block_bg.gif) no-repeat;
  float: left;
  margin: 13px 10px 0 0;
}
.content .txt a{
  color: #777777;
  font: normal 12px 'Verdana', sans-serif;
}
.content .txt p{
  font: normal 12px 'Verdana', sans-serif;
  color: #777777;
  margin-left: 20px;
  text-align: justify;
}
.content .txt ul{
  font: normal 12px 'Verdana', sans-serif;
  color: #777777;
  margin-left: 20px;
  text-align:justify;
}
.content .block{
  position: relative;
  float: left;
  width: 225px;
  background: url(/img/list_block_bg.gif) no-repeat;
  margin: 13px 0 0 0;
  padding-bottom: 20px;
}

.content#services .txt{ position: relative;  width: 100%; background: url(/img/txt_block_bg.gif) no-repeat; float: left; margin: 13px 10px 0 0; }
.content#services .txt ul.list{
  padding: 0 0 0 25px;
  margin-left: 0;
}
.content#services .block li ul.list li,
.content#services .txt ul.list li{margin-bottom: 2px;}
.content#services .txt ul.list li a{vertical-align: top;}
.content#services .txt ul.list li img,
.content#services .block li ul.list li img{
  width: 20px;
  height: 21px;
  vertical-align: middle;
}
content#services .block{ border: 1px solid red;}
.content#services .block li ul.list{margin: 10px 0;}

/* CAPABILITIES */
.content#capabilities .txt ul.list{
  padding: 0 0 0 25px;
  margin-left: 0;
}
.content#capabilities .block li ul.list li,
.content#capabilities .txt ul.list li{margin-bottom: 2px;}
.content#capabilities .txt ul.list li a{vertical-align: top;}
.content#capabilities .txt ul.list li img,

.content#capabilities .block li ul.list li img{
  width: 20px;
  height: 21px;
  vertical-align: middle;
}
.content#capabilities .block li ul.list{margin: 10px 0;}

/* Portfolio */
.content#portfolio .infoBlock a{
  color: #555555;
  text-decoration: none;
}
.content#portfolio .customers{
  position: relative;
  width: 100%;
  background: url(/img/txt_block_bg.gif) no-repeat;
  float: left;
  margin: 13px 10px 0 0;
}
.content#portfolio .line{
  border-top: 1px solid #E0E0E0;
  margin: 15px 15px 0 15px;
}
.content#portfolio .customers .line{
  border-top: 1px solid #E0E0E0;
  margin: 15px 35px 0 35px;
}
.content#portfolio .customers ul.list{
  height: 140px;
  margin: 0 50px 0 50px;
  text-align: center;
  padding: 0;
}
.content#portfolio .customers ul.list li{
  float: left;
  margin: 12px 65px 0 0px;
  color: #B2B2B2;
}
.content#portfolio .customers ul.list li.last{margin: 12px 0 0 0;}
.content#portfolio .customers ul.list li a span{
  font-weight: bold;
  text-decoration: underline;
}
.content#portfolio .customers ul.list li a:hover{color: #ff6600;}
.content#portfolio .customers ul.list li img{
  width: 150px;
  height: 100px;
  border: none;
  margin: 0 0 10px 0;
}
.content#portfolio .txt{width: 470px;}
.content#portfolio .txt h2#customer{
  float: left;
  font: bold 18px Verdana, Arial, Helvetica, sans-serif;
  margin-top: 45px;
}
.content#portfolio .txt .logo{
  float: right;
  margin-top: 15px;
}
.content#portfolio .txt .projects{margin: 30px 0 0 20px;}
.content#portfolio .txt .projects p.orange{
  color: #FA7013;
  margin: 15px 0;
  font-weight: bold;
}
.content#portfolio .txt .projects .screen{
  width: 444px;
  border: 1px solid #E5E5E5;
}
.content#portfolio .txt .projects .screen div{margin: 3px 0 3px 5px;}
.content#portfolio .txt .projects .screen div a{margin: 0 3px 0 0;}
.content#portfolio .txt .projects .screen img{max-width: 444px;}
.content#portfolio .clients{margin-top: 15px;}
.content#portfolio .list{margin-bottom: 15px;}
.content#portfolio .clients ul.list{margin-top: 10px;}
.content#portfolio .clients h2.title{margin-bottom: 25px;}


/* Contacts */
.content#contacts .txt{
  width: 470px;
  padding-top: 30px;
}
.content#contacts .txt ul.num{
  margin: 15px 0 0 -20px;
  list-style: none;
}
.content#contacts .txt ul.num li{
  font: normal 12px 'Verdana', sans-serif;
  color: #777777;
  padding-top: 10px;
}
.content#contacts .txt ul.num li span{vertical-align: top;}
.content#contacts .txt p.mails{margin: 35px 0 0 65px;}
.content#contacts .txt p.mail{
  position: absolute;
  width: 120px;
  height: 75px;
  background: url(/img/mail_bg.png) no-repeat;
  margin-top: 0;
  left: -30px;
}
.content .rightBlock{
  position: relative;
  width: 407px;
  min-height: 380px;
  background: url(/img/list_block_bg_large.gif) no-repeat;
  float: right;
  margin: 20px 0 0 0;
  font: normal 12px 'Verdana', sans-serif;
  color: #777777;
}
.content .rightBlock p{
  font: normal 12px 'Verdana', sans-serif;
  color: #777777;
  margin-left: 20px;
  margin-right: 20px;
  text-align: justify;
}
.content#contacts .rightBlock form{margin: 0 0 0 20px;}
.content#contacts .rightBlock form table td.label{
  text-align: right;
  padding: 0 5px 0 0;
}
.content span.red{color: #FF6600;}
.content#contacts .rightBlock form table td input{
/*  height: 17px;*/
  border: 1px solid #CCCCCC;
  margin: 0 0 2px 0;
}

.content#contacts .rightBlock .require{
  padding: 10px 0 25px 0;
  color: #C4C4C4;
}
.content#contacts .rightBlock a.send{margin: 0 0 0 140px;}

#services form table{ width: 600px; text-align:justify; color: #777777; font: normal 12px 'Verdana', sans-serif; padding: 0 10px 0 20px;}
#services form table td input{
  width: 190px;
  border: 1px solid #CCCCCC;
  margin: 0 0 2px 15px;
}
.map a{ font-family: Verdana, Arial, Helvetica, sans-serif color: #777777;}

/* Request page */

.content#request .txt{
  width:600px;
  padding: 30px 20px 0 0;
}
.content p{
  
}
.content#request form{
  font: normal 12px 'Verdana', sans-serif;
  color: #777777;
  margin-left: 20px;
  margin-right: 20px;
  text-align: justify;
  margin: 0 0 0 20px;
}
.content span.red{color: #FF6600;}
.content#request form table td input{
  width: 170px;
/*  height: 17px;*/
  border: 1px solid #CCCCCC;
  margin: 0 0 2px 10px;
}
/*.content#request form table td input[type=file]{ height:25px; width:250px;}*/
.content#request .require{
  padding: 10px 0 25px 0;
  color: #C4C4C4;
}
.content#services .require{
  padding: 10px 0 25px 0;
  color: #C4C4C4;
  padding: 0 0 0 15px;
}
.content#request .rightBlock a.send{margin: 0 0 0 140px;}

/* remove in future! only for customers list */
.table{ width: 100%;}
.tr{ height: 155px; border-bottom: solid 1px #cccccc; }
.td{ position: relative; float: left; width: 30%; height: 130px; padding: 7px; vertical-align: middle; text-align: center; }
.table a{color:#666666; font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;}

/* contact form */
.contact-field {
	width: 210px;
	border: 1px solid #cccccc;
}
.error_message {
	color:#ff5555 !important;
}

.info_message {
	color:#FA7013 !important;
}