html { /*------------ 100% высота контейнера div.page  */
 height: 100%;

}

body {
background:url("http://www.v-wd.ru/i/background.jpg") 0 0;
border:0 none;
height:100%;
margin:0;
margin-top:40px;
min-height:98%;
padding:0;
}

/* Контейнер всего содержимого кроме подвала */
div.page {
 width: 950px;
 margin: auto;
 /*----------------------- 100% высоты контейнера относительно клиентской области и контента для IE, FF, Opera */
 height: auto !important;
 min-height: 98%;
 height: 98%;
 background: #232a3a;
}

/* блок гарантирующий, что область на коотрую накладывается div.footer в div.page останется пустой, */
/* наличие этого блока устанавливает высоту div.page 100% относительно клиентской области и контента в FF, Opera */
div.page div.footer_guarantor {
 height: 1px;
 clear: both;
 text-align: right;
}




div.page div.top{
position: relative;
background-image: url("../i/v-wd2.jpg");
background-position: 0 0;
background-repeat: no-repeat;
 width: 950px;
height:346px;
}

/* Патч для установки минимальной высоты в IE */

div.page div.patch_minheight {
 width: 1px;
 height: 1px;
 float: right;
}




/* Контейнер основной полосы */
div.page div.mainbar {

 background: #232a3a;
}





/* Контейнер подвала */
div.footer {
 margin: auto;
 margin-top: 0px;
 width: 950px;
 clear: both;
 background: #232a3a;
  
}




#bottom{
border: 0px red solid;
width: 950px;

margin-top:0px;

}


#share42 {
  position: fixed;
  z-index: 1000;
  margin-left: -140px; /* смещение панели влево от края контента */
  padding: 6px 6px 0;
  background: #FFF;
  border: 1px solid #E9E9E9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

* html #share42 {display: none}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  -webkit-box-shadow: 0 0 5px #DDD;
  -moz-box-shadow: 0 0 5px #DDD;
  box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
#share42 img {margin: 0 !important; padding: 0 !important; border: none !important;}


.namelogot {
	float: left; 
	position: absolute; 
	display: block; 
	top: 34px; 
	height: 22px; 
	left: 54px; 
	width: 150px;
}
.phone1logot {
	float: left; 
	position: absolute; 
	display: block; 
	right: 54px; 
	width: 164px; 
	height: 24px; 
	top: 32px;
}
.phone2logot{
	float: left; 
	position: absolute; 
	display: block; 
	right: 7px; 
	width: 164px; 
	height: 24px; 
	top: 73px;
}


.portfoliologot{
	float: left; 
	position: absolute; 
	display: block; 
	right: 0px; 
	width: 110px; 
	height: 24px; 
	top: 107px;

 border-top: 1px solid #96d1f8; background: #65a9d7; background: 
-webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); 
background: -moz-linear-gradient(top, #3e779d, #65a9d7); padding: 5px 10px; 
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; 
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; 
box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: 
white; font-size: 20px; font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif; 
text-decoration: none; vertical-align: middle; } 


.portfoliologot:hover { border-top-color: 
#71b359; background: #71b359; color: #ffffff;  text-decoration:none;}

 .portfoliologot:active { border-top-color: 
#8cce74; background: #8cce74; 


}