@import url("header.css");
@import url("content.css");
@import url("footer.css");

* {
	margin: 0;
	padding: 0;
}

html, body { width: 100%; height: 100%; padding: 0; margin: 0; }

body{
	background-color: #540b01;
	font-family: Georgia;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	font-style: italic;
	background-image: url(../images/bgbody.png);
	background-position: center;
	background-repeat: repeat-y;
}

a { outline: none; -moz-outline: 0; border: none; border-width: 0px; }
a:active { outline: none; -moz-outline: 0; }
a:focus { outline: none; -moz-outline: 0; }

img { border: none; border-width: 0px; }

.clear { clear: both; font-size: 0pt; line-height: 0px; height: 0px; }

body a{
	text-decoration: underline;
	color: #fff;
}
body a:hover{
	text-decoration: none;
}

body p{
	padding-bottom: 15px;
}

body ul{
	padding: 0;
	margin: 0 0 10px 13px;
}
body ul li{
	padding-bottom: 6px;
}
body ol{
	padding: 0;
	margin: 0 0 10px 25px;
}
*html body ol{
	padding: 0;
	margin: 0 0 10px 28px;
}
*:first-child+html body ol{
	margin: 0 0 10px 28px; 
}
body dl{
	margin: 0 0 10px 10px;
}
*html body dl{
	margin: 0 0 10px 7px;
}
/* хак IE7 */
*:first-child+html body dl{
	margin: 0 0 10px 4px;
}

html:root body dl{
	margin: 0 0 10px 20px;
}

body h1, h2, h3, h4{ color: #fc6; font-style: italic; font-weight: normal; line-height: normal; margin-bottom: 10px;  height:44px; }
body h1 span, h2 span, h3 span, h4 span { background: url(../images/stars.png) no-repeat right top; padding-right: 90px; }
body h2{ font-size: 20px; margin-bottom: 0px; margin-top: 10px; }


/**************************/
#main{
	width: 100%;
	background-color: transparent;
	
	position: relative;
	
	
	min-width: 1000px;
}

*html #main
			{
				width:expression(
					(document.compatMode && document.compatMode == 'CSS1Compat')
					?
					(
						document.documentElement.clientWidth < 1000
						?
						"1000px"
						:
						"100%"
					)
					:
					(
						document.body.clientWidth < 1000
						?
						"1000px"
						:
						"100%"
					)
				);
			}