body, html {
  margin:0;
  padding:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  background:url(images/background.jpg) repeat-x;
  height:2705px;
}
.clear {
  clear:both;  
}
.height30 {
  height:30px;  
}
.container {
  width:1200px;
  margin:0 auto;
  padding:0;
}
.container .site-header {
  width:1200px;
  height:424px;
  background:url(images/header.jpg) center center;  
}
.container .site-header .link {
  width:1200px;
  height:115px;  
}
.container .site-header .link .logo {
  width:380px;
  float:left;
  font-size:25px;
  color:#ffffff;
  font-weight:bold;
  margin:41px 0 0 200px;    
}
.container .site-header .link a {
  color:#ffffff;
  display:block;
  float:left;
  height:31px;
  text-align:center;
  font-weight:bold;
  margin:45px 0 0 0;  
}
.container .site-header .link .main {
  width:72px;
}
.container .site-header .link .od {
  width:250px;
}
.container .site-header .link .vk {
  width:255px;    
}
.container .site-header .left {
  width:655px;
  height:280px;
  float:left;   
}
.container .site-header .left h1 {
  text-align:center;
  margin:60px 0 0 0;
  font-size:30px;  
}
.container .site-header .left .blue {
  color:#00bdf4;
  font-size:40px;  
}
.container .site-header .left .green {
  color:#80b600;  
}
.container .site-header .left .dark-green {
  color:#405b00;  
}
.container .site-header .left .orange {
  color:#ff9c00;  
}
.container .site-header .right {
  width:540px;
  height:150px;
  float:left;
  text-align:right;
  margin:30px 0 0 0;
  font-weight:bold;
  font-size:16px;   
}
.container .site-header .right p {
  margin:0;  
}
.container .site-header .right .blue {
  color:#0097c5;  
}
.container .site-header .right .dark {
  color:#002c39;
  font-size:13px;  
}

.container .site-subscribe {
  width:1200px;
  height:186px;
  background:url(images/subscribe.gif) center center;     
}
.container .site-subscribe .text {
  width:480px;
  height:56px;
  float:left; 
  text-align:right;
  margin:65px 34px 0 170px;
  color:#ffffff; 
}
.container .site-subscribe .email {
  height:22px;
  width:290px;
  float:left;
  margin:70px 0 0 0;
  border:none;
  color:#57d4f8;
  font-weight:bold;    
}
.container .site-subscribe .button {
  width:90px;
  height:30px;
  float:left;
  margin:74px 0 0 33px;
  border:none;
  background:none;
  text-align:center;
  font-weight:bold;
  color:#ffffff;
  font-size:12px;
  display:block;      
}

.container .site-links {
  width:1200px;
  height:363px;
  background:url(images/links.jpg) center center;    
}
.container .site-links .od-section {
  width:315px;
  height:310px;
  float:left;
  margin:10px 0 0 275px; 
}
.container .site-links .od-section ul {
  list-style:none;  
}
.container .site-links .od-section .link {
  font-size:20px;
  font-weight:bold;
  text-align:center;
  display:block;
  width:315px;
  color:#ffffff;
  text-decoration:none;   
}
.container .site-links .od-section a:hover {
  text-decoration:underline;  
}
.container .site-links .od-link {
  color:#9a0000;
  font-size:16px;
  font-weight:bold;
  line-height:24px;
  text-decoration:none;  
}
.container .site-links .vk-section {
  width:315px;
  height:310px;
  float:left;
  margin:22px 0 0 160px;  
}
.container .site-links .vk-section ul {
  list-style:none;  
}
.container .site-links .vk-section .link {
  font-size:20px;
  font-weight:bold;
  text-align:center;
  display:block;
  width:315px;
  color:#ffffff;
  text-decoration:none;   
}
.container .site-links .vk-section a:hover {
  text-decoration:underline;  
}
.container .site-links .vk-link {
  color:#344400;
  font-size:16px;
  font-weight:bold;
  line-height:24px;
  text-decoration:none;  
}

.container .site-advantages {
  width:1000px;
  padding-left:100px; 
  margin-bottom:62px; 
}
.container .site-advantages .one-advantage {
  width:234px;
  height:210px;
  float:left;
  margin:25px 15px 0 0;  
}
.container .site-advantages .one-advantage .icon {
  width:42px;
  height:42px;
  float:left;
  background:url(images/advantage-icon.jpg) center center;
  margin:0 8px 0 0;  
}
.container .site-advantages .one-advantage h3 {
  font-size:13px;
  margin:0 0 10px 0;
  color:#ffffff;
  display:block;
  float:left;
  width:182px;    
}
.container .site-advantages .one-advantage .text {
  width:230px;
  height:205px;
  float:left;
  color:#ffffff;
  font-size:11px;    
}
.container .site-reviews {
  width:1144px;
  height:377px;
  padding:71px 0 0 56px;  
}
.container .site-reviews .one-review {
  width:543px;
  height:156px;
  float:left; 
  margin:0 0 30px 0; 
}
.container .site-reviews .one-review .img {
  float:left;
  margin:25px 0 0 0;  
}
.container .site-reviews .one-review .review-text {
  float:left;
  width:398px;
  height:140px;
  padding:0 0 0 12px;
  margin-top:5px;
  color:#fefefe;  
}
.container .site-reviews .one-review .review-text span {
  font-weight:bold;
  color:#ffc000;  
}

.container .site-explanation {
  width:1095px;
  height:402px;
  background:url(images/explanation.jpg) center center;
  padding:0 0 0 105px;  
}
.container .site-explanation .section {
  width:474px;
  height:362px;
  float:left;
  margin:10px 40px 0 0; 
}
.container .site-explanation .section h2 {
  font-size:16px;
  color:#ffffff;
  margin:0 0 15px 0;  
}
.container .site-explanation .section p {
  color:#253000;  
}

.container .site-footer {
  width:1200px;
  height:463px;  
  background:url(images/footer.jpg) center center;
}
.container .site-footer h2 {
  color:#633100;
  font-size:14px;
  margin:0 0 15px 279px;
  padding-top:46px;  
}
.container .site-footer .explanation {
  margin:0 121px 0 279px;
  font-size:11px;
  color:#633100; 
}
.container .site-footer .copyright {
  color:#a7ebff;
  font-size:11px;
  margin:170px 160px 0 160px;
  text-align:center;  
}

#newsletter-status p {
  margin:0; 
  text-align:center; 
  font-weight:bold;
  background:#ffffff;
}

#update-membrane {
  position:absolute;
  background:url(images/membrana.png) 0 0;   
  z-index:100;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none;
}
#update-membrane .message-wrap {
  position:relative;
  left:50%;
  float:left;
}
#update-membrane .message {
  position:relative;
  left:-50%;
  background-color:#f4f2f4;
  font-size:18px;
  font-weight:bold;
  padding:10px;
}
#update-membrane .message .icon {
  background:url(images/loading.gif) 0 0;
  width:32px;
  height:32px;
  float:left;
}
#update-membrane .message .text {
  line-height:32px;
  margin-right:10px;
  float:left;
}