@import url('reset.css');
@import url('text.css');

body{background-color:#737373; width:100$; height:100%;margin: auto;}

#main{height:auto; width:1030px; margin:auto;}

#bd-black{height:auto; width:1030px; margin:auto;  background-position:center; background-image:url(img/black-bg.gif);padding-top:15px; padding-bottom:15px;float:left;}

#bg-grey{height:100%; width:1000px;margin-left:15px;padding:0px; background-position:center;background:url(img/grey-bg.gif); float:left;}

#logo{ height:66px; width:676px; background:url(img/logo.png) no-repeat; margin-left:41px; margin-top:100px;}

#button{ height:75px; width:260px;float:right;margin-top:-80px;}

#tabs li {background: url('img/buttom.jpg') no-repeat;float: left; height:75px; width:72px;list-style: none;}

#tabs li a {display: block;height: 100%;text-indent: -9000px;width: 100%;}

#tabs li #home:current {background-position: 0px 0px; height:75px; width:72px;}
#tabs li#contact {background-position: -71px 0px;}
#tabs li#portfolio {background-position: -142px 0px;}
#tabs li#home:hover {background-position: 0px -75px;}
#tabs li#contact:hover {background-position: -71px -75px;}
#tabs li#portfolio:hover {background-position: -142px -75px;}


#menu{margin-left:60px;}

#menu-tabs {margin-top:30px;}

#menu-tabs li {background: url('img/menu.jpg') no-repeat;float: left; height:52px; width:72px;list-style: none;}

#menu-tabs li a {display: block;height: 100%;text-indent: -9000px;width: 100%;}


#menu-tabs li#menu {background-position: 0px 0px;height:52px; width:96px;}
#menu-tabs li#menu-portfolio {background-position: -96px 0px; width:122px;}
#menu-tabs li#menu-service {background-position: -218px 0px; width:88px;}
#menu-tabs li#menu-about {background-position: -306px 0px;width:83px;}
#menu-tabs li#menu-contact {background-position: -389px 0px; width:114px;}

#menu-tabs li#menu:hover {background-position: 0px -52px; width:96px;}
#menu-tabs li#menu-portfolio:hover {background-position: -96px -52px; width:122px;}
#menu-tabs li#menu-service:hover {background-position: -218px -52px;width:88px;}
#menu-tabs li#menu-about:hover {background-position: -306px -52px;width:83px;}
#menu-tabs li#menu-contact:hover {background-position: -389px -52px;width:114px;}

#content{width:100%; height:auto;float:left; margin-top:-20px;}
#text{width:600px; height:auto; float:left; margin-left:50px; margin-top:40px;}

#text-content{height:auto;width:auto; margin-left:95px; margin-top:35px;}

#text-img{background:url(img/about-img.png) no-repeat; height:80px; width:68px;float:left;}

#index-text-img{background:url(img/index-img.png) no-repeat; height:79px; width:77px;float:left;}

#qustion{width:450px; height:auto; float:left; margin-top:20px;}

#question-form{width:448px; height:358px; float:left; background:url(img/question-form.png); margin-top:21px;}
#name{ border:none; width:190px; height:30px; background:url(img/question-form-imput.png) no-repeat;margin-right:55px; margin-top:5px; padding:3px; padding-right:10px;padding-left:3px;  }

#email,#tele{ border:none; width:190px; height:30px; background:url(img/question-form-imput.png) no-repeat; padding:3px;margin-top:10px;padding-right:10px;margin-right:55px; padding-left:3px;  }

#posText{border:none; width:240px; height:115px; background:url(img/question-form-text.png) no-repeat;padding:10px; margin-top:10px;  overflow:hidden;}

#contact-text-img{background:url(img/contact-img.png) no-repeat; height:75px; width:73px;float:left;}

#service-img{background:url(img/service.png) no-repeat; height:76px; width:63px;float:left;}

#contact-arrow{background:url(img/arrow.png) no-repeat;width:7px;height:5px; float:left; margin-top:4px; margin-right:13px;}

#text-title{height:20px; margin-bottom:20px;}

.text-content2{height:100%; width:500px; float:left;}
.text-content3{height:auto; width:500px;margin-top:20px; float:left; padding-bottom:500px;}


#form-button{ height:28px; width:260px; margin-left:155px;}
#form-clear{height:28px;width:72px; float:left;background:url(img/clear.png) no-repeat;display:block;}
#form-send{height:28px;width:72px;float:right;background:url(img/send.png) no-repeat;display:block;}


#faq{height:265px; width:285px;float:right;margin-top:47px;margin-right:40px;}

.faq-img{height:48px; width:66px; float:left; background:url(img/faq-img.png);}

#faq-text{height:270px; width:195px; margin-left:100px; margin-top:28px;}

#faq-content{margin-top:30px; margin-left:-20px;}

#faq-point{background:url(img/point.png) no-repeat; height:5px; width:4px; float:left; margin-top:4px;}

#go-to {margin-top:5px;}

#faq-arrow{background:url(img/arrow.png) no-repeat;width:7px;height:5px; float:left; margin-top:5px;margin-left:-20px;}

#left{float:left;}

#news{height:auto; width:575px; float:inherit; margin-top:48px;}
.news{height:auto; width:575px; float:inherit; }

#news-img{background:url(img/news-img.png) no-repeat; width:66px; height:62px; float:left; margin-top:10px; margin-left:-5px;}
.news-img{background:url(news-img/proverka.gif) no-repeat; width:120px; height:90px; float:left;}

#news-content{width:490px; height:auto;  float:right; margin-top:40px;margin-right:15px;}

#news-content-text{width:220px; height:auto; float:left;margin-top:28px;padding-bottom:10px;}

.news-content-text{width:350px; height:auto; float:right;margin-top:15px; margin-right:10px;}

#news-content-right{width:220px; height:auto; float:right;margin-top:28px;padding-bottom:10px;}

#go-to-news{height:5px; width:140px;float:left; margin-left:-11px;}
.go-to-news{height:auto; width:auto;float:right;margin-top:30px;}

#news-two{ height:auto; width:490px;float:left; margin-left:15px; margin-top:-20px;}
.news-two{ height:auto; width:500px;float:left; margin-left:10px; margin-top:20px;}

#news-title{margin-left:15px;margin-bottom:25px;}

#news-arrow{background:url(img/arrow.png) no-repeat; width:7px; height:5px; float:left;margin-top:5px;}
.news-arrow{background:url(img/arrow.png) no-repeat; width:7px; height:5px; float:right;margin-top:5px; margin-right:5px;}

#sp {float:right;}

#mews-data{margin-left:40px; margin-top:15px; }
.mews-data{margin-left:40px; margin-top:15px; }
#data-left{float:left;height:20px; width:auto;}

.news-title{width:460px;; height:auto; margin-top:30px; margin-left:15px;}
.news-block{width:500px; height:auto;float:left; border-bottom:1px solid #dedede; padding-bottom:30px;; }

#data-right{float:right;height:20px; width:auto; margin-right:103px;}



#photo{width:280px; height:180px;  margin-top:75px; margin-left:50px;}


#photo-img{width:77px; height:44px; float:left; background:url(img/photo-img.png) no-repeat; }

#footer{background:url(img/footer-img.gif) no-repeat; height:25px; width:1000px; float:left; margin-top:85px;}


#ajax{float:left; margin-left:-10px;}


table{ width:450px; height:210px;}

#top{border-bottom:1px solid #c7c6c6;}

table td {padding-left:15px;}



#sendContactEmail{margin-left:35px;}

.index-start{ width:494px; height:94px; background-image:url(img/bg_index.png); float:left;margin-top:10px;}
.index-start1{ width:494px; height:94px; background-image:url(img/bg_index.png); float:left;margin-top:20px;}

.text-content22-text{width:380px; height:65px; margin:15px;}
.text-content2-text{width:395px; height:65px; margin:12px; margin-left:75px;}
.text-content2-text p{ width:100%;}


#index-portfolio-img{width:61px; height:56px; background-image:url(img/portfolio-img.png); float:right; margin-right:20px; margin-top:15px;}
#index-contact-img{width:50px; height:52px; background-image:url(img/contact-img.png); float:left; margin-right:20px; margin-left:20px; margin-top:15px;}
#index-price-img{width:45px; height:56px; background-image:url(img/service.png); float:left;margin-left:10px; margin-right:20px; margin-top:5px;}
.index-price-img{width:45px; height:56px; background-image:url(img/service.png); float:left;margin-left:20px; margin-right:20px; margin-top:15px;}
#index-about-img{width:54px; height:61px; background-image:url(img/about-img.png); float:left;margin-left:20px; margin-right:20px; margin-top:15px;}

#index-portfolio-img2{width:61px; height:56px; background-image:url(img/portfolio-img.png); float:left; }

PRE { DISPLAY: none }

.point-red{ background-image:url(img/point-red.png); width:8px;height:8px;float:left; margin-top:4px; margin-right:10px;}
#photo-photo{ background-image:url(img/photo.png); width:140px; height:144px; float:left; margin-top:30px; margin-left:-40px;}

.portfolio-img{float:left; height:auto; width:120px; margin-left:10px; padding:inherit;}
.portfolio-conteiner { width:500px; height:auto; border-bottom:2px solid #dedede; float:left; padding-bottom:25px; padding-top:25px;}
.portfolio-text{ width:330px; height:auto; float:right; margin-top:20px; margin-right:20px;}

/* для странички контакты*/
#contact-title{ float:left; width:100px; height:auto; margin-left:45px;}
#contact-title li{margin-top:35px;}
.message {background:#c8c3c3; color:#000;display:none;width:460px;padding:10px; width:422px;}
.contact {text-align:right;}
.contact ul {list-style-type:none;width:auto;}
.contact li {list-style-type:none;}
.contact li.special {display:none;}
.contact input {width:260px;}
.contact textarea {width:260px;}
#contactForm{float:none; width:300px; margin-top:30px; margin-left:110px;}