html{color:#000;background:#FFF;}
body,img,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;} 
ol li{list-style:decimal}

form {display: inline; padding: 0; margin: 0;}
input, textarea {background-color: #ffffff; border: 1px solid #656565; color: #000000; font-size: 12px;}
select {border: 1px solid #656565; color: #000000; font-size: 12px;}
label {font-size: 12px;}

a img {border: 0;}

a {color: #ff4800; text-decoration: underline;}
a:hover {color: #ff4800; text-decoration: none;}

p {text-indent: 0px; margin: 7px 0px 7px 0px; font-size: 12px;}

ul {padding: 0; margin: 0; font-size: 12px;}
ol {padding: 0; margin: 0; font-size: 12px;}

hr {border: solid #f0efed 0px; border-top-width: 2px; height: 0px;}

h1 {color: #000000; font: normal 22px Geneva, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 0px;}
h2 {color: #000000; font: normal 20px Geneva, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 0px;}
h3 {color: #000000; font: normal 18px Geneva, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 0px;}
h4,h5,h6 {color: #000000; font: normal 16px Geneva, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 0px;}

html, body {margin:0; padding:0; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}

#all {margin: 0 auto; width: 1010px; min-width: 1010px;}
#header {position: relative; background: #ffffff url(../images/tpl/header.jpg) no-repeat; width: 1010px; height: 124px; margin: 0 auto;}
#main {width: 1002px; margin: 0 auto; padding-top: 26px;}
#footer {position: relative; background: #615a5a url(../images/tpl/footer.jpg) repeat-x; width: 1002px; height: 87px; margin: 0 auto;}

.lang-icon ul {position: absolute; float: left; list-style: none; top: 2px; right: 10px;}
.lang-icon ul li {float: left; padding: 0 5px;}
.lang-icon ul li.icon-ru a {float: left; position: relative; width: 24px; height: 32px; cursor: pointer;}
.lang-icon ul li.icon-ru a span {position: absolute; background: url(../images/tpl/icon-ru.jpg) no-repeat; width: 100%; height: 100%;}
.lang-icon ul li.icon-en a {float: left; position: relative; width: 24px; height: 32px; cursor: pointer;}
.lang-icon ul li.icon-en a span {position: absolute; background: url(../images/tpl/icon-en.jpg) no-repeat; width: 100%; height: 100%;}
.lang-icon ul li.icon-ger a {float: left; position: relative; width: 24px; height: 32px; cursor: pointer;}
.lang-icon ul li.icon-ger a span {position: absolute; background: url(../images/tpl/icon-ger.jpg) no-repeat; width: 100%; height: 100%;}

.top-icon ul {position: absolute; float: left; list-style: none; top: 53px; left: 223px;}
.top-icon ul li {float: left; padding: 0 5px;}
.top-icon ul li a {float: left; background: #7a7a7a url(../images/tpl/top-icon.jpg) no-repeat; width: 44px; height: 57px;}
.top-icon ul li a:hover {float: left; background: #ed1c24 url(../images/tpl/top-icon-hover.jpg) no-repeat; width: 44px; height: 57px;}
.top-icon ul li a span.home {display: block; background: url(../images/tpl/home.png) no-repeat center; width: 42px; height: 43px;}
.top-icon ul li a span.map {display: block; background: url(../images/tpl/map.png) no-repeat center; width: 44px; height: 43px;}
.top-icon ul li a span.contacts {display: block; background: url(../images/tpl/email.png) no-repeat center; width: 43px; height: 43px;}

.top-icon ul li.active {float: left; padding: 0; margin: 0 4px; background: #ed1c24 url(../images/tpl/top-icon-hover.jpg) no-repeat; width: 44px; height: 57px;}
.top-icon ul li span.home-active {display: block; background: url(../images/tpl/home.png) no-repeat center; width: 42px; height: 43px;}
.top-icon ul li span.map-active {display: block; background: url(../images/tpl/map.png) no-repeat center; width: 44px; height: 43px;}
.top-icon ul li span.contacts-active {display: block; background: url(../images/tpl/email.png) no-repeat center; width: 43px; height: 43px;}

.consultant {position: absolute; /*background: url(../images/consultON.gif) no-repeat; */list-style: none; width: 199px; height: 53px; top: 53px; left: 400px;}

#top-menu {overflow: hidden;}
#top-menu ul {float: left; list-style: none;}
#top-menu ul li {float: left; text-decoration: none;}
#top-menu ul li.home a {float: left; position: relative; width: 136px; height: 48px; cursor: pointer; text-decoration: none;}
#top-menu ul li.home a span {position: absolute; background: url(../images/tpl/top-menu1.jpg) no-repeat; width: 100%; height: 100%; text-decoration: none;}
#top-menu ul li.home a:hover span {position: absolute; background: url(../images/tpl/top-menu1-hover.jpg) no-repeat; width: 100%; height: 100%; text-decoration: none;}
#top-menu ul li.home-active {float: left; position: relative; width: 136px; height: 48px;}
#top-menu ul li.home-active span {position: absolute; background: url(../images/tpl/top-menu1-hover.jpg) no-repeat; width: 100%; height: 100%;}
#top-menu ul li.portfolio a {float: left; position: relative; width: 145px; height: 48px; cursor: pointer; text-decoration: none;}
#top-menu ul li.portfolio a span {position: absolute; background: url(../images/tpl/top-menu2.jpg) no-repeat; width: 100%; height: 100%; text-decoration: none;}
#top-menu ul li.portfolio a:hover span {position: absolute; background: url(../images/tpl/top-menu2-hover.jpg) no-repeat; width: 100%; height: 100%; text-decoration: none;}
#top-menu ul li.portfolio-active {float: left; position: relative; width: 145px; height: 48px;}
#top-menu ul li.portfolio-active span {position: absolute; background: url(../images/tpl/top-menu2-hover.jpg) no-repeat; width: 100%; height: 100%;}
#top-menu ul li.creating a {float: left; position: relative; width: 184px; height: 48px; cursor: pointer; text-decoration: none;}
#top-menu ul li.creating a span {position: absolute; background: url(../images/tpl/top-menu3.jpg) no-repeat; width: 100%; height: 100%; text-decoration: none;}
#top-menu ul li.creating a:hover span {position: absolute; background: url(../images/tpl/top-menu3-hover.jpg) no-repeat; width: 100%; height: 100%; text-decoration: none;}
#top-menu ul li.creating-active {float: left; position: relative; width: 184px; height: 48px;}
#top-menu ul li.creating-active span {position: absolute; background: url(../images/tpl/top-menu3-hover.jpg) no-repeat; width: 100%; height: 100%;}
#top-menu ul li.advancement a {float: left; position: relative; width: 164px; height: 48px; cursor: pointer; text-decoration: none;}
#top-menu ul li.advancement a span {position: absolute; background: url(../images/tpl/top-menu4.jpg) no-repeat; width: 100%; height: 100%; text-decoration: none;}
#top-menu ul li.advancement a:hover span {position: absolute; background: url(../images/tpl/top-menu4-hover.jpg) no-repeat; width: 100%; height: 100%; text-decoration: none;}
#top-menu ul li.advancement-active {float: left; position: relative; width: 164px; height: 48px;}
#top-menu ul li.advancement-active span {position: absolute; background: url(../images/tpl/top-menu4-hover.jpg) no-repeat; width: 100%; height: 100%;}
#top-menu ul li.advertising a {float: left; position: relative; width: 129px; height: 48px; cursor: pointer; text-decoration: none;}
#top-menu ul li.advertising a span {position: absolute; background: url(../images/tpl/top-menu5.jpg) no-repeat; width: 100%; height: 100%; text-decoration: none;}
#top-menu ul li.advertising a:hover span {position: absolute; background: url(../images/tpl/top-menu5-hover.jpg) no-repeat; width: 100%; height: 100%; text-decoration: none;}
#top-menu ul li.advertising-active {float: left; position: relative; width: 129px; height: 48px;}
#top-menu ul li.advertising-active span {position: absolute; background: url(../images/tpl/top-menu5-hover.jpg) no-repeat; width: 100%; height: 100%;}
#top-menu ul li.order a {float: left; position: relative; width: 108px; height: 48px; cursor: pointer; text-decoration: none;}
#top-menu ul li.order a span {position: absolute; background: url(../images/tpl/top-menu6.jpg) no-repeat; width: 100%; height: 100%; text-decoration: none;}
#top-menu ul li.order a:hover span {position: absolute; background: url(../images/tpl/top-menu6-hover.jpg) no-repeat; width: 100%; height: 100%; text-decoration: none;}
#top-menu ul li.order-active{float: left; position: relative; width: 108px; height: 48px;}
#top-menu ul li.order-active span {position: absolute; background: url(../images/tpl/top-menu6-hover.jpg) no-repeat; width: 100%; height: 100%;}
#top-menu ul li.contacts a {float: left; position: relative; width: 136px; height: 48px; cursor: pointer; text-decoration: none;}
#top-menu ul li.contacts a span {position: absolute; background: url(../images/tpl/top-menu7.jpg) no-repeat; width: 100%; height: 100%; text-decoration: none;}
#top-menu ul li.contacts a:hover span {position: absolute; background: url(../images/tpl/top-menu7-hover.jpg) no-repeat; width: 100%; height: 100%; text-decoration: none;}
#top-menu ul li.contacts-active {float: left; position: relative; width: 136px; height: 48px;}
#top-menu ul li.contacts-active span {position: absolute; background: url(../images/tpl/top-menu7-hover.jpg) no-repeat; width: 100%; height: 100%;}




#top-menu ul li span span {margin-top: 11px; position: relative !important; height: 20px !important; background: none !important; display: block !important;}
#top-menu ul li span span, #top-menu ul li a span span {font-size: 14px; font-family: Arial; font-weight: normal; color: #FFFFFF; text-align: center;}


#main div.line-about {background: url(../images/tpl/line-about.jpg) no-repeat; width: 100%; height: 2px; font-size: 0;}
#main div.about {border-left: 2px solid #8a8a8a; border-right: 2px solid #8a8a8a;}
#main div.about div.text {padding: 10px 40px;}
.about-more {display: none; text-align: justify;}
a#about-more-link1 { border-bottom: 1px dotted #ffc600; text-decoration: none;}

#main ul.service {float: left; list-style: none;}
#main ul.service li {float: left;}
#main ul.service li.creating {background: url(../images/tpl/pic-creating.jpg) no-repeat top; width: 206px; height: 220px;}
#main ul.service li.creating a {float: left; position: relative; color: #585858; font-size: 18px; text-decoration: none; width: 206px; height: 220px;}
#main ul.service li.creating a:hover {float: left; position: relative; color: #585858; font-size: 18px; text-decoration: none; width: 206px; height: 220px;}
#main ul.service li.creating a span {position: absolute; background: url(../images/tpl/strelka.jpg) no-repeat left center; padding-left: 20px; top: 205px; left: 32px;}
#main ul.service li.creating a:hover span {position: absolute; background: url(../images/tpl/strelka-hover.jpg) no-repeat left center; padding-left: 20px; top: 205px;}
#main ul.service li.hosting {background: url(../images/tpl/pic-hosting.jpg) no-repeat top; width: 207px; height: 220px; margin: 0 60px;}
#main ul.service li.hosting a {float: left; position: relative; color: #585858; font-size: 18px; text-decoration: none; width: 207px; height: 220px;}
#main ul.service li.hosting a:hover {float: left; position: relative; color: #585858; font-size: 18px; text-decoration: none; width: 207px; height: 220px;}
#main ul.service li.hosting a span {position: absolute; background: url(../images/tpl/strelka.jpg) no-repeat left center; padding-left: 20px; top: 205px; left: 48px;}
#main ul.service li.hosting a:hover span {position: absolute; background: url(../images/tpl/strelka-hover.jpg) no-repeat left center; padding-left: 20px; top: 205px;}
#main ul.service li.advancement {background: url(../images/tpl/pic-advancement.jpg) no-repeat top; width: 204px; height: 220px; margin-right: 58px;}
#main ul.service li.advancement a {float: left; position: relative; color: #585858; font-size: 18px; text-decoration: none; width: 204px; height: 220px;}
#main ul.service li.advancement a:hover {float: left; position: relative; color: #585858; font-size: 18px; text-decoration: none; width: 204px; height: 220px;}
#main ul.service li.advancement a span {position: absolute; background: url(../images/tpl/strelka.jpg) no-repeat left center; padding-left: 20px; top: 205px; left: 18px;}
#main ul.service li.advancement a:hover span {position: absolute; background: url(../images/tpl/strelka-hover.jpg) no-repeat left center; padding-left: 20px; top: 205px;}
#main ul.service li.support {background: url(../images/tpl/pic-support.jpg) no-repeat top; width: 207px; height: 220px;}
#main ul.service li.support a {float: left; position: relative; color: #585858; font-size: 18px; text-decoration: none; width: 206px; height: 220px;}
#main ul.service li.support a:hover {float: left; position: relative; color: #585858; font-size: 18px; text-decoration: none; width: 206px; height: 220px;}
#main ul.service li.support a span {position: absolute; background: url(../images/tpl/strelka.jpg) no-repeat left center; padding-left: 20px; top: 205px; left: 35px;}
#main ul.service li.support a:hover span {position: absolute; background: url(../images/tpl/strelka-hover.jpg) no-repeat left center; padding-left: 20px; top: 205px;}

#main div.content {padding: 10px 40px;}
#main div.content ul {padding: 10px 40px;}

#main div.content-part1 {float: left; width: 630px; padding-right: 10px; background-image: none;}
#main div.content-part1 img { border: 1px solid #777777;}
#main div.content-part2 {float: left; width: 280px;}
#main div.content-part2 p a {color: #787878; text-decoration: underline;}
#main div.content-part2 p a:hover {color: #787878; text-decoration: none;}

#main div.content-part1 ul.portfolio-links {margin: 0; padding: 7px 0px 0px 0px; float: left;}
#main div.content-part1 ul.portfolio-links li {list-style-type: none; float: left; padding: 0 15px 10px 0px; width: 195px;}
#main div.content-part1 ul.portfolio-links li.pic {list-style-type: none; float: left; width: 195px;}
#main div.content-part1 ul.portfolio-links li p {text-align: center; padding-top: 0px;}

#main div.content ul.content-news {list-style: none; padding: 7px 0 0 0; margin: 0;}
#main div.content ul.content-news li {padding-bottom: 10px;}

#main div.content ul.map-site {padding: 7px 0 0 15px; margin: 0;}
#main div.content ul.map-site li { padding-bottom: 5px;}

#main div.content-home {border-left: 2px solid #8a8a8a; margin: 30px 0 40px 0; padding: 0 40px;}

#main div.work-news {background-color: #615a5a; width: 1002px; height: 345px;}

#main div.work-news div.work {float: left; padding: 31px 40px 0px 40px; width: 591px;}
#main div.work-news div.work h1 {padding-bottom: 15px; color: #ffffff;}
#main div.work-news div.work ul {float: left; list-style: none;}
#main div.work-news div.work ul li {float: left;}
#main div.work-news div.work ul li a {color: #c1dc01; float: left; position: relative; font-size: 11px; width: 180px; height: 270px;}
#main div.work-news div.work ul li a:hover {color: #c1dc01; float: left; position: relative; font-size: 11px; width: 180px; height: 270px;}
#main div.work-news div.work ul li a span {position: absolute; top: 200px; margin: 0 5px; text-align: center; width: 170px;}
#main div.work-news div.work ul li.zaborpro {background: url(../images/portfolio/zaborpro-s1.jpg) no-repeat; width: 180px; height: 270px;}
#main div.work-news div.work ul li.koszavod {background: url(../images/portfolio/koszavod-s1.jpg) no-repeat; width: 180px; height: 270px; margin: 0 25px;}
#main div.work-news div.work ul li.port-2 {background: url(../images/portfolio/metalkrafft-s1.jpg) no-repeat; width: 180px; height: 270px; margin: 0 25px;}
#main div.work-news div.work ul li.homastroy {background: url(../images/portfolio/homastroy-s1.jpg) no-repeat; width: 180px; height: 270px;}

#main div.work-news div.news {float: left; padding: 31px 10px 0px 0px; width: 321px;}
#main div.work-news div.news h1 {padding-bottom: 15px; color: #ffffff;}
#main div.work-news div.news ul {list-style: none;}
#main div.work-news div.news ul li {color: #ffffff; padding-bottom: 10px;}
#main div.work-news div.news ul li.last-news {padding-bottom: 0px;}
#main div.work-news div.news ul li a {color: #c1dc01;}
#main div.work-news div.news ul li span.news-date {color: #c1dc01; text-decoration: underline;}

#footer div.copy {position: absolute; color: #c7c7c7; top: 23px; right: 165px; font-size:12px !important;}
#footer div.copy a {color: #ffc600;}
#footer div.copy a:hover {color: #ffc600;}
#footer div.counter {position: absolute; top: 17px; right: 376px;}

#footer div.debug {position:absolute; top:60px; width:100%; font-weight: normal; font-size: 90%; text-align:center; color: #c7c7c7; display:none}
#footer div.debug a {color: #c7c7c7; display:none}

.clear {font-size: 0pt; clear: both;}