body, html {
	margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
	padding:0px;
	text-align:center;
	background-attachment: fixed;
	background-color: #000;
	background-image: url(pic/fon1.gif);
	background-repeat: repeat-y;
}

#container{
	margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
	text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
	min-width:550px;  /*задаем минимальную ширину макета в современных браузерах */




width:expression(   /*задаем минимальную ширину макета в старых версия браузера. Просто замените цифру на свою шиирину :) */

(document.compatMode && document.compatMode == 'CSS1Compat')

?

(

document.documentElement.clientWidth < 550

?

"550px"

:

"auto"

)

:

(

document.body.clientWidth < 550

?

"550px"

:

"auto"

)

);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;

}

/*Здесь пишем стили для шапки сайта */

#header{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-top-width: 0px;

	border-right-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-left-style: none;

	border-bottom-color: #FFFFFF;

	height: auto;

	width: auto;

}

#header h1 {

	margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */

	padding: 10px 0;

}

/*Здесь пишем стили для левой колонки сайта */

#left{

	width:150px;  /*ширина колонки */

	float:left;

	border-right-style: none;

	border-top-style: none;

	border-bottom-style: none;

	border-left-style: none;

	text-align: center;

	padding-top: 0px;

	padding-right: -10px;

	padding-bottom: 0px;

	padding-left: 0px;

	height: auto;

	text-decoration: none;

}

.left_txt {

	font-size: 12px;

	color: #99FFFF;

}



#left h1 {

	margin: 0;

	padding: 10px 0;

}

/*Здесь пишем стили для блока контента */

#content{

	margin-left:152px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */



	font-size: 18px;

	color: #FFFFFF;

	text-indent: 0px;

	padding: 10px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	opacity: 0.7;

	background-attachment: fixed;

	background-image: url(pic/fon2.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

}



#content h1 {

	margin:0px;

} 

#content p {

margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/

padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/

}

/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */

#clear{

height:0;

font-size:1px;

line-height:0px;

clear:both;

}

/*Здесь пишем стили для подвала сайта */

#footer{

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #FFFFFF;

	background-image: url(footer.png);

}

#footer p{

margin:0px;  /* обнуляем отступы*/

padding: 10px 0; /*  задаем поля */

}

a:link {

	color: #99FF99;

	text-decoration: underline;

}

a:hover {

	color: #00CC33;

	text-decoration: none;

	font-style: italic;

}

a:visited {

	color: #669900;

	text-decoration: none;

}

a:active {

	color: #FFCC00;

	text-decoration: none;

}