body {
	background:#101010;
	font-family: sans-serif;
	color:#000;
	margin: 0 auto;
}

.container {
	background:#101010;
	width: 800px;
	margin: 20px auto;
	color: #fff;
}

.container-works {
	background:#101010;
	width: 900px;
	min-width:: 800px;
	margin: 20px auto;
	color: #fff;
}

img {
	border:0;
}

a { 
	color:#169fe5;
	text-decoration:underline;
}

a:hover { 
	color:#169fe5;
	text-decoration:none;
}

a:visited {
	color:#169fe5;
	text-decoration:underline;
}

.video a { 
	color:#fff;
	text-decoration:underline;
}

.video a:hover { 
	color:#fff;
	text-decoration:none;
}

.video a:visited {
	color:#fff;
	text-decoration:underline;
}

.adress-img {
	text-align:center;
	vertical-align:middle;
	padding: 10px;
}

h1 {
	font-family:georgia;
	font-size:30px;
	text-align:center;
	font-weight:normal;
}

h2 {
	font-size: 28px;
	text-align:center;
	font-weight:normal;
	font-family:georgia;
}


.contacts img {
	vertical-align:middle;

}	

.contacts {
	font-family: georgia, serif;
	font-size: 22px;
	text-align: left;
	max-width: 600px;
	font-weight:normal;
	line-height: 1.8em;
	margin: 0 auto;
	padding:10px;
}

.contacts a {
	text-decoration: none;
}

.contacts a:visited {
	text-decoration: none;
}

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

h3 img {
	padding: 0;
	margin: 0;
}


h4 {
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	padding-left: 20px;
	padding-bottom: 10px;
}


.head {
	width: 100%
	margin:0 auto;
	overflow: hidden;
}

.logo {
	margin-top: 30px;
	width: 100%;
	padding: 0;
	text-align: center;
}

.logo img {
	border: 0;
	text-align:center;
}

.menu {
	width:100%;
	text-align:center;
	font-family:georgia;
	font-weight: normal;
	font-size: 24px;
}

.menu ul {
	padding: 0;
}

.menu li {
	display:inline-block;
	margin:0 0 0 7px;
}

.menu li a:hover {
	text-decoration:none;
}

.menu li.active,
.menu li.active a {
	font-weight:bold;
}

.slider {
	margin: 0 auto;
	width: 700px;
	height: 280px;
	border: solid 1px #333;
	margin-top: 15px;
	margin-bottom: 35px;
	display: block;
}


.text {
	padding-top:5px;
	width: 90%;
	font-size: 16px;
	margin: 0 auto;
}

.text-works {
	padding-left:6px;
	padding-right:6px;
	font-size: 16px;
}


.text-works p {
	padding-left: 10px;
}

.text li {
	line-height: 1.8em;
}

.text p {
	line-height: 1.4em;
}

.separator {
	padding:10px;
	margin-top:4px;
	margin-bottom:8px;
}

.video_small, .photo_small, .video_small_posters, .separator {
	background:#191919;
}


.photo {
	width: 100%;
	margin 0 auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	float: none;
}


.video, .people {
	width: 100%;
	margin 0 auto;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
	float: none;
}

.video_small {
	padding:20px;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:2px;
	margin-right:2px;
	display: inline-block;
	vertical-align: bottom;
	width: 400px;
	height: 400px;
}

.photo_small {
	display: inline-block;
	vertical-align: bottom;
	padding: 10px;
	margin: 6px;
}

.photo_small img {
	max-width:100%;height:auto;
	padding: 10px;
	margin: 4px;
}

.photo_small h2 {
	font-family: georgia, serif;
	font-size: 26px;
	line-height:0.9em;
}

.people_img {
	background:#141414;
	margin-top:4px;
	padding-top: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	vertical-align: bottom;
	width: 400px;
	height: 470px;
}

.video_small h2 {
	font-family: georgia, serif;
	font-size: 22px;
}

.video_small p {
	font-size: 16px;
}


.video_small_posters {
	padding: 20px;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:2px;
	margin-right:2px;
	display: inline-block;
	width: 400px;
	height: 400px;
	vertical-align: bottom;
}

.video_small_posters img {
	margin: 5px;
	border: 0px;
}

.video_small_posters p {
	line-height: 1.2em;
	vertical-align: bottom;
	font-size: 17px;
	font-weight:normal;
}

.video_small_posters h2 {
	font-family: georgia, serif;
	font-size: 24px;
	line-height: 1.4em;
	text-align: center;

}

.map {
	width: 600px;
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
}

.footer {
	text-align: center;
	padding: 25px;
}

.footer h2 {
	padding: 5px;
	margin: 0;
}



@media (max-width:240px) {
h1 {font-size: 16px;}
.contacts {font-size:14px;}
.footer h2 {font-size: 14px;}
.photo_small h2 {font-size: 18px;}
}

@media (max-width:320px) {
.video_small img {width:90%;}
.menu ul {font-size: 16px;}
.contacts {font-size:16px;}
.footer h2 {font-size: 16px;}
.photo_small h2 {font-size: 16px;}
}


@media (max-width:360px) {
.container, .container-works, .contacts, .adress-img img {width:100%;}
.video_small, .video_small_posters  {width:95%; padding-top: 10px; padding-bottom:10px; padding-left:5px; padding-right:5px;}
.photo_small img {max-width:95%;height:auto;padding:0px;margin:0px;}
.video_small img {width:90%;}
h1 {font-size: 22px;}
.menu {font-size:18px;}
.contacts {font-size:18px;}
.footer h2 {font-size: 18px;}
.photo_small h2 {font-size: 20px;}
}

@media (max-width:420px) {
.logo img {width:100%;}
}


@media (max-width:750px) {
.slider {display: none;}
.photo_small img {max-width:95%;height:auto;}
}


@media (max-width:900px) {
.container, .container-works, .contacts, .video_small, .video_small_posters, .adress-img img {width:95%;}
.video_small, .video_small_posters  {max-width:90%;height:auto;}
}