/* 2011-02-02 01 Serge >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* Изменение прозрачности png - Begin >>> */
	.png {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
		z-index: -1000;
		background: url(1.png);
	}
	/* пример использования >>>>>>>>>>>>>>>>>> 
		<div style='position: relative; width: ; height: ;'>
			<img src='my-img.png' class='fade' alt='' />
			<div class='png opacity 0'>
			</div>
		</div>
	*/

/* Изменение прозрачности png - End >>>>> */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0px;
	padding: 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
  border-width: 0px;
}
fieldset, img { 
	border: 0px;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border:0;
}
 
*:focus {
  outline: none;
}

table.big, div.big {
  width: 100%;
  height: 100%;
}
/* 2011-01-26 01 Serge Begin >>> */
	table.big tr td {
		height: 100%;
		vertical-align: top;
	}
/* 2011-01-26 01 Serge End >>>>> */
table.twidth {
  width: 100%;
}
table.theight {
  height: 100%;
}
div.null {
  width: 0px;
  height: 0px;
  font-size: 0px;
  clear: both;
}
a {
  cursor: pointer;
}
img {
  display: block;
}

/* Fade-Text begin ---------------------------------------------------------- */
  .fade-text {
    background: url("../artatom/img/fade.png") repeat-y;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 100%;
    z-index: 100;
  }
  /*
    контейнер дожлен содержать
    width: ;
    height: ;
    position: Relative;
    overflow: hidden;
  */
/* Fade-Text End ------------------------------------------------------------ */