* { margin:0; padding:0;}
body { background: url(images/body.gif) }
html, input, textarea, select{font-family:arial; font-size:100%; color:#7a7a7a; font-weight:normal; font-size:0.75em; line-height:1.15em}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

a{ color:#1177b7; text-decoration:underline}
a:hover{ text-decoration:none}


.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

.title, .title_top, .title_bot{ display:block}

.link{ color:#1788a3; text-decoration:underline; background:url(images/marker.gif) no-repeat 0 4px; padding-left:16px}
.link:hover{ text-decoration:none}

.link1{ color:#1177b7; text-decoration:underline; background:url(images/marker.gif) no-repeat 0 4px; padding-left:16px}
.link1:hover{ text-decoration:none}

.link2{ color:#a1a1a1; text-decoration:underline}
.link2:hover{ text-decoration:none}

p {margin:0; padding:0;}

h1 { text-indent:-1000px;  padding:0; margin:0; line-height:1em; font-size:1em; background:url(images/logo.gif) no-repeat 0 0; width:215px; height:124px}
.pos{ position:absolute; margin-top:0; padding:0}

h2 {  padding:0; margin:0; font-size:1em; padding-bottom:15px; line-height:1.275em}

ul { margin:0; padding:0; list-style:none; line-height:1.65em}
ul li{ background:url(images/list_bg.gif) no-repeat 0 5px; padding-left:14px}
ul li a { color:#9b9b9b; text-decoration: underline; font-weight:normal}
ul li a:hover{ text-decoration:none}

.separate{ background:url(images/bgd.gif) repeat-x left bottom; height:14px}

.top{ width:100%}
.top .row1{ height:124px; width:100%; background:#FFFFFF}
.top .row1 .fright{ padding-top:49px; padding-right:33px; text-align:right}
.top .row2{ width:100%; background:#FFFFFF}
.top .row2 .left{ width:494px; float:left; background:url(images/main_pic.jpg) no-repeat 21px 0}
.top .row2 .right{ margin-left:494px;  color:#000000;}
.top .row2 .right span{ color:#a1a1a1}
.top .row2 .right .spacer{ float:left; height:335px}
.top .row2 .right .indent{ padding:3px 30px 0 5px; float:left }
.top .row2 .right p{ padding-bottom:35px}
.top .row2 .right .bg{background:url(images/bg_bot.gif) repeat-x left bottom; width:100%; padding-bottom:3px}
.top .row2 .right .img{ float:left; margin:3px 25px 20px 0}

.top .row3{ width:100%; background:url(images/row3_bg.gif) repeat-x left bottom #FFFFFF}
.top .row3 .indent{ padding:28px 0 39px 0}

.top .row4{ width:100%;}
.top .row4 a{ color:#1177b7}
.top .row4 ul li a { color:#9b9b9b}

.bot{ width:100%; height:50px; background:url(images/bot_bg.gif) repeat-x}

/*txt, links*/
.link{ background:url(images/marker.gif) no-repeat 0 3px; padding-left:15px; color:#1177b7; text-decoration:underline}
.link:hover{ text-decoration:none}


/*header*/

/*content*/
.title{ margin-bottom:20px}

.y{ background:url(images/y.gif) repeat-y}
.y1{ background:url(images/y1.gif) repeat-y}


.row3 p{ padding-bottom:15px}
.row4 p{ padding-bottom:15px}

/*footer*/
#footer .fleft{ color:#9d9d9d; padding:20px 0 0 18px}
#footer .fleft a{ color:#9d9d9d; text-decoration:underline}
#footer .fleft a:hover{ text-decoration:none}

#footer .fright{ padding:18px 38px 0 0}


/*================== index.html ==================*/
#page1 .top .row2 .left{ height:335px}

#page1 .row3 .col1 .ind{ padding:10px 25px 10px 23px}
#page1 .row3 .col2 .ind{ padding:10px 25px 10px 21px}
#page1 .row3 .col3 .ind{ padding:10px 25px 10px 21px}
#page1 .row3 .col3  .img{ float:left; margin:10px 7px 0 0}
#page1 .row3 .col3 .alignright{ padding-right:30px}
#page1 .row4 .indent{ padding:49px 0 40px 28px}

/*================== index-1.html ==================*/
#page2 .separate{ height:30px}

#page2 .top .row2 .left{ height:335px}
#page2 .main{ margin:0 auto}
#page2 .top .row2 .right p{ padding-bottom:20px}
#page2 .top .row2 .right .alignright{ padding-top:14px}

#page2 .top .row3 .indent{ padding:28px 0 45px 0}
#page2 .top .row3 .col1 .ind{ padding:11px 27px 0 22px}
#page2 .top .row3 .col1 .img{ margin:3px 24px 45px 0; float:left}
#page2 .top .row3 .col1 .alignright{ padding-top:10px}
#page2 .top .row3 .col1 .block{ width:100%; margin-top:15px}
#page2 .top .row3 .col1 .block .c1{ width:57%; float:left}
#page2 .top .row3 .col1 .block .c2{ width:42%; float:left}

#page2 .top .row3 .col2 .ind{ padding:11px 27px 0 22px}
#page2 .top .row3 .col2 .img{ float:left; margin:3px 25px 29px 0}


/*================== index-2.html ==================*/
#page3 .row2{ background:url(images/row3_bg.gif) repeat-x left bottom #FFFFFF}
#page3 .row2 .left{ width:494px; float:left}
#page3 .row2 .left .r1{ height:335px; text-align:center }
#page3 .row2 .left .r2{ width:100%; padding:27px 0 16px 0}
#page3 .row2 .left .r2 .bg{ width:100%; background:url(images/y.gif) repeat-y 467px 0} 
#page3 .row2 .left .r2 .bg .ind{ padding:8px 60px 22px 22px}

#page3 .row2 .right{ margin-left:494px} 
#page3 .row2 .right .indent{ padding-right:33px; padding-bottom:34px}
#page3 .row2  p{ padding-bottom:15px}
#page3 .row2 .left .indent{ padding:3px 30px 30px 4px}
#page3 .row2 .left .img{ float:left; margin-right:23px}
#page3 .row2 .left ul{ margin:15px 0 0 193px}

#page3 .row4 .indent{ padding:31px 0 30px 0 }
#page3 .row4 .ind{ padding: 17px 30px 15px 23px}
#page3 .row4 .img{ float:left; margin:3px 23px 0 0}

/*================== index-3.html ==================*/
#page4 .separate{ height:34px}
#page4 .top .row2 .left{ height:335px}
#page4 .top .row2 .right .img{ margin:3px 25px 15px 0; float:left}
#page4 .top .row2 p{ padding-bottom:17px}
#page4 .top .row2 ul{ margin-left:126px}

#page4 .row3 .col1 .ind{ padding:10px 25px 10px 23px}
#page4 .row3 .col1 .img{ margin:2px 24px 24px 0; float:left}
#page4 .row3 .col2 .ind{ padding:10px 25px 10px 21px}
#page4 .row3 .col2 .img{ float:left; margin:0 17px 13px 0}

/*================== index-4.html ==================*/
#page5 .top .row2 .left{ height:335px}
#page5 .top .row2 .right .img{ margin:3px 23px 18px 0; float:left}
#page5 .top .row2 .right .indent{ padding-right:44px}
#page5 .top .row2 .right p{ padding-bottom:15px}
#page5 .separate{ height:17px}

#page5 .row3 .col1 .ind{ padding:10px 30px 10px 23px}
#page5 .row3 .col1 .img{ margin:3px 22px 0 0; float:left}
#page5 .row3 .col2 .ind{ padding:10px 25px 10px 21px}
#page5 .row3 .col2 .img{ float:left; margin:0 20px 10px 0}
#page5 .row3 .col2  ul{ margin-bottom:10px}

#page5 .row4 .indent{ padding:31px 0 30px 0}
#page5 .row4 .col1 .ind{ padding:9px 30px 15px 23px}
#page5 .row4 .col2 .ind{ padding:51px 30px 15px 33px}
#page5 .row4 .img{ margin:3px 23px 0 0; float:left}


/*================== index-5.html ==================*/
#page6 .top .row2 .left{ height:335px}
#page6 .top .separate{ height:35px}
#page6 .top p{ padding-bottom:15px}

#page6 .row3 .ind{ padding:10px 18px 5px 23px}
#page6 .row3 .col1 .img{ display:block; margin-bottom:26px}

#page6 .row3 .col3 .form_block{ width:230px}
#page6 .row3 .col3 .form_block .row{ width:100%; height:40px}
#page6 .row3 .col3 .form_block input{ width:228px; height:25px; background:#FFFFFF; border:#a1a1a1 1px solid; font-family:arial; font-size:1em; color:#7a7a7a}
#page6 .row3 .col3 .form_block textarea{ width:228px; height:121px; background:#FFFFFF; border:#a1a1a1 1px solid; font-family:arial; font-size:1em; color:#7a7a7a; overflow:auto}
#page6 .row3 .col3 .form_block .alignright{ padding-top:15px}
#page6 .row3 .col3 .form_block .alignright a{ margin-left:15px}

#page6 span{ color:#1177b7}


/*================== index-6.html ==================*/
#page7 .top .row2 .left{ height:335px}
#page7 .top p{ padding-bottom:15px}
#page7 .top span{ color:#a1a1a1}
#page7 .top .indent{ padding-right:42px}
#page7 .top .separate{ height:37px}

#page7 .row3 .indent{ padding:38px 46px	40px 21px}

/*================== index-7.html ==================*/