html, body{
  height:100%;
}

body{
  background: url(/i/fon/glubina/repeat.jpg) 0 0 repeat; 
}

body.portfolio{
  background: #00111b url(/i/fon/portfolio/repeat.jpg) center 0 repeat-y;
}

body.b_clients{
  background: #f4f0e4;
}

div.clear_top{
  margin: 0px;
  padding: 0px;
  height: 0;
  clear: both;
  border: none;
  overflow: hidden;
  height: 80px;
}

body.portfolio div.clear_top,
body.b_clients div.clear_top{
  height: 95px;
}

div.clear_bottom{
  margin: 0px;
  padding: 0px;
  height: 0;
  clear: both;
  border: none;
  overflow: hidden;
  height: 80px;
}

body.portfolio div.clear_bottom,
body.b_clients div.clear_bottom{
  height: 265px;
}

#container{
  margin:0 auto;
  padding: 0;
  min-width: 320px;
  /*max-width: 2000px;*/
  height: 100%;
  min-height: 100%;   
  background: url(/i/fon/glubina/top.jpg) center 0 no-repeat; 
  /* хак для IE6 в ie_index.css */  
} 

#container_ins{
  margin: 0;
  padding: 0;  
  height: auto;
  min-height: 100%;
  background: url(/i/fon/glubina/bottom.jpg) center bottom no-repeat;
  position: relative;       
  /* хак для IE6 в ie_index.css */
}

body.portfolio #container{
  background: url(/i/fon/portfolio/top.jpg) center 0 no-repeat; 
}

body.portfolio #container_ins{
  background: url(/i/fon/portfolio/bottom.jpg) center bottom no-repeat;
}

body.b_clients #container{
  background: none; 
}

body.b_clients #container_ins{
  background: url(/i/fon/palma.jpg) 0 0 no-repeat;
}


.cont_line{
  margin: 0;
  padding: 0;
  height: 0;
  clear: both;
  border: none;
  overflow: hidden;
  border-top: 5px solid #00111b;
}

.clb{
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  margin-left: -50%;
}

body.portfolio .cont_line,
body.b_clients .cont_line{
  display: none;
}

/* --- --- */

.blocks{
  margin: 0 9% 0 9%;
  padding: 0;
  overflow: hidden;
  z-index: 2;
  /*border: 1px solid gold;*/
}

.block{
  margin: 0 3px 3px 0;
  padding: 0;
  overflow: hidden;
  width: 230px;
  height: 230px;
  float: left;
  background: #fff;
  position: relative;
}

/* --- --- */

.grafix a{
  display: block;
  text-decoration: none;
  width: 230px;
  height: 230px;
  position: relative;
}

.grafix a span{
  display: block;
  width: 230px;
  height: 230px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
} 

/* -- clip -- */

.clip{
  background: #e0dcd7;
  text-align: center;
}

.clip h2,
.clip a h2{
  padding: 20px 5%;
  color: #fff;
  z-index: 1;
  background: #000; 
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 91%
}

.clip h2 span,
.clip a h2 span{
  padding: 0;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  font-style: italic;
  position: static;
}

.clip a{
  display: block;
  width: 230px;
  height: 230px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 2;
  text-decoration: none;
}  

.clip a h2{
  display: none; 
}

.clip a:hover h2{
  display: block;
}

/* -- client -- */

.client{
  background: #e0dcd7;
  text-align: center;
}

.client a{
  display: block;
  width: 230px;
  height: 230px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
} 

.client h2{
  padding: 50px 10px 0 10px;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  color: #031622
} 

/* -- all_works -- */

.all_works{
  background: #031622 url(/i/index/all_works.jpg) 0 0 no-repeat;
  text-align: center;
}   

.all_works a{
  display: block;
  text-decoration: none;
  width: 230px;
  height: 230px;
  position: relative;
}  

.all_works a h2{
  padding: 150px 0 0 0;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  color: #fff;
} 

.all_works a h2 span{
  padding: 0 0 0 8px;
  width: 10px;
  height: 12px;
  background: url(/i/strlk.gif) right 7px no-repeat;
}

/* -- work_year -- */

