@import url("reset.css");

body {color:#000; background-color:#fff; font:12px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#11a7a9; text-decoration:underline}
a:hover {color:#000}

.m-title {color:#000; font-size:22px; padding-bottom:12px}
	.pt-title {padding-top:21px}
/* -- ---- typography ---- -- */

#minWidth {position:relative; min-width:1000px}


/* // ---- top block ---- // */
.top {color:#fff; background-color:#0f0f0f; border-bottom:8px solid #e7e7e7; padding:8px 0 9px}
	.top .outer {position:relative; width:796px; margin:0 auto; padding:0 6px 0 198px}
.top li {position:relative; float:left; color:#fff; margin-right:3px; font-size:14px}
	.top li i {position:absolute; top:-999em; left:50%; margin-left:-2px; font-size:1px; width:5px; height:3px; background:url(../img/nav-ar.gif)}
	.top li a, .top li .hr {display:block; color:#fff; padding:4px 12px 5px; text-decoration:none; font-weight:normal}
		.top li a:hover, .top li .hr {background-color:#11a7a9}
			.top li a:hover i, .top li .hr i {top:auto; bottom:-3px}
.top .choose-lang {position:absolute; right:16px; top:5px; text-decoration:none}
	.top a:hover {color:#fff}
.search-block {float:right; width:388px; padding-top:4px}
	.search-block span, .search-block input {float:left}
	.search-block .i-p {border:1px solid #fff; padding:0 2px 1px; width:163px; margin-right:4px}
	.search-block span {padding:1px 7px 0 0}
/* -- ---- top block ---- -- */

/* // ---- middle ---- // */
.middle {width:980px; margin:0 auto; padding-bottom:15px}
	.side-col {float:left; width:175px}
	.long-col {float:right; width:780px; padding:12px 0}
		.long-col .col-1 {float:left; width:580px}
		.long-col .col-2 {position:relative; float:right; width:164px}

.logo {position:relative; font-size:30px; line-height:108px; width:195px; height:108px; margin:-27px -7px 29px -14px; overflow:hidden; text-align:center}
	.logo i {position:absolute; top:0; left:0; width:100%; height:108px; background:url(../img/logo.png)}
	.logo a {display:block; width:195px; height:108px}

.logo_en {position:relative; font-size:30px; line-height:108px; width:195px; height:108px; margin:-27px -7px 29px -14px; overflow:hidden; text-align:center}
	.logo_en i {position:absolute; top:0; left:0; width:100%; height:108px; background:url(../img/logo_en.png)}
	.logo_en a {display:block; width:195px; height:108px}
	
/* -- ---- middle ---- -- */

/* // ---- navigation ---- // */
.navigation {font-weight:bold; padding-bottom:21px}
	.navigation dt {font-size:18px; padding-bottom:16px}
	.navigation dd {font-size:14px; padding-bottom:5px}
		.navigation dd a {text-decoration:none; border-bottom:1px dashed}
	.navigation ul {position:relative; font-size:12px; font-weight:normal; padding:6px 0 0 19px; margin-bottom:-6px}
		.navigation ul a {border-bottom-width:0; text-decoration:underline}
		.navigation ul li {padding-bottom:6px}
/* -- ---- navigation ---- -- */

/* // ---- login form ---- // */
.login-form {padding-bottom:29px}
	.login-form dt, .subscribe dt {font-size:18px; font-weight:bold; padding-bottom:6px}
		.login-form dt a, .subscribe dt a {text-decoration:none; border-bottom:1px dashed}
	.login-form dd {padding-bottom:2px}
		.login-form .lbl, .subscribe .lbl {color:#999; font-size:11px; padding-bottom:1px}
		.side-col .i-p {border:1px solid #dadada; border-top-color:#9c9ea6; padding:1px 2px 2px; width:165px}
		.side-col .btn, .feedback .btn {color:#fff; font-size:11px; cursor:pointer; border-width:0; background-color:#000; overflow:visible; padding:3px 10px}
	.login-form p {font-size:11px; font-weight:bold; line-height:16px; padding-bottom:4px}
		.login-form p a {text-decoration:none}
/* -- ---- login form ---- -- */

/* // ---- subscribe block ---- // */
.subscribe {}
	.subscribe dd {padding-bottom:6px}
/* -- ---- subscribe block ---- -- */

/* // ---- items g ---- // */
.items-g {position:relative; color:#4d4d4d; margin-right:-25px; padding:14px 0 12px; font-size:11px}
	.items-g .item {float:left; width:180px; padding:0 20px 0 0}
	.items-g .ph {height:189px}
	.items-g .ph img {border:1px solid #000}
	.items-g h2 {font-size:12px; padding-bottom:6px}
		.items-g h2 a {color:#000; text-decoration:none}
	.items-g .about-item {padding:0 0 4px 67px}
		.items-g .about-item dt {position:relative; float:left; left:-67px; margin-right:-67px; width:65px; color:#999}
		.items-g .about-item dd {}
		.items-g p img {margin:2px 0 0 1px}
/* -- ---- items g ---- -- */

.all-works {}
	.all-works .items-g {margin:0 -5px 0 -20px; margin-right:0}
	.all-works .item {padding:0 0 0 20px}

/* // ---- two events ---- // */
.two-events {color:#4d4d4d; background:url(../img/brd.gif) repeat-x 0 0; margin-top:13px; padding:15px 0 0}
	.two-events .width50 {width:280px}
	.two-events a {text-decoration:none}
	.two-events .news-list {margin-bottom:-7px}

.news-list {font-size:11px}
	.news-list h3 {font-weight:normal}
		.news-list h3 a {text-decoration:none}
	.news-list .dt {color:#999}
	.news-list p {padding-top:5px}
	.news-list li {padding-bottom:22px}
	.news-list .img-cover {float:left; border:1px solid #000; margin:2px 12px 0 0}
/* -- ---- two events ---- -- */

/* // ---- new faces ---- // */
.new-faces {color:#4d4d4d; overflow:hidden; font-size:11px; margin-bottom:9px}
	.new-faces li {padding:14px 0 15px 60px; background:url(../img/brd.gif) repeat-x 0 100%; margin-bottom:-1px}
	.new-faces .img-cover {position:relative; left:-60px; margin-right:-60px; float:left; border:1px solid #000}
	.new-faces h3 {font-size:12px}
		.new-faces h3 a {text-decoration:none}
/* -- ---- new faces ---- -- */

/* // ---- birefly about ---- // */
.briefly-about {position:relative; margin-top:-5px; color:#4d4d4d; font-size:11px}
	.briefly-about p {padding-bottom:6px}
	.briefly-about a {text-decoration:none}
/* -- ---- birefly about ---- -- */

.bottom {color:#808080; width:980px; background:url(../img/brd.gif) repeat-x 0 0; margin:0 auto; padding:7px 0 10px}
	.bottom .b-nav {float:right; color:#11a7a9; white-space:nowrap}
		.bottom .b-nav a {font-weight:bold; text-decoration:none}

/* // ---- path ---- // */
.path {padding:7px 0 21px}
	.path li {float:left; padding-right:9px; margin-right:7px; background:url(../img/ar-r.gif) no-repeat 100% 6px}
		.path li.active {margin-right:0; padding-right:0; background-image:none}
/* -- ---- path ---- -- */

/* // ---- for editor ---- // */
.for-editor {line-height:16px}
	.for-editor p {padding-bottom:15px}
	.for-editor h2 {font-size:1em; padding-bottom:6px}
	.for-editor .img-left {float:left; border:1px solid #000; margin:2px 23px 0 0}
/* -- ---- for editor ---- -- */

.painters {font-weight:bold; padding-top:10px}
	.painters li {padding-bottom:6px}

.two-column {}
	.two-column .width50 {width:378px}

/* // ---- all news ---- // */
.all-news {line-height:16px; padding-bottom:10px}
	.all-news li {padding-bottom:19px}
		.all-news .img-cover {float:left; margin:3px 23px 0 0; border:1px solid #000}
		.all-news .dt {color:#808080; padding-bottom:6px}
	.all-news h3 {font-size:1em; padding-bottom:6px}
/* -- ---- all news ---- -- */

/* // ---- friends list ---- // */
.friends-list {line-height:16px}
	.friends-list li {padding-bottom:15px}
	.friends-list .img-cover {float:left; border:1px solid #000; margin:2px 25px 0 0}
	.friends-list h2 {font-size:14px; padding-bottom:6px}
/* -- ---- friends list ---- -- */

.contact-info {padding:15px 0 20px}

.feedback {padding:0 0 0 126px}
	.feedback dt {position:relative; left:-126px; margin-right:-126px; float:left; width:115px; color:#999; font-size:11px; padding-top:3px}
	.feedback dd {width:100%; clear:right; padding-bottom:12px}
	.feedback .inp-t {border:1px solid #dadada; border-top-color:#9c9ea6; padding:1px 2px 2px; width:245px}
		.feedback textarea.inp-t {width:446px}
	.feedback .im-captcha {margin-right:10px}
	.feedback .btn {margin-top:10px}