/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;                               /* обнуляем отступы и убираем бордюры */
	vertical-align: baseline;          /* приводим все к одной базовой линии */
	background: transparent;      /* чтобы не проскакивали левые фоны, установленные по умолчанию */
	font-size: 100%;                     /* размер шрифта всем одинаковый */
}
ul li{
	list-style: none;
}
a {                                      	     /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
table {						/* устраняем отступы между ячейками таблицы */
	border-collapse: collapse;
	border-spacing: 0;
}
td, td img {
	vertical-align: top;			/* возвращаем привычное вертикальное выравнивание */
}
input, select, button, textarea {
	margin: 0; 				/* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */
	font-size: 100%; 			/* делаем размер шрифтов везде одинаковым */
}
input[type="text"], input[type="password"], textarea {
	padding: 0; 				/* убираем внутренние отступы для текстовых полей */
}
input[type="checkbox"] { 		/* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
	vertical-align: bottom;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	 list-style:none;
}
/* --------------- /reset.css --------------- */

/* --------------- базовые настройки ---------*/
html {
	overflow-y: scroll; /* всегда показываем вертикальную полосу прокрутки  */
}
body {
	line-height: 1;
	background: #fff;
	color: #000;
	text-align: left;
	font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* используем безопасные шрифтовые CSS стеки */
}
input, select, button, textarea {
	font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* чтобы шрифт был такой же как и везде */
}
label, input[type="button"], input[type="submit"], button {
	cursor: pointer; /* курсор в виде руки для всех кликабельных элементов форм */
}
a, a:visited { /* порядок правил для ссылок имеет значение */
	color: #f6ff00;
	text-decoration: none;
}
a:hover {
	color: #f6ff00;
	text-decoration: none;
}
a:focus, a:active {
	color: #f6ff00;
	text-decoration: underline;
}

/* --------------- header ---------*/
header {
	height: 232px;
	background: url(../img/header/header-back.jpg) repeat-x;
	text-align: center;
	position: relative;
	padding-top: 56px;
	min-width: 1000px;
}
header .logo{
	text-indent: -5000px;
	background: url(../img/header/logo.png);
	margin: 0 auto;
	width: 227px;
	height: 171px;
	display: block;
	z-index: 3;
}
header .logo:after{
	position: absolute;
	right: 0px;
	top: 49px;
	display: block;
	content: "";
	background: url(../img/header/logo-right.png);
	width: 458px;
	height: 195px;
	z-index: 1;
}
header .logo:before{
	position: absolute;
	left: 0px;
	top: 56px;
	display: block;
	content: "";
	background: url(../img/header/logo-left.png);
	width: 423px;
	height: 179px;
}
/* --------------- content ---------*/
.mainCsontent{
	background: url(../img/content/content-back.jpg);
	position: relative;
	min-width: 1000px;
	overflow: hidden;
}
.mainCsontent:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 220px;
	background: url(../img/content/ide-bar-back.png) repeat-y 69px 0;
	content: "";
}
.mainCsontent:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* --------------- article ---------*/

article{
	margin: 15px 20px 0 220px;
	color: #981717;
	text-align: center;
	position: relative;
	min-width: 700px;
}
article a:visited,
article a:active,
article a:focus {
	color: #981717;
}

article h2,
article hgroup h1 {
	font-size: 20px;
	margin-bottom: 15px;
	text-align: justify;
}
article hgroup h2{
	font-size: 14px;
}
article p,
article dl,
article div,
article h3,
article table {
	margin-bottom: 15px;
	text-align: justify;
}
article table{
	width: 80%;
	border-collapse: 0;
	margin: 0 auto;
	text-align: center;
}
article table th {
	text-align: justify;
}
article table td,
article table th {
	border: 1px solid #981717;
	padding: 4px;
}
article .title{
	font-size: 15px;
	margin-bottom: 12px;
	font-weight: bold;
}
article dt {
	margin-bottom: 2px;
}
article p a{
	float: none;
	margin-left: 5px;
	text-decoration: underline;
}
article p a:hover{
	text-decoration: none;
}
article dd {
	margin-bottom: 5px;
	margin-left: 10px;
	display: block;
}
article dd:before {
	float: left;
	margin-left: -10px;
	content: "\2013\0A0";
}
article ul{
	padding-bottom: 15px;
}
article .pages{
	overflow: hidden;
	padding: 0 15px 15px 0;
}
article .pages span{
	float: right;
}
article .pages ul{
	float: right;
}
article .pages li{
	float: left;
}
article .pages li a{
	margin: 0 0 0 5px;
	text-decoration: underline;
}
article .pages li a:hover {
	text-decoration: none;
}
article .cd{
	overflow: hidden;
}
article .cd li {
	float: left;
	width: 25%;
	height: 300px;
	overflow: hidden;
}

/* book -----------------------*/

article .bookImg	{
	position: absolute;
	top: 15px;
	left: 0;
	width: 250px;
}
.book {
	margin-left: 275px;
	text-align: center;
}
.mainTitle {
	text-align: center;
}
.book .about{
	margin-top: 50px;
	overflow: hidden;
}
.book button{
	margin-left: 10px;
}
.features,
.requirements {
	float: left;
	width: 45%;
	margin-right: 5%;
}

.features .contact,
.requirements .contact{
	width: 100%;
}
.features .contact dt,
.requirements .contact dt {
	width: 45%;
	margin-bottom: 10px;
	font-weight: bold;
}
.features .contact dd,
.requirements .contact dd {
	 width: 55%;
	 margin-bottom: 10px;
}
.book .exampl{
	overflow: hidden;
}
.book .exampl li{
	float: left;
	width: 50%;
}
/* contact -----------------------*/

article .contact {
	overflow: hidden;
	text-align: left;
	width: 500px;
}
.contact dd:before {
	content: "";
	float: none;
	margin-left: 0;
}
.contact dt {
	float: left;
	width: 150px;
	background: agua;
}
.contact dd {
	width: 350px;
	float: left;
	line-height: normal;
	margin-left: 0;
}
.contact dd a {
	text-align: left;
	float: none;
	text-decoration: underline;
}
.contact dd a:hover {
	text-decoration: none;
}

/* --------------- home ---------*/

article .home{
	overflow: hidden;
}
article .home li{
	float: left;
	width: 25%;
	height: 300px;
	overflow: hidden;
}
article a{
	color: #981717;
	float: left;
	width: 90%;
	text-align: center;

}
article a:hover,
article a:visited {
	text-decoration: underline;
	color: #981717;
}
article .home a img{
	display: block;
	margin: 0 auto 10px;
	height: 212px;
}

/* --------------- sideBar ---------*/

.mainCsontent aside{
	float: left;
	padding-bottom: 157px;
}
aside:before {
	position:absolute;
	top: 0;
	left: 57px;
	background: url(../img/content/sibe-bar-top.png);
	width: 106px;
	height: 39px;
	content: "";
}
aside:after {
	position:absolute;
	bottom: 0;
	left: 31px;
	background: url(../img/content/sibe-bar-bottom.png);
	width: 157px;
	height: 47px;
	content: "";
}
aside nav{
	position: relative;
	width: 112px;
	background: url(../img/content/nav-back.png) repeat-y;
	margin: 124px 0 0 24px;
	padding: 0 15px 20px 30px;
	text-align: center;
	font-size: 12px;
	z-index: 2;
}
aside nav:before {
	position:absolute;
	top: -79px;
	left: -34px;
	background: url(../img/content/nav-top.png);
	width: 220px;
	height: 79px;
	content: "";
}
aside nav:after {
	position:absolute;
	bottom: -110px;
	left: -2px;
	background: url(../img/content/nav-bottom.png);
	width: 161px;
	height: 110px;
	content: "";
}
aside nav ul li{
	padding: 5px 0 3px 0;
	background: url(../img/content/nav-list.png) no-repeat bottom;
}
aside nav ul li a {

	text-decoration: none;
}
aside nav ul li a:hover {
	text-decoration: underline;
}
/* --------------- footer ---------*/

footer {
	height: 73px;
	background: url(../img/footer/footer-back.jpg) repeat-x;
	padding: 70px 20px 0;
	overflow: hidden;
	text-align: center;
	min-width: 1000px;
	position: relative;
}
footer ul {
	margin: 0 auto;
	width: 70%;
	overflow: hidden;
}
footer li {
	float: left;
	margin-left: 3%;
}

.footerLinks {
	width: 50%;
	overflow: hidden;
	position: absolute;
	top: 50px;
	left: 0;
	line-height: 18px;
	margin: 0 14px;
	font-weight: bold;
	color: #fcff00;
}

.footerLinks ul {
	padding-left: 142px;
}

.footerLinks span {
	position: absolute;
	top: 0;
	left: 0;
}

.footerLinks ul li {
	margin-left: 11px;
	display: inline;
}

.footerLinks ul li a {
	color: #fcff00;
	text-decoration: none;
}

	.footerLinks ul li a:hover {
		text-decoration: underline;
	}

.footerCopy {
	position: absolute;
	bottom: 5px;
	left: 10px;
	line-height: 11px;
	font-size: 9px;
	color: #fcff00;
	font-weight: bold;
	text-align: center;
}

	.footerCopy a:hover {
		text-decoration: underline;
	}

.footerCounters {
	overflow: hidden;
	float: none;
	width: 50%;
	position: absolute;
	top: 38px;
	right: 0;
	text-align: right;
}

.footerCounters li {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
	overflow: hidden;
	float: none;
}