

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

}

body {
 /*--------------- 100% высота контейнера div.page  */
 min-height:98%;
 height: 100%;
   margin: 0px;
   padding:0px;
  border: 0px;
  background: #000000;
}

/* Контейнер всего содержимого кроме подвала */
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{
background-image: url("../i/top.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;

}