* {
  margin: 0px;
  padding: 0px;
  font-family: Tahoma;
  font-size: 14px;
  color: #8c8a9a;
}

body, html {
 background: #fef5e1 url(../images/header_spring.jpg) no-repeat center top;
 height: 100%;
}

#main {
  width: 1000px;
  margin: 0px auto;
  position: relative;
}

#bottom {
  height: 50px; 
}

#phone{
  position: absolute;
  margin: 70px 0px 0px 808px;
}

#phone p a{
  font-size: 13px;
}

#phone p{
  font-size: 13px;
  color: #fff;
  margin: 5px 0px 0px 0px;
}

#phone p.first{
  margin: 20px 0px 0px 0px;
}

#header{
  height: 340px;
}

#menu {
 position: absolute;
 top: 280px;
 left: 230px;
}

#menu li {
 display: block;
 float: left;
 padding: 0px;
 margin: 0px 10px;
}

#menu li a{
 font-size: 18px;
 color: #faaa00;
}

#menu li a.active{
 font-size: 18px;
 color: #d60800;
 text-decoration: none;
}

#news {
  margin: 0px;
  position: relative;
}

#news .item{
  width: 300px;
  float: left;
  margin: 10px 0px 10px 25px; 
}

#news p.date{
  font-size: 12px;
  color: #cc8b01;
  margin: 5px 0px;
}

#news p{
  font-size: 12px;
  margin: 10px 0px;
  line-height: 17px;
}

#news img{
  border: solid 1px #cc8b01;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
  width: 298px;
  background: url(../images/anim_logo.gif) no-repeat right bottom;
}

#news img.point {
  border: 0px;
  margin: 2px 5px 0px 23px;
  width: 17px;
  height: 16px;
  float: left;
}

/*---------------------------------------------*/

#ourprojects {
  margin: 0px;
  position: relative;
}

#ourprojects .item{
  width: 300px;
  float: left;
  margin: 10px 0px 10px 25px; 
}

#ourprojects p.date{
  font-size: 12px;
  color: #cc8b01;
  margin: 5px 0px;
}

#ourprojects p{
  font-size: 12px;
  margin: 10px 0px;
  line-height: 17px;
}

#ourprojects img{
  border: solid 1px #cc8b01;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
  width: 298px;
  background: url(../images/anim_logo.gif) no-repeat right bottom;
}

#ourprojects img.point {
  border: 0px;
  margin: 2px 5px 0px 23px;
  width: 17px;
  height: 16px;
  float: left;
}

img.point {
  border: 0px;
  margin: 2px 5px 0px 23px;
  width: 17px;
  height: 16px;
  float: left;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

h1{
 font-size: 26px;
 font-weight: 400;
 color: #d20500;
 text-align: center;
}

h2{
 font-size: 18px;
 font-weight: 400;
 color: #d20500;
}

h3 {
 font-size: 16px;
 font-weight: 600;
 color: #d20500;
 line-height: 22px;
}

.newsblockhead{
 font-size: 16px;
 font-weight: 600;
 color: #d20500;
 line-height: 22px;

}

a.h3 {
 font-size: 16px;
 font-weight: 600;
 color: #d20500;
 line-height: 22px;
}

a{
  color: #503bdf;
}

#about_center a, a.unvisible
{
 color:#8C8A9A;
 text-decoration:none;
}

#about_center a:hover,a:hover.unvisible
{
 text-decoration:underline;
}


{
 color:#8C8A9A;
 text-decoration:none;
}


img {
  border: 0px;
}

p.copyright{
  color: #cc8b01;
  margin: 0px 20px;
}

img.map {
  float: left;
  margin: 20px 30px 0px 40px;
}

.big18 {
  font-size: 18px;
  margin: 5px 0px;
}

#address {
  margin: 110px 0px 0px 75px; 
}

div.aservice{
  text-decoration: none;
  width: 400px;
  height: 280px;
  background: url(../images/service.jpg) no-repeat;
  float: left;
  margin: 30px;
  cursor: pointer; 
  display: block;
}  

div.aservice:hover{
  background: url(../images/service.jpg) no-repeat 0 -280px;
}

.aservice h2{
  color: #fff;
  text-align: center; 
  margin: 10px 0px 0px 0px;
}

.aservice strong{
  color: #fff;
  font-weight: normal;
}

.aservice p.pleft{
  color: #fff;
  margin: 30px 200px 0px 20px;
}

.aservice ul{
  color: #fff;
  margin: 10px 20px 10px 50px;
}

.aservice ul li{
  color: #fff;
}

.aservice img.iright {
  float: right;
  margin: 30px 1px 0px 0px;
  margin-right: 10px;
}

.aservice p.pright{
  color: #fff;
  margin: 30px 10px 0px 200px;
}

.aservice img.ileft {
  float: left;
  margin: 30px 0px 0px 1px;
}

a.smenu {
  width: 231px;
  height: 47px;
  display: block;
  float: left;
  margin: 10px 9px 10px 9px;
  background: url(../images/menu.jpg) no-repeat;
  font-size: 18px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 47px;
}

a.act {
  background: url(../images/menu_act.jpg) no-repeat;
}