.work_year{
  background: #00111b;
  text-align: left;
} 

.work_year h3{
  padding: 40px 20px 0 20px;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  color: #fff;
}

.work_year p{
  padding: 10px 20px 0 20px;
  font-size: 13px;
  font-style: italic;
  color: #a9a9a9;
  line-height: 1.9;  
}

.work_year p a{
  color: #fff;
  text-decoration: underline;
}

.work_year p a:hover{
  text-decoration: none;
}

.work_year h2{
  padding: 30px 20px 0 20px;
  font-size: 30px;
  font-style: italic;
  font-weight: bold;
  color: #fff;
}

.work_year h2 a{
  color: #fff;
  text-decoration: none;
}

.work_year h2 span{
  padding: 0 0 0 5px;
  width: 10px;
  height: 12px;
  background: url(/i/strlk.gif) right 11px no-repeat;
}

/* -- logo -- */

.logo{
  background: #00111b;
  text-align: center;
}

.logo a span{
  background: url(/i/logo.gif) no-repeat 0 0;
}

.logo h1{
  padding: 107px 0 0 0;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
}

/* -- blog -- */

.blog{
  background: #00111b url(/i/index/blog.jpg) 0 0 no-repeat;
}

.blog td{
  vertical-align: middle;
  width: 230px;
  height: 230px;
}

.blog h2{
  padding: 15px 15px 0 15px;;
  font-size: 13px;
  font-weight: bold;
  color: #699d1b;
}

.blog h3{
  padding: 0 15px 5px 15px;
  font-size: 15px;
  line-height: 20px;
  font-style: italic;
  color: #fff;
}

.blog h3 a{
  text-decoration: underline;
  color: #fff;
}

.blog h3 a:hover{
  text-decoration: none;
}

.blog p{
  padding: 0 15px 15px 15px;;
  font-size: 12px;
  color: #fff;
}

/* -- twitter -- */
.twitter{
  background: #00111b url(/i/index/twitter.jpg) 0 0 no-repeat; 
}

.twitter table{
  height: 230px;
}

.twitter td{
  vertical-align: middle;
  width: 190px;
  height: 130px;
  padding: 50px 20px;
}

.twitter p{
  color: #fff;
  font-size: 13px;
}

.twitter p a{
  color: #fff;
  text-decoration: underline;
}

.twitter h2.tw{
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  color: #1487ff;
}

.twitter p.date{
  position: absolute;
  left: 20px;
  bottom: 20px;
  color: #687a84;
  font-size: 11px;
  color: #fff;
}

.twitter a.follow{
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #1487ff;
  font-size: 12px;
  font-style: italic;
  text-decoration: underline;
}

.twitter a:hover{
  text-decoration: none;
}

/* -- like -- */

.like{
  background: #00111b url(/i/index/like.jpg) 0 0 no-repeat; 
  text-align: center;
  position: relative;
}

/* -- kontekst -- */

.context{
  background: #bcb5f8;
  text-align: center;
}

.context a span{
  background: url(/i/index/context.jpg) no-repeat 0 0;
}

.context h2{
  padding: 80px 0 0 0;
  color: #371a12;
  font-size: 22px;
  line-height: 24px;
  font-weight: bold;
}

.context h2 b{
  font-size: 33px;
}

/* -- s_prihin -- */

.s_prihin{
  background: #00111b;
  text-align: center;
}

.s_prihin a span{
  background: url(/i/index/7_prihin.jpg) no-repeat 0 0;
}

.s_prihin h2{
  padding: 100px 0 0 0;
  color: #fff;
  font-size: 17px;
  line-height: 20px;
  font-weight: bold;
  font-style: italic;
}

.s_prihin h2 b{
  font-size: 35px;
}

/* -- media -- */

.media{
  background: #e0dcd7;
  text-align: center;
}

.media a span{
  background: url(/i/index/media.jpg) no-repeat 0 0;
}

.media h2{
  padding: 100px 0 0 0;
  color: #00111b;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  font-style: italic;
}

/* -- bl_sendmail -- */

.bl_sendmail{
  text-align: center;
  background: #00111b;
}

