html{font-size:100.01%;height:100%;width:100%;border:0;padding:0;margin:0;min-width:960px;} 
body{font-size:14px;font-family:arial,verdana;color:#212a45;margin:0;padding:0;text-align:left;background:#fff url(../images/body-bg.png) repeat-y center top;height:100%;width:100%;border:0;min-width:960px;}
a img, img{margin:0;padding:0;border:0;}
a{color:#212a45;outline:none;}
a:hover{color:#212a45;text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right !important;}
hr,.noScreen{display:none !important;}
.break{display:block !important;}
fieldset{padding:0;margin:0;border:0}
.nowrap{white-space:nowrap !important;}
.textRight{text-align:right !important;}
.rel{position:relative;}
ul li{list-style-type:none}
input,button,textarea{font-family:georgia, arial;font-size:14px;}
input:focus,button:focus,textarea:focus{outline:none;}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

.imgLeft{float:left;margin:0 18px 20px 0;}
.imgRight{float:right;margin:0 0 20px 18px;}

.width274{width:274px !important;}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, section, summary, video {display: block;padding:0;margin:0;}

.padTop22{padding-top:22px !important;}
.padTop29{padding-top:29px !important;}
.padTop35{padding-top:35px !important;}

.marginTop40{margin-top:40px;}

.height44{height:44px;}

#overflow{overflow:hidden;position:relative;z-index:1;line-height:1.4;width:100%;background:url(../images/header-bg2.png) no-repeat center 49px;}

#content h1, #content h2{font-size:24px;font-weight:bold;padding:0 0 10px;font-family:'Times New Roman', Times, serif;}
#content h1 small, #content h2 small{font-size:14px;text-transform:none;white-space:nowrap;display:block;margin-bottom:8px;}
#content h1,body#hp #content h2{text-transform:uppercase;}
#content p{padding:0 0 16px;}
#content ul{margin:0 0 6px;}
#content ul li{background:url(../images/li.png) no-repeat 3px 4px;padding:0 0 10px 29px;}

/*-- header --*/
#header{width:960px;height:138px;margin:0 auto 40px;}
#header .title{font-size:40px;font-weight:normal;font-style:italic;padding:25px 0 0;line-height:1.2;font-family:'Times New Roman', Times, serif;}
#header .title .fl{width:480px;text-align:right;}
#header .title .fl .in{float:right;background:#fff;padding:0 10px 0 15px;margin-right:5px;}
#header .title .fr{width:480px;text-align:left;color:#fff;}
#header .title .fr .in{float:left;background:#212a45;padding:0 15px 0 10px;margin-left:5px;}

#menu div.fl{width:480px;}
#menu div.fl ul{float:right;}
#menu div.fr{width:480px;}
#menu div.fr ul{float:left;}
#menu ul{text-align:center;font-family:'Times New Roman', Times, serif;font-size:18px;padding:18px 0 0;font-style:italic;}
#menu ul li{float:left;padding:0 10px;}
#menu ul li a{text-decoration:underline;}
#menu ul li a.active,#menu ul li a:hover{text-decoration:none;}
#menu div.fr ul li a{color:#fff;}
/*-- /header --*/

/*-- content --*/
#content{width:960px;margin:0 auto;min-height:300px;}
body#hp #content{background:url(../images/content-line.png) no-repeat 740px bottom;}
#leftCol{width:480px;float:left;}
#leftCol .pad{padding:0 40px 20px 0;float:left;}
#rightCol{width:480px;float:right;color:#fff;}
#rightCol .pad{padding:0 0 20px 40px;float:right;}
.extension{width:9999px;margin:0 0 20px;}
.extension .in{width:480px;}
#leftCol .extension{border-bottom:1px solid #212a45;}
#leftCol .extension, #leftCol .extension .in{float:right;}
#rightCol .extension{border-bottom:1px solid #fff;}
#rightCol .extension, #rightCol .extension .in{float:left;}
#rightCol .extension .in{width:440px;padding-left:40px;}

.tree{background:url(../images/pixel-blue.png) repeat-y 220px 0;margin:-20px 0 -45px;padding:30px 40px 90px 0 !important;color:#fff;}
#rightCol .tree{background:url(../images/pixel-white.png) repeat-y 260px 0;margin:-20px 0 0;padding:30px 0 90px 40px !important;height:100%;color:#212a45;}
.tree .branch{width:220px;height:210px;background:url(../images/branch-l.png) no-repeat;float:left;position:relative;margin-bottom:-5px;}
#rightCol .tree .branch{background:url(../images/branch-l-white.png) no-repeat;}
.tree .branch p{position:absolute;top:10px;left:10px;width:160px;height:160px;overflow:hidden;padding-bottom:0 !important;text-align:center;font-size:12px;}
.tree .branch p span{display:block;}
.tree .branch.right{background:url(../images/branch-r.png) no-repeat;float:right;}
#rightCol .tree .right{background:url(../images/branch-r-white.png) no-repeat;}
.tree .branch.right p{left:auto;right:10px;}

#news{font-size:12px;width:440px;position:relative;padding:0 0 20px;}
#news .item{width:440px;float:left;}
#news .item a{color:#fff;}
#news .pagination{text-align:left;margin:0;position:absolute;bottom:0;right:0;}
#news .pagination a{width:10px;height:11px;margin:0 5px;display:inline-block;background:url(../images/carousel-point.png) no-repeat 0 0;cursor:pointer;}
#news .pagination a:hover{background:url(../images/carousel-point.png) no-repeat 0 -11px;}
#news .pagination a.selected,#promo .pagination a:hover.selected{background:url(../images/carousel-point.png) no-repeat 0 -11px;}
#news .pagination a span{display:none;}

ul.contact li.phone{background:url(../images/icon-phone.png) no-repeat 0 -1px;}
ul.contact li.mail{background:url(../images/icon-mail.png) no-repeat 0 0px;}
ul.contact li.address{background:url(../images/icon-address.png) no-repeat 0 -1px;}
ul.contact li.ic{background:url(../images/icon-ic.png) no-repeat 0 -1px;}

.image{padding:0 0 35px 40px;}
/*-- /content --*/

/*-- footer --*/
#footer{width:100%;background:url(../images/footer-bg.png) no-repeat center top;padding:20px 0 0;height:50px;position:relative;}
#footer p{padding:0;}
#footer .in{width:960px;margin:0 auto;text-align:right;font-size:11px;color:#fff;}
#footer .in a{color:#fff;}
/*-- /footer --*/