@charset "utf-8";
/* CSS Document */
body {
 background:
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #5BEF87 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #5BEF87 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #FFFFFF 0%, #5BEF87 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #5BEF87));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #5BEF87 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom right, #FFFFFF 0%, #5BEF87 100%);
	font-family: Tahoma, Geneva, sans-serif;
	color: #666;
}
h1 a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 32px;
	color: #333;
	text-decoration: none;
	line-height: 1.5em;
}
h1 {
	font-size: 36px;
}
h2 a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 22px;
	color: grey;
	text-decoration: none;
}
h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	color: #777;
	text-decoration: none;
}
.holder {
	width: 960px;
	margin: 0 auto;
}
.holder_1 {
	width: 1050px;
	margin: 0 auto;
}
/*header*/
header {
}
#top {
	background-color: #FCFCFC;
	height: 270px;
	text-align: center;
}
#top img {
	border-right: solid 1px grey;
	padding-right: 25px;
	margin-top: 90px;
	display: inline;
}
#top h1 {
	padding-top: 40px;
	margin-bottom: 100px;
	padding-left: 25px;
	display: inline;
	font-size: 30pt;
	color: #666;
}
/*/header*/
/*menu*/
#mainmenu.holder {
	background-color: green;
	height: 100px;
	width: auto;
	right: auto;
	width: 960px;
	margin: 0 auto;
}
#mainmenu ul {
	text-align: center;
}
#mainmenu li {
	display: inline-block;
}
#mainmenu li a {
	height: 100px;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 15pt;
	line-height: 4.5em;
	text-decoration: none;
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	display: block;
}
#mainmenu li a:hover {
	color: #000;
}
#mainmenu .holder #main a:hover {
	background: #0FF;
}
#mainmenu .holder #about a:hover {
	background: #3F9;
}
#mainmenu .holder #training a:hover {
	background: #FF6;
}
#mainmenu .holder #teachers a:hover {
	background: #F6F;
}
#mainmenu .holder #contacts a:hover {
	background: #C0C;
}
/* /menu */
/* slider */

#slider {
	padding-top: 50px;
}
#slider .interactive {
	text-align: left;
	display: inline-block;
	float: left;
	background-color: #FFF;
	padding: 5%;
}
.slider_pic {
	float: left;
	display: inline-block;
}
.slider_text {
	display: inline-block;
	float: left;
	width: 300px;
	color: #999;
	line-height: 2em;
	padding-top: 70px;
	padding-left: 30px;
}
.slider_text h1 {
	line-height: 3em;
}
.slider_text h2 {
	font-size: larger;
}
.slider_text a {
	text-decoration: none;
	color: #000;
}
/* /slider */

/* news */
#news {
	height: 500px;
	padding-bottom: 250px;
}
a.more {
	display: inline-block;
	margin: 5px auto;
	padding: 7px 25px;
	text-align: center;
	border-radius: 2px;
	color: white;
	text-decoration: none;
	background: #666;
	position: absolute;
	top: 1500px;
}
a.more:hover {
	background: #0CC;
	transition-duration: 1s;
}
.box {
	width: 300px;
	float: left;
	margin-left: 50px;
	line-height: 1.5em;
	padding-top: 70px;
}
#news .box h1 {
	padding-bottom: 35px;
	border-bottom: #CCC solid 5px;
}
#news .box_1 img {
	padding-top: 40px;
}
#news .box_2 h3 {
	padding-top: 40px;
	padding-bottom: 25px;
	border-top: solid 1px #ccc;
}
#news .box .box_2 p {
	padding-bottom: 50px;
}
#news .box_3 h2 {
	padding-top: 40px;
}
/* banner */
#banner {
	float: left;
	clear: both;
 background: 	

