@import url("global.css");


html, body{
	font: 100% "dindisplay","Conv_PFDinDisplayPro-Black", "Times New Roman";
	background: #26233c;
	color: white;
	height: 100%;
}
a, a:hover, a:visited{color:white;}

#wrap{width: 100%;min-height: 100%; margin: 0 auto; 
	background: radial-gradient(circle farthest-corner at center 60px,#23737c, #26233c); /* Если линейный и радиальный градиент дополнить свойством background-size, тогда мы получим самые разнообразные повторяющиеся фоновые картинки, которые сделаны без использования изображений.*/
	background: -webkit-radial-gradient(center 60px, circle cover,#23737c, #26233c);
} 
#container {
	width: 900px;  
	margin: 0 auto;
}
#container #header {
	padding: 45px 0 2em 0; 
}
#container #header img.logo{margin: 0 0 0 218px;
} 
#container #header h2 {
	margin: 55px 0 0 50%;
	font-weight:normal;text-align:left;font-size:200%;text-indent: -1.25em;letter-spacing: 1px;	

}
#container #header h2  a,span{font-size:12pt;letter-spacing: normal;}
#container #content {
	margin: 22px auto 0 auto;
	line-height: 1.25;
}
#container #content h1{font-size:200%;font-weight:bold;text-align:center;text-transform: uppercase;letter-spacing: 1px;}
#container #content h2{margin: 2em 100px;font-weight:normal;text-align:center;}
#container #content ul.main{
	margin-left: 50%;
	list-style-image: url(../images/circle.png);
	list-style-position: inside;}
#container #content li.main{
	margin-bottom: .5em;
	font-weight: normal;
}
#container #content li.main a{text-decoration: none;border-bottom: 1px dashed white;}
#container #content ul.sub{ 
	margin: .25em 0 0 2em;
	font-weight: normal;
	list-style: disc inside;
}
#container #footer { 
	padding: 4em 168px;text-align:center;
	font-size:80%;
} 
#circles{position: absolute;
bottom: 55px;right: 55px;
width: 250px;height: 295px;
background-image: url(../images/circles.png);background-size: cover;
text-indent: -1000000px;
 }