@import url("reset.css");

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

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

a {color:#00b4d2; text-decoration:underline}
a:hover {color:#aa64ff}

.fBold {font-weight:bold;}

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

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

/* // ---- top visual ---- // */
.t-vis {position:absolute; z-index:1; left:0; top:0; width:100%; height:733px; overflow:hidden}
	.t-vis i {position:absolute; top:0; height:398px}
	.t-vis-i {position:absolute; left:50%; width:2000px; margin-left:-1000px}
	.t-vis-i .l {width:1000px; background:url(../img/vis-1.png) no-repeat 100% 0}
	.t-vis-i .r {left:1000px; width:1000px; background:url(../img/vis-2.png) no-repeat 0 0}
	.t-vis-i .c {left:520px; width:960px; height:160px}
/* -- ---- top visual ---- -- */


/* // ---- top ---- // */
.top {position:relative; z-index:4; width:998px; margin:0 auto; height:164px}
	.lang-bar {position:absolute; z-index:3; left:20px; top:1px; width:150px}
		.lang-bar li {float:left; padding:3px 6px 4px; font-size:10px; margin-right:2px}
			.lang-bar .hr {background:#eef3f5 url(../img/lang-bg.gif) repeat-x 0 0}
		.lang-bar a {text-decoration:none}
	.search-block {position:absolute; z-index:3; top:14px; right:0; width:248px}
		.search-block .i-p {float:left; color:#a0abb0; border-width:1px; border-style:solid; border-color:#d2d6d8 #f2f8f8 #f2f8f8 #d2d6d8; background-color:#f2f8f8; padding:1px 2px 2px 7px; margin-right:1px; margin-top:1px}
		.search-block .btn {position:relative; float:left; overflow:hidden; width:30px; height:25px}
			.search-block .btn input {cursor:pointer; cursor:hand; position:relative}
			.search-block .btn input:hover {top:-25px}
			.search-block .btn-hover input {top:-25px}
	.top .click-btn {position:absolute; z-index:1; top:145px; right:30px}
		.top .click-btn a {position:relative; display:block; width:235px; height:67px; color:#2cc8e4 !important; line-height:67px; text-transform:uppercase; overflow:hidden; background-color:#484e51; text-align:center; text-decoration:none}
			.top .click-btn i {position:absolute; top:0; left:0; width:100%; height:67px; background-image:url(../img/start-sel.png)}
		.top .click-btn a:hover {background-color:#005b77}
			.top .click-btn a:hover i {background-position:0 100%}
	.top .click-btn-en {position:absolute; z-index:1; top:145px; right:30px}
		.top .click-btn-en a {position:relative; display:block; width:235px; height:67px; color:#2cc8e4 !important; line-height:67px; text-transform:uppercase; overflow:hidden; background-color:#484e51; text-align:center}
			.top .click-btn-en i {position:absolute; top:0; left:0; width:100%; height:67px; background-image:url(../img/start-sel-EN.png)}
		.top .click-btn-en a:hover {background-color:#005b77}
			.top .click-btn-en a:hover i {background-position:0 100%}
	.top .flash-block {position:absolute; z-index:2; top:65px; right:43px}
	.top .logo {position:absolute; left:13px; top:51px}
		.top .logo img {background:url(../img/logo-o.png)}
	.top .logo-g {position:absolute; left:13px; top:51px}
		.top .logo-g img {background:url(../img/logo-o-g.png)}
/* -- ---- top ---- -- */

#flash-block {position:relative; z-index:2; margin:0 auto; width:960px; left:19px}

.main-page-body .top {height:210px; padding-bottom:4px}
	.main-page-body .t-vis {height:510px}
		.main-page-body .t-vis i {height:510px}
		.main-page-body .t-vis .l {background-image:url(../img/m-vis-1.png)}
		.main-page-body .t-vis .r {background-image:url(../img/m-vis-2.png)}
		.main-page-body .flash-block {top:115px}
		.main-page-body .click-btn {top:195px}
		.main-page-body .click-btn-en {top:195px}
			.main-page-body .click-btn a {background-color:transparent !important}
			.main-page-body .click-btn i {background-image:url(../img/start-sel-1.png)}
			.main-page-body .click-btn-en i {background-image:url(../img/start-sel-EN.png)}
			.main-page-body .click-btn-en a {background-color:transparent !important}
/* // ---- navigation ---- // */
.navigation {position:relative; z-index:3; padding-left:39px; width:959px; margin:0 auto}
	.navigation li {position:relative; float:left; padding-right:1px; height:40px}
	.navigation a {color:#0096ff}
		.navigation a:hover {color:#aa64ff}
	.navigation a, .navigation .hr {position:relative; z-index:2; display:block; height:40px; text-decoration:none; font-weight:normal}
		.navigation span {position:relative; z-index:3; display:block; padding:6px 12px 0}
		.navigation .c-nav {position:absolute; left:0; width:100%; top:0; height:40px; overflow:hidden; font-size:1px}
			.navigation .c-nav .l {position:relative; display:block; margin-right:4px; height:123px; background:url(../img/nav-l.png)}
			.navigation .c-nav .r {position:absolute; right:0; width:4px; height:123px; background:url(../img/nav-r.png)}
		.navigation a:hover {text-indent:0; text-decoration:underline}
			.navigation a:hover .c-nav .l, .navigation a:hover .c-nav .r {top:-40px}
		.navigation .hr {color:#69696e; font-weight:normal}
	.navigation .subnav {position:absolute; z-index:1; left:-999em; top:-999em; width:238px; background:#00d2ff url(../img/subnav-bg.gif) no-repeat 0 0; padding:3px 1px 0}
		.navigation .subnav a {display:inline; height:auto; text-decoration:underline; }
		.navigation .subnav li {float:none; height:auto; padding:5px 0}
		.navigation .subnav ul {border-left:1px solid #fff; border-right:1px solid #fff; background-color:#e6ecee; padding:5px 5px 16px 19px}
			.navigation .subnav .b-nv {position:relative; display:block; bottom:-2px; margin:-2px -1px 0; height:2px; background:url(../img/subnav-bt.gif); font-size:1px}
		.navigation .sfHover .subnav {top:40px; left:0}
		.navigation .sfHover a {margin-bottom:-3px; height:43px}
			.navigation .sfHover a .c-nav {height:43px}
			.navigation .sfHover a .c-nav .l, .navigation .sfHover a .c-nav .r {top:-80px !important}
/* -- ---- navigation ---- -- */

.mid-tp, .mid-bt {position:relative; z-index:2; font-size:1px; height:40px; width:998px; margin:0 auto; overflow:hidden}
	.mid-tp i, .mid-bt i {display:block; height:80px; background-image:url(../img/mid-crn.png)}
.mid-tp {top:-17px; margin-bottom:-17px}
.mid-bt {}
	.mid-bt i {position:relative; top:-40px}
.middle {position:relative; z-index:2; width:998px; margin:0 auto}
	.middle .middle-i {background:url(../img/mid-bg.png) repeat-y 0 0}
	.middle .long-col {position:relative; left:49px; float:left; width:660px; padding-top:8px}
	.middle .side-col {position:relative; right:49px; float:right; width:199px; padding-top:23px}
		.middle .side-col .c-tp {height:3px; background:url(../img/side-crn.gif) no-repeat 0 0; font-size:1px}
		.middle .side-col .c-bt {height:2px; background:url(../img/side-crn.gif) no-repeat 0 100%; font-size:1px; margin-bottom:29px}
		.middle .side-col .c-md {background:url(../img/side-bg.gif) repeat-y 0 0}

/* // ---- path ---- // */
.path {color:#a0abb0; font-size:11px; padding-bottom:23px}
	.path li {float:left; background:url(../img/path-li.gif) no-repeat 100% 5px; margin-right:10px; padding-right:11px}
		.path li.active {background-image:none; margin-right:0; padding-right:0}
/* -- ---- path ---- -- */

/* // ---- editor ---- // */
h1 {color:#969ba0; font-size:20px; font-weight:normal; padding-bottom:17px}
.for-editor {line-height:18px}
	.for-editor p {padding-bottom:18px}
	.for-editor .big {font-size:16px; line-height:24px; padding-bottom:16px}
	.for-editor ul {padding:0 0 18px 20px}
		.for-editor ul li {padding-left:15px; background:url(../img/li.gif) no-repeat 0 8px}
	.for-editor blockquote {position:relative; margin-left:-11px; font-style:italic; background-color:#eefafd; padding:15px 30px 22px; margin-bottom:18px}
/* -- ---- editor ---- -- */

.expand-l {}
	.expand-l dt {color:#69696e; font-size:14px; font-weight:bold; padding-bottom:10px}
	.expand-l dd {background:url(../img/expand-bg.png) no-repeat 0 0; padding:9px 10px 0 31px}
	.expand-l h2 {position:relative; margin-left:-20px; font-size:14px; font-weight:normal; padding:0 0 21px 20px; background:url(../img/ar-drop.png) no-repeat -15px 3px}
		.expand-l h2 a {text-decoration:none}
	.expand-l .for-editor {display:none}
	.expand-l .click-n {background-position:0 -46px}
	.expand-l h3 {position:relative; margin-left:-20px; font-size:14px; font-weight:normal; padding:0 0 21px 20px; background:url(../img/ar-left.png) no-repeat 0px 3px}
        .expand-l h3 a {text-decoration:none}

/* // ---- contact card ---- // */
.contact-card {position:relative; zoom:1; z-index:99}
	.contact-card .ph {position:relative; top:-21px; margin:0 0 -15px -4px; background:url(../img/card-ph.png); width:158px; height:87px; padding:3px 0 0 7px}
	.contact-card .c-md {padding:0 10px 5px 20px}
	.contact-card p {padding-bottom:4px}
	.contact-card ul {}
		.contact-card ul li {padding:0 0 10px 16px}
		.contact-card ul a {color:#69696e}
			.contact-card ul a:hover {color:#aa64ff}
		.contact-card ul .ico-mail {background:url(../img/ico-mail.gif) no-repeat 0 3px}
		.contact-card ul .ico-form {position:relative; z-index:999; background:url(../img/ico-phone.gif) no-repeat 1px 0}
		.contact-card ul .ico-form-message {position:relative; z-index:999; }
		.contact-card ul .ico-form a {text-decoration:none; border-bottom:1px dashed }
		
		.contact-card .form-block {position:relative; font-size:10px; margin-bottom:-5px; display:none}
		.form-block .inputs {padding-top:10px}
		.form-block .i-p {border-width:1px; border-style:solid; border-color:#a2a7ab #d2d6d8 #d2d6d8 #a2a7ab; background-color:#f2f8f8; color:#a0abb0; font-size:10px; padding:2px 1px 3px 2px; width:138px}
		.form-block select {width:143px; background-color:#f2f8f8; color:#a0abb0; font-size:10px}
		.form-block option {background-color:#f2f8f8; color:#a0abb0; font-size:10px}
		.form-block .btn {position:relative; margin-top:9px; height:25px; overflow:hidden}
			.form-block .btn input:hover, .form-block .btn-hover input {position:relative; top:-25px}
		.long-col .form-block {}
			.long-col .form-block .i-p {width:338px}
				.long-col .form-block textarea.i-p {height:100px}
			.long-col .form-block select {width:343px}
/* -- ---- contact card ---- -- */

/* // ---- quick links ---- // */
.quick-links {}
	.quick-links .c-md {padding:0 8px}
	.quick-links h2 {position:relative; z-index:1; top:-14px; padding:0 0 0 12px; margin-bottom:-6px}
	.ph_banner {position:relative; top: 0px; margin: 0 0 5px 8px; background:url(../img/card-ph.png); width:158px; height:87px; padding:3px 0 0 7px}
	.quick-links ul {line-height:18px}
		.quick-links ul li {padding:0 0 6px 12px; background:url(../img/li-links.gif) no-repeat 0 7px}
	.quick-links a {color:#69696e}
		.quick-links a:hover {color:#aa64ff}
	.link-ar ul li {background-image:url(../img/links-ar.gif)}
	.link-doc ul li {background-image:url(../img/links-doc.gif); background-position:0 5px}
/* -- ---- quick links ---- -- */

/* // ---- bottom ---- // */
.bottom {width:998px; color:#69696e; margin:0 auto; font-size:11px; padding:11px 0 32px}
	.btm-nav {float:left; padding-left:48px; width:660px}
		.btm-nav li {float:left; padding:0 8px 0 9px; background:url(../img/brd-y.gif) repeat-y 0 0}
		.btm-nav li.frst {padding-left:0; background-image:none}
	.bottom .copyright {float:right; width:228px}
/* -- ---- bottom ---- -- */

.main-page {background:url(../img/main-bg.jpg) no-repeat 20px 69px}
	.main-page .big {padding-bottom:0}

.main-shad {background:url(../img/main-title-shad.png) no-repeat 2px 100%; padding-bottom:35px; margin-bottom:-5px}

.scheme-png {background:url(../img/scheme-png-o.png)}

.three-columns {margin-right:-20px; padding-bottom:17px}
	.three-columns dl {float:left; width:33%}
	.three-columns dt {font-weight:bold; padding-right:20px; padding-bottom:6px}
	.three-columns dd {padding-right:20px}

/* // ---- confirm message ---- // */
.confirm-message {position:fixed; z-index:999; left:50%; top:50%; width:453px; margin-left:-226px; height:95px; margin-top:-74px; background:url(../img/contact-bg.png); font-size:14px; text-align:center; padding-top:54px}
	.confirm-message .close {position:absolute; right:10px; top:10px; width:10px; height:21px; background-image:url(../img/ico-close.png)}
		.confirm-message .close:hover {text-indent:0; background-position:0 100%}
.contact-card .confirm-message {position:absolute !important; left:auto; top:20px; right:0; margin-top:auto !important; margin-left:auto; width:341px; height:82px; padding-top:45px; background-image:url(../img/contact-bg-1.png)}
	.contact-card .confirm-message a {border-bottom-width:0 !important}
/* -- ---- confirm message ---- -- */