* { margin:0; padding:0;}
body { background:#000000 url(images/wrapper_site.jpg) top center repeat-x; font-size:100%; line-height:1em; font-family:Arial, tahoma; color:#436466; text-align:center;}


/*in_line*/
input, select, textarea { vertical-align:middle; font-family:Tahoma;}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}
a:hover{text-decoration:none;}
.column { float:left;}
.clear, .col-list, .row-box { width:100%; overflow:hidden;}
.col-list ul{ float:left}
.col-list .indent-list{ margin-left:15px;}


.site-center {margin:0 auto; width:980px; text-align:left;}


.col-1, .col-2, .col-3, .row-box-1, .row-box-2{ float:left;}
/*header*/
.header{ background:url(images/header.jpg) 0 0 no-repeat; height:114px;}
.header img{ margin:16px 0 0 145px;}

/*footer*/
.footer{ background:url(images/footer.jpg) 0 0 no-repeat; }
.deep1 img{ margin-top:67px;}
.deep1{text-indent:382px;}
.deep2 img{ margin-top:67px;}
.deep2{text-indent:161px;}

/*content*/
.content{background:#FFF url(images/content-left.jpg) 0 0 no-repeat; font-size:0.5625em; text-transform:uppercase; line-height:1.312em;}
.corner-right{ background:url(images/content-right.jpg) top right no-repeat;}
.wrapper-content{ height:475px; background:#FFF; width:659px; margin-left:161px;} 
.indent-content{ padding:10px 0 0 10px;}
.menu{ height:51px;}
.box-content{ background:url(images/box-content.jpg) 0 0 no-repeat; height:414px; width:639px;}
.box-content .indent-text{ padding:29px 0 0 241px;}
.content h1{ height:55px;}
.content h1 img{ position:absolute;}
.line{ background:url(images/line.gif) 0 20px repeat-x; display:block; height:40px}
.indent-left{ padding:0 0 0 4px;}


.indent-right{ padding-right:13px;}
.indent-top{ margin-top:15px; display:block;}
.list li a{ color:#436466; line-height:3em; text-decoration:none;}
.list li a strong{ color:#b8cbcc;}
.text{ color:#b8cbcc;}
.indent-bot{ display:block; margin-bottom:11px;}
.br{ display:block;}
.indent-top-bot{ display:block; margin:16px 0;}
.list-1 li a{ color:#b8cbcc; font-weight:bold; line-height:1.75em;}
.list-2 li{ line-height:1.687em;}
.list-2 li a{ color:#436466; text-decoration:none;}
.list-2 li a:hover{ color:#b8cbcc;}
.list-2 li span{ float:right; color:#b8cbcc;}
.text-1 dt{ color:#b8cbcc; font-weight:bold;}
.text-1 dd{ padding-bottom:18px;}



.content .title{ display:block;}
.content .img-left{ float:left; margin:3px 20px 0 0;}
.indent-1{
	float:none;
	padding-right:5px;
}
.link{ color:#436466;}
.indent-bot1{ display:block; margin-bottom:25px;}


/*================== index-3.html ==================*/
#page4 .content .row-box-1{ width:185px;}
#page4 .content .row-box-2{ width:145px;}
/*================== index-4.html ==================*/
#page5  .indent-right{ padding-right:0 !important;}
#page5 .link-text{ display:block; position:absolute; padding:197px 0 0 23px;}
#page5 .link-text a{ color:#b8cbcc;}
#page5 .link-text span{ padding:0 114px 0 117px; word-spacing:4px;}
#page5 .link-text b{ color:#b8cbcc; font-weight:bold;}
#page5 .img{ margin:15px 0 0 0; display:block;}
#page5 .img img{ margin-right:20px;}
#page5 .img .img-none{ margin-right:0 !important;}
/*================== index-5.html ==================*/

/*================== index-6.html ==================*/
#page7 .content .row-box-1{ width:185px;}
#page7 .content .row-box-2{ width:145px;}

.linkWhite {
	color:#FFFFFF;
}

/*** scroll functionality **/
.scroll{ width:357px; height:296px; overflow:auto; padding-right:10px;}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #000;
}
.jScrollPaneDrag {
	position: absolute;
	background: #fff;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}