.bl_sendmail a span{
  background-image: url(/i/index/sendmail.jpg);
  background-repeat: no-repeat;
  background-position: 0 0; 
}

.bl_sendmail a:hover span{
  background-position: -230px 0;
}

.bl_sendmail h2{
  padding: 55px 0 0 0;
  color: #fff;
  font-size: 25px;
  line-height: 25px;
  font-weight: bold;
  font-style: italic;
}

/* -- clients -- */

.clients{
  background: #e0dcd7;
  text-align: center;
}

.clients a span{
  background: url(/i/index/clients.jpg) no-repeat 0 0;
}

.clients h2{
  padding: 80px 0 0 0;
  color: #00111b;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  font-style: italic;
}

/* -- potdergka -- */

.potdergka{
  background: #00111b;
  text-align: center;
}

.potdergka a span{
  background: url(/i/index/potdergka.jpg) no-repeat 0 0;
}

.potdergka h2{
  padding: 55px 0 0 0;
  color: #fff;
  font-size: 28px;
  line-height: 30px;
  font-weight: bold;
  font-family: Myriad Pro, Arial, sans-serif;
}

/* -- info -- */

.info{
  background: #00111b url(/i/index/info.jpg) 0 0 no-repeat;
}

.info p{
  padding: 13px 17px;
  color: #80868f;
  font-size: 13px;
  line-height: 17px;
}

.info p a{
  color: #c0c8d4;
  text-decoration: underline;
}

.info p a:hover{
  text-decoration: none;
}

/* -- pronas -- */

.pronas{
  text-align: center;
  background: #00111b;
}

.pronas a span{
  background-image: url(/i/index/moisej.jpg);
  background-repeat: no-repeat;
  background-position: 0 0; 
}

.pronas a:hover span{
  background-position: -230px 0;
}

.pronas h2{
  padding: 55px 0 0 0;
  color: #fff;
  font-size: 25px;
  line-height: 25px;
  font-weight: bold;
  font-style: italic;
}

/* -- contacts -- */

.contacts{
  background: #00111b url(/i/index/contacts.jpg) 0 0 no-repeat;
  text-align: center;
}

/* -- soc -- */

.smm{
  background: #e0dcd7; 
  text-align: center;
}

.smm h2{
  padding: 80px 15px 15px 15px;
  font-size: 25px;
  line-height: 20px;
  font-weight: bold;
  font-style: italic;
  color: #061720;
}

.smm span{
  background: url(/i/index/smm.jpg) no-repeat 0 0; 
}

/* -- optim -- */

.optim {
  background: #002536;
  text-align: center;
}

.optim a span{
  background: url(/i/index/optim.jpg) no-repeat 0 0;
}

.optim h2{
  padding: 150px 0 0 0;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  font-style: italic;
}

.optim h2 b{
  font-size: 29px;
}

/* -- menu -- */

.menu_block{
  background: #00111b;
}

.menu_block ul.menu{
  padding-top: 34px;
}

/* --- sendmail -- */

.sendmail .privet{
  display: none;
}

#sendmail_overlay{
  z-index: 500;            
  width: 725px;     
  height: 430px; 
  overflow: visible;
  padding: 0;
  border: 1px solid #6c6969;  
  background: #00111b url(/i/kate.jpg) right bottom no-repeat;       
  /* CSS3 styling for latest browsers */ 
  box-shadow: 0 0 8px #6c6969; /* Каноническое задание */
  -webkit-box-shadow: 0 0 8px #6c6969; /* Safari, Chrome */
  -moz-box-shadow: 0 0 8px #6c6969; /* Firefox */            
  border-radius: 5px; /* Каноническое задание */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -moz-border-radius: 5px; /* Firefox */            
}

#sendmail_overlay .close { 
  background-image: url(/i/close.png); 
  position: absolute; 
  right: -15px; 
  top: -15px; 
  cursor: pointer; 
  height: 35px; 
  width: 35px; 
  z-index: 501;
}

#sendmail_overlay .sendmail{
  margin: 0;
  width: 700px;
  z-index: 499;
  position: relative;
  background: none;
}

.sendmail .sendmail_form{
  background: none;
}