* {margin:0;padding:0;}
body {
    padding:0px;
    background:#fefae9;
    color:#000;
	font:100.01% Tahoma,Helvetica,sans-serif;
    }
#header {
    padding:0px;
    background:#fefae9;
    }
#greenline
	{
	width: 100%;
	padding:0px;
	background:#d0fec0;
	text-align: right;
	padding-right: 0px;
	height: 20px;
	}
#hmenu
	{
	width: 100%;
	padding:0px;
	background:#e9f4fe;
	text-align: center;
	height: 25px;
	}
ul#main-nav {
    float:left; /* Предотвращаем эффект, при котором список не охватит внутри себя свои пункты. Это будет видно, если задать ul видимые границы */
    font:bold .75em Tahoma,Helvetica,sans-serif; /* Устанавливаем параметры шрифта */
    }
ul#main-nav li {
    float:left; /* «Прижимаем» элементы списка налево, эмулируя горизонталь */
    list-style:none; /* Убираем маркеры у пунктов списка */
    }
ul#main-nav li a {
    display:block; /* Делаем ссылки блочным элементом, чтобы они могли нативно работать с внутренними полями */
    position:relative; /* Небольшой «хак», чтобы в IE кликабельная область распространилась на внутренние поля */
    padding:4px 15px; /* Внутренние поля */
/*    background:#FFF; /* Цвет фона */
/*    border:0px dashed #CCC; /* Границы */
/*    border-width:1px 0 1px 1px; */
    color:#47AAE9; /* Цвет шрифта */
    }
    ul#main-nav li a:hover {
        background:#00fee9; /* Цвет фона при наведении на ссылку */
        color:#000; /* Цвет шрифта при наведении на ссылку */
        }
ul#side-nav {
    float:left; /* Предотвращаем эффект, при котором список не охватит внутри себя свои пункты. Это будет видно, если задать ul видимые границы */
    font:bold .90em Tahoma,Helvetica,sans-serif; /* Устанавливаем параметры шрифта */
	width: 170px;
    }
ul#side-nav li {
    float:left; /* «Прижимаем» элементы списка налево, эмулируя горизонталь */
	width: 170px;
    list-style:none; /* Убираем маркеры у пунктов списка */
    }
ul#side-nav li a {
    display:block; /* Делаем ссылки блочным элементом, чтобы они могли нативно работать с внутренними полями */
	width: 170px;
	height: 50px;
	vertical-align: bottom;
    position:relative; /* Небольшой «хак», чтобы в IE кликабельная область распространилась на внутренние поля */
    padding:4px 15px; /* Внутренние поля */
/*    background:#FFF; /* Цвет фона */
/*    border:0px dashed #CCC; /* Границы */
/*    border-width:1px 0 1px 1px; */
    color:#47AAE9; /* Цвет шрифта */
    }
    ul#side-nav li a:hover {
        background:#00fee9; /* Цвет фона при наведении на ссылку */
        color:#000; /* Цвет шрифта при наведении на ссылку */
        }
.znak
	{
	text-align: right;
	margin: 5px;
	margin-right: 15%;
	padding-right: 10px;
	background-color: AA2222;
	color: FFF;
	font: bold 15px Tahoma;
	float: right;
	width:200px;
	clear: right;
	}
.tml
	{
	text-align: center;
	height: 25px;
	padding: 0;
	}
.tml A
	{
	 font: bold 12pt Tahoma,Helvetica,sans-serif;
	 color: 444444;
	}
.tml A:hover,.tml td:hover
	{
	 color: blue;
	 text-decoration:none;
	 background: #d0fec0;
	}
.tml A:active
	{
	 color: white;
	}
.snav,.snav1,.snav2,.snav3
	{
	 width: 170px;
	 height: 45px;
	 margin-left: 0px;
	 text-align: center;
	 vertical-align: middle;
	 font-weight: bold;
	}
.snav
	{
	 border-top: 2px solid #e0e0e0;
	 border-bottom: 2px solid #e0e0e0;
	 border-left: 2px solid #e0e0e0;
	}
.snav A,.snav1 A,.snav2 A,.snav3 A
	{
	 font-weight: bold;
	 color: black;
	 text-decoration: none;
	 padding: 2px;
	 display: inline-block;
	 border-bottom: 1px dashed black;
	}
.snav A:hover,.snav1 A:hover,.snav2 A:hover,.snav3 A:hover
	{
	 color: red;
	 font-weight: bold;
	 padding: 2px;
	 border-bottom: 1px dashed red;
	}
.snav:hover,.snav1:hover,.snav2:hover,.snav3:hover
	{
	 border: 1px dashed red;
	}
.snav1, .green
	{
	 background: #e0fed0;
	 text-align: center;
	}
.snav2, .blue
	{
	 background: #e9f4fe;
	 text-align: center;
	}
.snav3, .pink
	{
	 background: #ffeae9;
	 text-align: center;
	}
#container {
    float:left; /* Делаем контейнер плавающим, чтобы добиться нужного поведения */
    width:100%; /* Указываем контейнеру занимать все доступное пространство */
    margin:0px -170px 0px 0; /* Устанавливаем отрицательное правое поле, чтобы подтянуть правую колонку */
    }
#nav {
    float:left; /* Прижимаем блок налево */
    width:150px; /* Обращаем внимание, что фактическая ширина блока = 170 пикселям */
    padding:0px;
    }
#content {
    margin:0 30px 0 170px; /* Устанавливаем поля, чтобы контент не «налезал» на боковые колонки */
    padding:10px;
	min-width: 600px;
	max-width: 1000px;
    }
#sidebar {
    float:right; /* Прижимаем блок направо */
    width:10px; /* Обращаем внимание, что фактическая ширина блока = 150 пикселям */
    margin-top:0px;
    padding:10px;
    }
#footer {
    clear:both; /* Ставим подвал ниже самой длинной колонки */
    padding:10px;
    background:ECE8D6;
    }
#artist {
	border: 4px solid orange; 
}
.title {
	font-weight: bold;
	font-size: 50;
	font-family: arial;
	text-align: center;
	}
.sign
	{
	font-weight: bold;
	font-size: 12;
	font-family: arial;
	text-align: right;
	clear: right;
	}
#paint
	{
	background-color: 000;
	text-align: center;
	color: fff;
	margin: 10 10 10 10;
	padding: 10 10 10 10;
	width: 760px;
	font: bold .85em Arial;
	}
.illu
	{
	 background: #ffeae9;
	 padding: 10;
	 float: right;
	 text-align: center;
	 margin-left: 10;
	}
#oni
	{
	color: 000;
	font-size: 4.5em;
	text-align: center;
	width: 100%;
	}
.gorotext
	{
	margin-right: 15%;
	width: 70%;
	float: right;
	color:#000;
	font:100.01% Tahoma,Helvetica,sans-serif;
	clear: right;
	}