body {margin: 0; padding: 0; font-family: "Roboto", sans-serif; color: black; background: white;}

img {border: none;}
ul, ol, li, p {margin: 0; padding: 0;}

a {text-decoration: underline;}

.clear {clear: both; width: 1px; height: 1px;}



#site {position: relative; z-index: 50; margin: 0 auto; width: 980px; min-height: 300px; text-align: left;}


#header {position: relative; height: 110px;}



#logo {position: absolute; left: 20px; top: 13px; z-index: 200; margin: 0 0 0; width: 150px; text-align: left;}
#logo img {width: 150px;}


#menu {position: absolute; left: 0; top: 78px; z-index: 100; width: 100%; height: 30px; text-align: left; text-transform: uppercase; font-size: 16px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb;}
#menu li {display: inline-block; margin: 0 0 0 0; font-weight: bold; list-style: none;}
#menu a {display: inline-block; height: 20px; padding: 6px 20px 4px; text-decoration: none; color: #c51600;}
#menu li.sel {background: silver;} 
#menu li.sel a {color: #dc3a39;} 

#menu li.home img {vertical-align: -1px; height: 15px;} 

#menu li.home:hover {background: none;} 

#menu li:hover {background: #ffaa00;} 
#menu li:hover a {color: black;} 
 

#contact {position: absolute; right: 20px; top: 10px; margin: 0 0 0; text-align: right; line-height: 18px;}
#contact #email {font-size: 13px; color: #8686ff;}
#contact #email a {text-decoration: none; color: #c51600;}
#contact #phone {margin: 10px 0 0; font-size: 15px;}
#contact #phone a {text-decoration: none; color: black;}

#searchForm {position: absolute; right: 20px; top: 82px; z-index: 200;}
#searchForm input[type="text"] {width: 200px; padding: 2px 3px 1px; font-size: 16px; border: 1px solid #ccc;}
#searchForm input[type="submit"] {display: inline-block; width: 22px; height: 22px; vertical-align: 2px; background: url(/images/btn-search.png) no-repeat 0 0; background-size: 22px; border: none;}
#searchForm {}
#searchForm {}





#footer {clear: both; position: relative; z-index: 200; margin: 50px auto 0; height: 45px; background: #555;}

#legal {position: absolute; left: 20px; top: 17px; text-transform: uppercase; font-size: 12px; color: white;}
#legal a {color: white;}

#footerContact {position: absolute; right: 20px; top: 5px; margin: 0 0 0; text-align: right; line-height: 18px;}
#footerContact #footerPhone {margin: 0; font-size: 14px;}
#footerContact #footerPhone a {text-decoration: none; color: white;}
#footerContact #footerEmail {margin: 0; font-size: 12px; color: white;}
#footerContact #footerEmail a {text-decoration: none; color: white;}

#footerSocialMenu {position: absolute; right: 30px; bottom: 65px;}
#footerSocialMenu li {display: inline-block; margin-left: 7px; list-style: none;}
#footerSocialMenu img {vertical-align: 0; height: 15px;}




#text {margin: 50px auto; width: 940px; font-size: 16px;}
#text h1 {margin: 0 0 20px; text-align: left; text-transform: uppercase; font-weight: 800; font-size: 16px; color: #555; border-bottom: 1px solid #ccc;}
#text h2 {margin: 0 0 10px; text-align: left; text-transform: uppercase; font-weight: 800; font-size: 16px; color: #555;}
#text li {margin: 0 0 0 -15px; padding: 0 0 0 15px; background: url(/images/bullet.png) no-repeat 0 .5em; list-style: none;}
#text h3 {margin: 0 0 7px; text-align: left; text-transform: uppercase; font-weight: 800; font-size: 16px; color: #555;}
#text h4 {margin: 0 0 7px; text-align: left; text-transform: uppercase; font-weight: 800; font-size: 16px; color: #555;}
#text h5 {margin: 0 0 7px; text-align: left; text-transform: uppercase; font-weight: 800; font-size: 16px; color: #555;}
#text h6 {margin: 0 0 7px; text-align: left; text-transform: uppercase; font-weight: 800; font-size: 16px; color: #555;}
#text p {margin: 0 0 15px;}
/* #text .map iframe {width: 100%; height: 400px;} */
#text a {color: #c51600;}
#text {}
#text {} 


