/*********************************************************/
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;	
}
body {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;		
}
/* 
    I. Резиновый макет с фиксированной левой панелью
*/
#wrapper {
	width: 100%;
	padding: 0 0 0 0;
	overflow: hidden;
	zoom: 1;
}
#wrapper:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	display: inline;
	width: 100%;
	float: left;
	overflow: hidden;
	zoom: 1;
}
#content {	
	margin: 0 300px 0 250px;	
}
#sidebar-left {	
	display: inline;
	position: relative;
	float: left;
	width: 230px;
	margin-left: -100%;	
	
}
#sidebar-left:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#sidebar-right {
	display: inline;
	position: relative;
	float: left;
	width: 230px;
	margin-left: -232px;	
	padding-bottom: 300px;	
}
#sidebar-right:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
/*********************************************************/
/* Освобождаем место под подвал и шапку */
#wrapper {
	padding-top: 325px;
	padding-bottom: 160px;
}
/* Подвал и шапка */
#footer {		
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 160px;
}
#header {		
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 365px;
}