html, body {
 margin:0;
 padding:0;
 background:#000;
 height: 100%; /* не забываем это свойство для html и body */
 font-family:Verdana,Arial,Helvetica,sans-serif;
 }
 
 img {
	border:none;
 }
 
 .clear {
	clear:both;
	width:0;
 }
 
 #container {
	overflow: hidden;
    position: relative;
    min-height: 100%; /* минимальная высота контейнера, ее понимают все браузеры за исключением IE6 */
}
/* ниже фильтр * html так называемый CSS хак, через который можно задать любое свойство предназначенное для IE6 */
 * html #container {
    height: 100%;
}

/* элемент ниже позволяет не наезжать подвалу на контент, он должен быть не меньше подвала по высоте */
 .end_content {
    position: relative;
    height: 53px;
}
 #footer {
    position: relative;
    margin-top: -48px; /* свойство должно быть равным высоте элемента, не забываем про отрицательное значение */
    height: 48px;
	background:#000;
	padding-top:5px;
 }

 .footer-top {
	background:url('images/footer_top.gif') no-repeat;
	width:720px;
	height:9px;
 }
 
 .footer-bottom {
	background:url('images/footer_bottom.gif') no-repeat;
	width:720px;
	height:34px;
	margin-top:5px;
 }
 
 .header {
	height:197px;
 }
 
 .logo {
	float:left;
	height:196px;
 }
 
 .picture {
	float:left;
	background:url('images/picture_fon.gif') no-repeat;
	width:514px;
	text-align:right;
	height:196px;
 }
 
 .menu {
	float:left;
 }
 
 .menu ul{
	padding:0;
	margin:0;
 }
 
 .menu li {
	list-style:none;
	background:url('images/menu.gif') no-repeat;
	width:203px;
	height:27px;
	padding-top:3px;
 }
 
 .menu li a{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#000;
	margin-left:58px;
 }
 
 .menu li a:hover{
	color:#fff;
 }
 
  li.submenu {
	list-style:none;
	background:url('images/submenu.gif') no-repeat !important;
	margin-left:29px;
	width:174px;
	height:27px;
 }

  li.submenu a {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#000;
	margin-left:29px;
 }
 
  li.submenu a :hover{
	color:#fff;
 }
 
 .content {
	float:left;
	background: #eea463 url('images/txt_bg.jpg') no-repeat;
	width:514px;
	min-height:252px;
	margin-bottom: -1000em;
	padding-bottom: 1000em;
	font-size:12px;
 }

 .content p {
	padding: 0 10px;
 }
 
 #photos {
 text-align: center;
 }
 
 #photos img {
 border: 2px solid black;
 margin: 10px 0;
 }
 
  #photos img:hover {
 border: 2px solid white;
 margin: 10px 0;
 }