html, body {
 margin: 0px; /* Отступы для браузера IE */
 padding: 0px; /* Отступы для браузера Firefox */
 font-family: Georgia, Times New Roman;
 font-size: 14px;
 color: #e3dcc5;
 background: #f4eeee url('../images/top-bg.jpg') repeat-x top left;
 cursor: default;
}
div, table, span {
 margin: 0px; /* Отступы для браузера IE */
 padding: 0px; /* Отступы для браузера Firefox */
}
a {
 color: #0097cf;
 text-decoration: underline;
  outline: none;
}
a:hover {
 color: #52b8de;
 text-decoration: none;
}
a img {
 border: none;
}
h1 {
 margin: 15px 0px;
 font-size: 24px;
 color: #ffffff;
 font-weight: normal;
 line-height: 130%;
}
h1.alter {
 margin: 15px 0px;
 font-size: 24px;
 color: #800936;
 font-weight: normal;
 line-height: 130%;
}
div.clear {
 clear: both;
 font-size: 0px;
 height: 0px;
}
div.container {
 width: 844px;
 margin: 0px auto;
}
div.leftcol {
 float: left;
 width: 298px;
}
div.rightcol {
 float: right;
 width: 482px;
}
div.dark-spacer {
 height: 8px;
 line-height: 7px;
 font-size: 7px;
 background: url('../images/dark-spacer.gif') repeat-x top left;
}
div.light-spacer {
 height: 8px;
 line-height: 7px;
 font-size: 7px;
 background: url('../images/light-spacer.gif') repeat-x top left;
}
/* form components */
input.field {
 font-size: 12px;
 line-height: normal;
 color: #402d2d;
 padding: 4px 10px 4px 10px;
 border: none;
 width: 298px;
 height: 25px;
 background: url('../images/name-input-bg.jpg') no-repeat top left;
}
input.send-btn {
 margin-top: 10px;
}
textarea {
 font-size: 12px;
 line-height: 130%; 
 color: #402d2d;
 padding: 0px 10px 0px 10px;
 border: none;
 width: 298px;
 height: 85px;
 background: url('../images/textarea-bg.jpg') no-repeat top left;
}
/* End form components */
/* header */
div.top {
 height: 227px;
 padding-top: 43px;
}
div.top h1.topheader {
 margin: 0px;
}
div.top h1.phoneheader {
 font-size: 30px;
 line-height: 100%;
}
div.top div.topcolumn {
 height: 172px;
}
/* End header */
/* menu */
table#menu {
 width: 100%;
 height: 47px;
}
table#menu td.space {
 width: 20px;
}
table#menu a {
 margin: 0px;
 text-decoration:none;
}
table#menu a span {
 display: block;
 padding: 0px 19px;
 background: url('../images/bullet.gif') no-repeat;
 background-position: 10px 20px;
 line-height: 47px;
 color:#e0ff75;
}
table#menu a:hover span {
 color: #f3ffc8;
 background: url('../images/bullet-hover.gif') no-repeat;
 background-position: 10px 20px;
}
td.current span {
 display: block;
 padding: 0px 19px;
 background: #000 url('../images/bullet-hover.gif') no-repeat;
 background-position: 10px 20px;
 line-height: 47px;
 color: #f3ffc8;
 position: relative;
}
td.current img {
 position: absolute;
 width: 19px;
 height: 19px;
 left: 20px;
 bottom: -19px;
}
/* End menu */
/* middle block with grad */
div.middle {
 padding: 50px 0px 50px 0px;
 background: #230431 url('../images/middle-bg.jpg') repeat-x bottom left;
}
div.middle-small-padd {
 padding: 30px 0px 30px 0px;
}
div.middle img {
 border: 7px solid #810d5c;
}
div.middle h1 {
 margin: 0px;
 padding: 0px;
}
div.middle h1 a {
 font-size: 14px;
 color: #31f8ff;
}
/* End middle block with grad */
/* middle block without grad */
div.submiddle {
 color: #402d2d;
 padding: 20px 0px 30px 0px;
}
div.submiddle img.minipic {
 border: 7px solid #810d5c;
}
/* End middle block without grad */
/* our projects */
div.our-projects {
 background-color: #e9dfdf;
}
div.our-projects div.projects-container {
 padding-bottom: 10px;
 padding-top: 10px;
 color: #402d2d;
}
div.our-projects table.scroll {
 width: 100%;
 vertical-align: middle;
}
div.our-projects table.scroll td.title {
 width: 220px;
}
/* End our projects */
/* our projects dark */
div.our-projects-dark {
 margin-top: 35px;
 background: url('../images/our-projects-bg.jpg') repeat top left;
 color: #fff;
}
div.our-projects-dark table.scroll {
 width: 100%;
 vertical-align: middle;
}
div.our-projects-dark table.scroll td.title {
 width: 220px;
}
div.our-projects-dark h1 {
 margin: 0px;
 line-height: 100%;
}
/* End our projects dark */
/* footer */
div.footer {
 padding: 15px 0px;
 color: #402d2d;
 background: url('../images/footer-bg.gif') repeat top left;
}
div.footer div.footerleftcolumn {
 width: 350px;
 text-align: left;
}
div.footer div.footerrightcolumn {
 width: 77px;
}
a img {
 outline:none;
}
 .middle .container .rightcol a.spec, .middle .container .rightcol a.spec:hover {
 color: #31F8FF;
} 
@-moz-document url-prefix() {
  input.field {
 width: 278px;
}
textarea {
 width: 278px;
}
}

/* End footer */