p.text {
  margin: 10px 30px 10px 30px;
  line-height: 25px;
}

img.border1 {
  border: solid 1px #cc8b01;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
  width: 300px;
  float: right;
  margin: 20px;
} 

div.proj {
  width: 202px;
  height: 200px;
  float: left;
  margin: 20px 20px 0px 20px;
  text-align: center;  
}

div.proj a.over img{
  width: 200px;
  border: solid 1px #cc8b01;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
}

div.proj a.over {
  overflow: hidden;
  width: 200px;
  height: 150px;
  display: block;
}

div.proj a{
  color: #d20500;
  font-size: 12px;
}

.back{
  background: url(../images/service_back.jpg) no-repeat right bottom;
  z-index: 0;
}

#clients_top{
  background: url(../images/client_top.jpg) no-repeat;
  width: 953px;
  height: 36px;
  margin-left: 10px;
}

#clients_center{
  background: url(../images/client_center.jpg) repeat-y;
  width: 953px;
  margin-left: 10px;
}

#clients_bottom{
  background: url(../images/client_bottom.jpg) no-repeat;
  width: 953px;
  height: 27px;
  margin-left: 10px;
}

div.client {
  width: 180px;
  height: 200px;
  float: left;
  margin: 20px 0px 0px 43px;
  text-align: center;
  border: solid 1px #fff;
}

div.client div.over img{
  display: block;
  margin: 0px 0px 0px 0px;
}

div.client div.over {
  height: 180px;
}

div.client a{
  color: #cc8b01;
  font-size: 12px;
}

div.client a:hover{
  color: #d20500;
  text-decoration: none;
}




#about_top{
  background: url(../images/about_top.png) no-repeat;
  width: 1000px;
  height: 28px;
}

#about_center{
  background: url(../images/about_center.png) repeat-y;
  width: 920px;
  padding: 10px 40px;
}

#about_center h1{
 text-align: left;
}

#about_bottom{
  background: url(../images/about_bottom.png) no-repeat;
  width: 1000px;
  height: 17px;
}

#about_center img{
  margin: 20px 0px 0px 0px;
  border: solid 1px #bdbdbd;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
  float: right;
}

#images{
  float: right;
  width: 305px;
  margin: 30px 10px 0px 10px;
}  

#about_center p{
  width: 550px;
  line-height: 21px;
  margin: 20px 10px;
}

#about {
  width: 1000px;
  background: #fffffe url(../images/uzor.gif) no-repeat bottom right;
}

#abou1t img{
  margin: 80px 30px 0px 0px;
  border: solid 1px #bdbdbd;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
  float: right;
}

#ab1out p{
  width: 550px;
  line-height: 21px;
  margin: 20px 10px;
}

#prj_top{
  background: url(../images/project_top.jpg) no-repeat;
  width: 704px;
  height: 36px;
  margin-left: 150px;
}

#prj_center{
  background: url(../images/project_center.jpg) repeat-y;
  width: 624px;
  margin-left: 150px;
  padding: 0px 90px 0px 40px; 
}

#prj_center h1{
  font-size: 21px;
}

#prj_center h2{
  font-size: 17px;
  font-weight: normal;
  text-align: center;
}

#prj_bottom{
  background: url(../images/project_bottom.jpg) no-repeat;
  width: 704px;
  height: 47px;
  margin-left: 150px;
}

#news #left{
  width: 15px;
  height: 15px;
  border: 0px;
  position: absolute;
  top: 10px;
  right: 50px;
  cursor: pointer;
}

#news #nright{
  width: 15px;
  height: 15px;
  border: 0px;
  position: absolute;
  top: 10px;
  right: 30px;
  cursor: pointer;
}

#ourprojects #left{
  width: 15px;
  height: 15px;
  border: 0px;
  position: absolute;
  top: 10px;
  right: 50px;
  cursor: pointer;
}

#ourprojects #right{
  width: 15px;
  height: 15px;
  border: 0px;
  position: absolute;
  top: 10px;
  right: 30px;
  cursor: pointer;
}

.mail {
  background: url(../images/feedback.jpg) no-repeat;
  width: 933px;
  height: 401px;
  margin: 20px auto;
}

form.mailform{
  margin: 0px 0px 0px 250px;
  padding-top: 30px;
}

form.mailform input, textarea{
  display: block;
  margin: 10px;
  width: 300px;
  padding: 5px;
}

form.mailform label{
  display: block;
  width: 120px;
  float: left; 
}

form.mailform input.btn{
  background: url(../images/button.jpg) no-repeat;
  width: 207px;
  height: 37px;
  border: 0px;
  float: left;
  margin: 10px 0px;
  color: #fff;
  font-size: 18px;
}

#video{
  margin: 30px 40px;
  height: 400px;
}

#video div{
  float: left;
  margin: 0px 20px;
}

#phone p.soc_links {
  margin-top: 20px;
  text-align: center;
}

.soc_links a {
  background: url(../images/soc_buttons.png) top left no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 0px 5px;
}

.soc_links a#twitter {
  background-position: 0px -16px;
}

.soc_links a#vk {
  background-position: 0px -32px;
}