#feedbackForm {float: right; margin: 20px 0 20px 30px; width: 300px;}
#feedbackForm input[type="text"] {display: block; margin: 3px 0 0; width: 288px; padding: 3px 5px; font-size: 14px; border: 1px solid #aaa;}
#feedbackForm textarea {display: block; margin: 3px 0 0; width: 288px; height: 70px; padding: 3px 5px; font-size: 14px; border: 1px solid #aaa;}




#indexBanner {position: relative; margin: 0 0 30px; width: 980px; height: 500px; overflow: hidden;}
#indexBanner .indexBannerPict1 {position: absolute; left: 0; top: 0; width: 555px; height: 500px; overflow: hidden;}
#indexBanner .indexBannerPict2 {position: absolute; left: 565px; top: 0; width: 245px; height: 245px; overflow: hidden;}
#indexBanner .indexBannerPict3 {position: absolute; left: 565px; top: 255px; width: 245px; height: 245px; overflow: hidden;}
#indexBanner .indexBannerPict4 {position: absolute; left: 820px; top: 0; width: 160px; height: 160px; overflow: hidden;}
#indexBanner .indexBannerPict5 {position: absolute; left: 820px; top: 170px; width: 160px; height: 160px; overflow: hidden;}
#indexBanner .indexBannerPict6 {position: absolute; left: 820px; top: 340px; width: 160px; height: 160px; overflow: hidden;}
#indexBanner .slogan {position: absolute; left: 0; bottom: 0; width: 970px; padding: 6px 10px 5px; text-transform: uppercase; font-weight: bold; font-size: 16px; color: white; background: rgba(197, 22, 0, 0.5);}
#indexBanner {}
#indexBanner {}


#indexCol1 {float: left; width: 325px; min-height: 200px; padding: 0 0 10px 20px;}
#indexCol2 {float: left; width: 245px; min-height: 200px; padding: 0 20px 10px; border-left: 1px solid #eee; border-right: 1px solid #eee;}
#indexCol3 {float: left; width: 305px; min-height: 200px; padding: 0 20px 10px;}

.indexCol {font-size: 13px;}
.indexCol li {margin: 0 0 10px;}
.indexCol .docs {float: left; margin: 0 20px 0 0; width: 140px; font-size: 11px;}
.indexCol .docs img {width: 140px;}


.indexCol h2 {margin: 7px 0 20px; text-transform: uppercase; font-size: 16px; color: #c51600;}
.indexCol h2 a {text-decoration: none; color: #555;}
.indexCol .projectItem {margin: 0 0 20px;}
.indexCol .projectItem .image {float: left; margin: 0 10px 3px 0;}
.indexCol .projectItem .image img {width: 70px;}
.indexCol .projectItem .name {margin: 0 0 0 80px; font-size: 13px;}
.indexCol .projectItem {}
.indexCol {}

#aboutBlock {clear: both; padding: 20px 20px 0; border-top: 1px solid #ccc;}
#aboutBlock {font-size: 13px;}
#aboutBlock h2 {margin: 7px 0 7px; text-transform: uppercase; font-size: 16px;}
#aboutBlock h2 a {text-decoration: none; color: #555;}



#projectsList {margin: 50px auto; width: 940px; font-size: 16px;}
#projectsList h1 {margin: 0 0 20px; text-align: left; text-transform: uppercase; font-weight: 800; font-size: 22px; color: #555; border-bottom: 1px solid #ccc;}
#projectsList .projectItem {margin: 0 0 20px;}
#projectsList .image {float: left; margin: 0 30px 0 0;}
#projectsList .image img {width: 190px;}
#projectsList h2.name {margin: 0 0 2px 220px; font-weight: bold; font-size: 16px;}
#projectsList .desc {margin: 0 0 0 220px;}
#projectsList {}
#projectsList {}


#search {margin: 50px auto; width: 940px; font-size: 16px;}
#search h1 {margin: 0 0 20px; text-align: left; text-transform: uppercase; font-weight: 800; font-size: 22px; color: #555; border-bottom: 1px solid #ccc;}
#search form {margin: 0 0 40px; padding: 0 0 20px; border-bottom: 1px solid #ccc;}
#search input[type="text"] {width: 500px;}
#search {}
#search {}


#documents {margin: 40px 0 0;}
#documents .documentItem {margin: 0 0 10px;}
#documents .documentItem .docs {float: left; margin: 0 20px 0 0; width: 150px;}
#documents .documentItem .docsSmalls {width: 150px;}
#documents .documentItem .docsSmalls img {width: 30px;}
#documents .documentItem p.bigImage {margin: 0 0 5px;}
#documents .documentItem {}
#documents {}
#documents {}
#documents {}