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


}

body {
 /*--------------- 100% высота контейнера div.page далее */
 min-height:95%;
 height: 100%;
   margin: 0;
 padding: 0;


}



/* Контейнер всего содержимого кроме подвала */
div.page {
 width: 99.8%;
 
 /*----------------------- 100% высоты контейнера относительно клиентской области и контента для IE, FF, Opera */
 height: auto !important;
 min-height:95%;
 height: 95%;
 /*-----------------------*/

border: 0px cyan solid;
}

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

/* Контейнер подвала */
div.footer {
padding-bottom:20px;
 clear: both;
margin-left:280px;
border: 0px #999999 solid; 

}

div.footer p{
text-align:center;
color: #0099CC;
font-size:11px;
}

div.footer a{
color: #0099CC;
font-size:11px;

}

div.footer a:hover{
text-decoration: none;
}




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

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

/* Контейнер вспомогательной полосы */


div.page div.mainbar 
{
position:relative;
width: 100%;
border-top:1px #ffffff solid

}




#left{
float:left; 
border:0px red solid; 
width: 230px;
margin-left:0px;
position:absolute;
left:0px;
z-index:100;
}

#right{
margin-left:280px;
margin-right:40px;
margin-top: 475px;
border-bottom: 2px #999999 solid; 
padding-bottom:50px;
}



#left2{
 float:left;
border:0px red solid; 
width:350px;
padding-left:100px
}

#right2{
position:relative;

left:-30px;
border:0px green solid; 
padding-left:550px;
}