/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #75C2EF 0%, #FFFFFF 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center, ellipse farthest-corner, #75C2EF 0%, #FFFFFF 100%);
	/* Opera */ 
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #75C2EF 0%, #FFFFFF 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #75C2EF), color-stop(1, #FFFFFF));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #75C2EF 0%, #FFFFFF 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: radial-gradient(ellipse farthest-corner at center, #75C2EF 0%, #FFFFFF 100%);
	width: 100%;
	font-size: 20pt;
	line-height: 1.5em;
	color: white;
	border-top: solid 15px white;
}
#banner img {
	padding-top: 60px;
	padding-bottom: 70px;
}
#banner h1 {
	padding: 20px auto;
}
#subbanner.holder {
	padding-left: 90px;
}
#banner #banner_1 {
	display: inline;
	float: left;
	width: 300px;
	border-top: solid white 7px;
	padding-top: 50px;
	margin-right: 100px;
}
ul.banner_1 {
	padding-bottom: 300px;
	padding-top: 20px;
	margin-left: 20px;
}
.banner_1 li {
	display: inline;
	float: left;
	border: solid white 3px;
	text-align: center;
}
#banner #subbanner #banner_1 .banner_1 li img {
	padding: 15px;
}
#banner #banner_2 {
	display: inline;
	float: left;
	width: 410px;
	padding-left: 40px;
	line-height: 1.5em;
	border-top: solid white 7px;
	padding-top: 50px;
}
#banner #banner_2 h1 {
}
#banner #banner_2 h2 {
	font-size: 20px;
}
#banner #banner_2 td {
	padding-right: 40px;
	margin-bottom: solid 2 px white;
}
a.read_more_1 {
	display: inline-block;
	margin: 5px auto;
	padding: 7px 25px;
	text-align: center;
	border-radius: 50px;
	color: #0CC;
	text-decoration: none;
	background: #fff;
	font-size: 15pt;
	position: absolute;
	top: 1880px;
	left: 1000px;
}
a.read_more_1:hover {
	background: #0CC;
	color: #fff;
	transition-duration: 0.5s;
}
a.read_more_2 {
	display: inline-block;
	margin: 5px auto;
	padding: 5px 20px;
	text-align: center;
	border-radius: 10px;
	color: #0CC;
	text-decoration: none;
	background: #fff;
	font-size: 15pt;
}
a.read_more_2:hover {
	background: #0CC;
	color: #fff;
	transition-duration: 0.5s;
}
/*/banner */

/*about*/
.holder .subpage_h1 h1 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.textbox, .holder p {
	display: inline;
	float: left;
	line-height: 1.5em;
	background: white;
	padding: 20px;
}
.pic {
	width: 960px;
	margin: 0 auto;
}
.pic img {
	display: inline;
	float: left;
	padding: 20px 10px;
	border-radius: 20%;
	height: 230px;
}
/*/about*/

/*contacts*/
.contact_box {
	width: 940px;
	height: 800px;
	margin: 0 auto;
	background: white;
	padding: 20px;
	margin-bottom: 20px;
	position: relative;
}
.contact_box a {
	text-decoration: none;
	color: #999;
}
.map {
	display: inline-block;
	float: left;
}
.contacts_list {
	display: inline-block;
	float: left;
	margin-left: 70px;
	margin-top: 50px;
	line-height: 2em;
}
.form {
	width: 960px;
	position: absolute;
	left: 300px;
	top: 400px;
}
.form #input2 {
	margin: 20px;
	position: absolute;
	left: 150px;}
.form h2 {
	display: block;
	width: 400px;
	font-size: 16px;

	text-align: center;
}
.form form {
	display: block;
	width: 300px;
}
.form textarea {
	width: 400px;
	height: 200px;
}
.input1 {
	
	width: 400px;
	}
/*/contacts*/

/*teachers*/
.holder .teachers_pic {
	display: inline;
	float: left;
}
.holder .teachers_pic img {
	height: 320px;
	width: 300px;
	display: block;
	padding: 20px;
	border-radius: 20%;
}
.teachers_text {
	display: inline;
	float: left;
	width: 600px;
}
.holder .teachers_text h2 {
	font-size: 20px;
	text-align: center;
}
.teachers_text p {
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	background: none;
	height: 320px;
}
ul.teachers_list a {
	text-decoration: none;
	color: #999;
}
ul.teachers_list a:hover {
	color: #666;
}
/*/teachers*/


/*training*/
.holder .videos {
	padding-top: 30px;
	padding-bottom: 20px;
	margin-left: 200px;
}
.holder .videos iframe {
	padding-top: 30px;
	padding-bottom: 20px;
}
/*/training*/

/* footer */
#footer {
	float: left;
	clear: both;
	background: white;
	width: 100%;
}
/* /footer */
#footer .holder li {
	display: inline;
	float: left;
	padding: 80px 40px;
	color: #999;
	font-size: larger;
}