/* стили, применяемые на всех страницах */

/* <обнуление> */
* {
  font: 12px 'Arial';
  margin: 0px;
  padding: 0px;
  border: 0px;
}
p {font-size: 1em;}
i {font-style: italic;}
/* </обнуление> */
body {
  background-image: url(/i/mainBg.jpg);
  background-color: #240202;
  color: #434343;
  padding-top: 46px;
}

h1 {margin-bottom: 0;}
h1, h2 {
  padding-bottom: 18px;
  font-size: 1.8em;
  font-family: 'Georgia';}
h2 a {
  font-size: 1.0em;
  font-family: 'Georgia';}
h2 a, a h2 {color: #08538D;}
p {padding-bottom: 18px;}

.mainBg {
  position: relative;
  margin: 0px auto;
  width: 1254px;
}
.mainBg2 {
  background-image: url(/i/mainBg2.png);
  background-repeat: no-repeat;
  background-position: 90px bottom;
}

.slogan, #portfolio, #portfolioHide  {
  font-style: italic;
  color: #848484;
  text-decoration: none;
}
.contactInfo, .developInfo {
  color: #FFFFFF;
  line-height: 2.5em;
}
.developInfo a, .menu a {color: #D90000;}
#phoneLink {
  color: #FFFFFF;
  font-weight: none;
  font-size: 1.5em;
  text-decoration: none;
  border-bottom: 1px dashed #FFFFFF;
}

.menu {list-style:none;}
.menu li {
  float: left;
  margin-right: 40px;
  *margin-right: 29px;
}
.menu li img {margin-right: 9px;}

.topRow, .bottomRow {height: 177px;}
.topRow {}
.logoBox {
  /*background-image: url(/i/logo.png);
  background-repeat: no-repeat;
  background-position: 245px 9px;*/
  padding: 9px 110px 0px 245px;
  width: 245px;
  float: left;
}
.slogan {
  width: 200px;
  padding: 32px 0px 0px 40px;
}
.menuBox {
  background-image: url(/i/menuBg.png);
  background-repeat: no-repeat;
  width: 389px;
  height: 34px;
  margin-left: 600px;
  padding: 21px 0px 0px 33px;
}
.portfolioLinksBox {
  margin: 48px 0px 0px 725px;
}
.middleRow {
  clear: both;
  padding: 0px 164px;
}

#middlerowblog {padding: 0px 109px;}

.sheetBox {
  margin-left: 58px;
}
.sheet {
  background: url('/i/sheetBg.jpg') repeat;}

.bottomRow {margin-top: 48px;}
.contactInfo {
  float: left;
  width: 300px;
  margin-left: 283px;
  *margin-left: 145px;
}
.developInfo {
  margin-left: 725px;
  *margin-left: 720px;
}
.clear {clear: both;}
.error {color: #D90000;}

.hidden {display: none;}
#about {
  border: 1px solid #FFFFFF;
  padding: 40px;
  width: 700px;}
 #phone {
  border: 1px solid #FFFFFF;
  padding: 40px;
  width: 500px;}
#phone big {font-size: 3.0em;}
#gallery {
  position: absolute;
  display: none;
  top: 79px;
  left: 695px;}
#gallery .inner {background-color: #000000; padding: 14px 30px;}
#gallery ul {padding-top: 0.4em; list-style-type: none;}
#gallery ul a {color: #D90000; line-height: 1.4em;}
  
.menu a.active {
  text-decoration: none;
  color: #848484;}
  
.formItemLeft, .formItemRight {display: inline-block; margin: 5px 0px; text-align: top; vertical-align: top;}
.formItemLeft {width: 110px;}
.formItemRight {width: 250px;}
.formItemRight input {width: 100%; }
.formItemRight textarea {width: 100%; height: 80px; border: 1px solid #AAAAAA; overflow-y: scroll;}
input {height: 20px; border: 1px solid #AAAAAA;}
  
#gallery b {background-color: #000000;}
.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {display: block;height: 1px;}
.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {overflow: hidden;font-size:1px;}

.r10 { margin: 0 10px; }
.r9 { margin: 0 9px; }
.r8 { margin: 0 8px; }
.r7 { margin: 0 7px; }
.r6 { margin: 0 6px; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }