body {
  margin: 0;
  padding: 0;
  font-family: Arial;
  font-size: 12px;
  text-align: center;
}
h1 {
  color: #000;
  font-size: 180%;
}
h2 {
  font-size: 150%;
}
h3 {
  font-size: 120%;
}


a:link, a:visited {
  color: #87532C;
}
a:hover {
  text-decoration: none;
}




#wrapper {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  max-width: 1580px;
  min-width: 1004px;
  background: #E7CDA8;
  width: expression((document.documentElement.clientWidth< 1004)?"1004px" : (document.documentElement.clientWidth > 1580)?"1580px" : "100%");
}
#header {
  background: url(/files/starling/Image/header_bg.jpg) 197px top no-repeat;
  width: 100%;
}
#header .headerBulb {
  background: url(/files/starling/Image/starling.jpg) right 154px no-repeat;
  height: 240px;
}
#logo {
  width: 186px;
  padding-left: 11px;
  height: 240px;
  float: left;
  background: url(/files/starling/Image/header_left.jpg) top left repeat-x;
}
#header #news-list {
  float: left;
  margin-top: 40px;
  width: 80%;
}
#header ul.news-list {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;

}
#header ul.news-list li {
  float: left;
  width: 20%;
  text-align: center;
}
* html #header ul.news-list li {
  width: 19%;
}
#header ul.news-list a.link {
  display: none;
}
#content {
  float: left;
  width: 100%;
  background: url(/files/starling/Image/left_col_bg.jpg) 11px top repeat-y;
  padding-bottom: 30px;
}
#mainContentOuter {
  width: 80%;
  float: left;
}
* html #mainContentOuter {
  width: 79%;
}


.mainContent {
  padding: 10px 20px 20px 0;
}
#mainMenu {
  width: 20%;
  float: left;

}
#mainMenu ul {
  padding: 0;
  margin: 0 0 0px 11px;
  list-style: none;
  padding-bottom: 435px;
  background: url(/files/starling/Image/starling_vertical.jpg) 60px bottom no-repeat;
}
#mainMenu li {
  background: url(/files/starling/Image/menu_bg.jpg) top left no-repeat;
  /*height: 24px;*/
  width: 186px;
  text-align: center;
  padding-bottom: 12px;
}
#mainMenu li a {
  text-decoration: none;
  display: block;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
#mainMenu li span {
  font-size: 13px;
  font-weight: bold;
  color: #808080;
}
#mainMenu li .subMenu {
  margin: 5px 0 0 0;
  padding: 0;

}
#mainMenu li .subMenu li {
  padding-bottom: 5px;
}
#mainMenu li .subMenu li a {
  color: #CCCCCC;
}


ul#photo-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#photo-list li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
#clients ul#photo-list {
  width: 500px;
}
div#message-list {
  float: left;
  width: 55%;
}
ol#message-list {
  padding-right: 15px;
  margin-top: 0;
  margin-left: 2px;
  padding-left: 20px;
  list-style-type: decimal;
}


ol#message-list li {
  margin-bottom: 10px;
}
#addMsg {
  float: left;
  width: 45%;
}
#addMsg h2:first-child {
  margin-top: 0;
}


#works ul.news-list {
  padding-left: 0;
  margin-left: 0;
  margin-top: 15px;
  list-style: none;
  font-size: 130%;

}
#works ul.news-list li {
  height: 105px;
  margin-bottom: 40px;
}
#works ul.news-list a {
  display: block;
  margin-right: 40px;
  width: 141px;
  height: 102px;
  float: left;
}
#works ul.news-list a.link {
  display: inline;
  width: auto;
  height: auto;
}

#works ul.news-list li img {
  float: left;
}
#worksPhoto {
  width: 320px;
  float: left;
}


#worksPhoto ul#photo-list {
  list-style: none;
}
#worksPhoto ul#photo-list li {
  margin-bottom: 10px;
}
#mail {
  float: left;
  width: 45%;
}
#mail div {
  float: left;
}


#contacts {
  float: left;
  width: 55%;
}
#contacts h2 {
  margin-top: 25px;
}
#contacts  h2:first-child, #mail  h2:first-child {
  margin-top: 0;
}
#mail form.form {
  width: auto;
}

textarea.message-content {
  margin-bottom: 10px;
  width: 315px;
}
input.message-author, input.message-email {
  width: 140px;
}
input.message-code {
  width: 50px;
  margin-right: 10px;
  margin-left: 10px;
}
form.form img {
  margin-left: 5px;
}
#mail input {
}


#footer {
  background: url(/files/starling/Image/footer_bg.jpg) bottom center repeat-x;
  height: 77px;
  clear: both;
}
#footer .footerBulb {
  background: url(/files/starling/Image/footer_left.jpg) bottom left no-repeat;
  padding-left: 18%;
  padding-top: 10px;
  height: 57px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}
* html #footer .footerBulb {
  padding-left: 20%;
}


#footer p {
  margin: 0;
  padding: 0;
  margin-bottom: 2px;
}
#footer #address {
  float: left;
  display: inline;
}


#footer div#maker {
  float: right;
  display: inline;
  margin-right: 3%;
  padding-right: 40px;
  background: url(/files/starling/Image/yal_small.png) right top no-repeat;
}
#footer a {
  color: #fff;
}
#footer a:hover {
  text-decoration: none;
}