/* base style*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, div {
	margin: 0;
	padding: 0;
	text-align:left;
}
html {
	overflow-y: scroll;
	height:100%;
}
body {
	height: 100%;
	text-align: center;
	background:#ECEAE9;
	padding-top:15px;
	font-family:Tahoma;
}
#wrap {
	width:986px;
	margin: 0 auto;
}
#header, #container, #footer {
	clear:both;
}
body, div, button, input, select, textarea {
	font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	vertical-align: baseline;
	zoom: 1;
}
address, cite, dfn, em, var {
	font-style: normal;
}
code, kbd, pre, samp {
	font-family: courier new, courier, monospace;
}
small {
	font-size: 12px;
}
ul, ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:focus {
	outline-style: none;
	outline-width: 0;
}
fieldset, img {
	border: 0 none;
}
button, input, select, textarea {
	font-size: 100%;
	font-weight: inherit;
}
input[type=radio], input[type=checkbox] {
	vertical-align: middle;
}
textarea {
	overflow: auto;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}

/*index*/
#header{ background:url(../img/banner.gif) no-repeat; height:274px;}
#logo{ padding: 29px 0 0 167px;}
.wel{ padding:65px 0 0 125px; font-size:14px; color:#ffffff; font-weight:bold;}
#container{ background:url(../img/bg_top.gif) no-repeat; width:796px; margin:-23px auto 0 auto; padding-top:16px;}
.bg{background:url(../img/bg_bottom.gif) no-repeat left 100%; float:left; width:100%;}
.left{ float:left; width:190px; padding-left:14px;}
ul.list{ width:100%; float:left;}
ul.list li a{ display:block; background:url(../img/bg_line.gif) repeat-x; width:186px; height:29px; text-align:center; color:#ffffff; font-weight:bold; font-size:12px; text-decoration:none; padding-top:5px;}
ul.list li a:hover,ul.list li a.now{ background:url(../img/line.gif) no-repeat; width:192px;}
.text{ background:url(../img/say_bg.gif) repeat-x; width:156px; padding:18px 15px 0 15px ; color:#5A5A5A; line-height:20px; float:left;}
.right{ float:left; padding-left:20px; width:540px; padding-bottom:150px; height:420px; min-height:420px; color:#4D4B4B;}
.welcome{ background:url(../img/line_right.gif) no-repeat; width:469px;  height:78px; padding:30px; line-height:20px; font-size:12px;}
.welcome span{ font-size:18px; color:#759101; padding:0 5px;}
.nm{ float:left; width:100%;}
.nm h2{ font-size:24px; font-weight:normal;}
.nm-list li{ width:100%; line-height:23px;}
.nm-list li span{ color:#959595; padding-left:20px; display:block;}
.nm-list li span.nm-bg{ background:url(../img/nmuber.gif) no-repeat center 50%; width:14px; display:block; float:left; color:#ffffff; text-align:center; font-weight:bold; margin-right:5px; padding:0;}
#footer{ text-align:center; padding:10px 0 40px 0;}


/*instructor*/
ul.instr,ul.contact{ padding-top:20px;}
ul.instr li{ background:url(../img/iocn.gif) no-repeat left 50%;  padding-left:20px; line-height:23px;}


/*contact*/
ul.contact li{ border-bottom:1px solid #E1E1E1; padding:25px 0 25px 70px; background: url(../img/mail.gif) no-repeat left 50%;}
ul.contact li.skype{background: url(../img/mai.gif) no-repeat left 50%}
ul.contact li.mobile{background: url(../img/photo.gif) no-repeat left 50%}
ul.contact li.address{background: url(../img/adress.gif) no-repeat left 50%}