H1   { margin-left: 100pt; }
body{
margin: 0px;
background-image: url('images/phon.gif');
background-position: center top;
background-repeat: repeat;
background-color: #fdd3aa;
border: 0px;
font-family: Times New Roman;
text-align: justify}


td#z { 
 background: url('images/dog1.gif') no-repeat; 
}
#marquee { 
  
  width: 630px; 
  overflow: hidden; 
  position: absolute;
} 

#marquee div { 
  position: relative; left: 800px; top: 0 px;
  
} 

td#x { 
 padding-left: 40px;
}

td#y { 
 padding-left: 20px;
} 


td#z { 
 padding-left: 63px;
} 
td.as { 
 z-index: 1;
} 

 A:Link {Text-decoration: none}
 A:Visited {Text-decoration: none}
 A:Hover{Text-decoration: none}
 



.HorArrows { /* позиционируем стрелки навигации */
	clear: both;
	position: relative;
	height: 38px;
}
#BigPhotoPlace { /* увеличенное изображение */
	position: relative; bottom=-20;
        text-align: center;
/*
	float: left;
*/
}
#BigPhoto { /* фиксируем размеры изображения */
	width: 700px;
	height: 500px;
	overflow: hidden; /* прячем лишнее */
	 /* на фоне можно написать что-то, пока
	 изображение не загрузилось, будет этот текст */
	background: url(404.gif) no-repeat 0 0;
}
#BigPhotoPlace .HorArrows { /* навигация под увеличенной картинкой */
	text-align: center;
	margin: 8px auto;
	width: 700px; /* укажем ширину как у увеличенной картинки
	т.о. стрелки разместим по ее краям */
	position: relative;
}
.arrowRight { /* стрелка вправо */
	position: absolute;
	right: 15;
	top: 8px;
	cursor: pointer;
}
.arrowLeft { /* стрелка влево */
	position: absolute;
	left: 0;
	top: 8px;
	cursor: pointer;
}
#PhotoNum { /* информация о картинке */
	position: absolute;
	width: 130px; /* ширина блока равна ширине
	поля с навигацией минус сумма ширины стрелок
	справа и слева */
	left: 35px; /* отступ от левого края равен,
	либо больше ширины левой стрелки */
	top: 4px;
}
#PreviewsPlace { 
	width: 620px; /* ширина блока по вкусу */
	position: relative;
/*
	float: left;
*/
	margin: 0 0 0 0;
}
#Preview { /* слой для кучи маленьких превьюшек */
	overflow: hidden;
	height: 150px;
}

#Preview img { 
 	display: block; 
  	float: left; 
} 

.PrevImg { /* картинки маленьких превьюшек */
	_margin-right: -6px;
	display: block;
	float: left;
	cursor: pointer;
}


.title
{margin-left=15px;
text-align: left}

.story
{margin-right=15px;
margin-left=15px;
text-align: justify}

.attr
{text-align: right}


.dateheader {text-align: right;}