* { margin:0; padding:0;}
body { background:#111f2c}
html, input, textarea, select{font-family:tahoma; font-size:100%; color:#000000; font-weight:normal}


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

.site_bg{ background:url(images/bot_body.jpg) repeat-x left bottom #c3daf2}
.site_bg1{ background:url(images/top_body.jpg) repeat-x}

.clear { clear:both;}

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

.alignright { text-align:left;}

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

a{ color:#93ca3e; text-decoration:underline; font-weight:bold}
a:hover{ text-decoration:none }

.link{ color:#2c62bf; text-decoration:underline; font-weight:bold; padding-left:19px; background:url(images/marker.gif) no-repeat 0 4px}
.link:hover{ text-decoration:none}

.link1{ color:#298edc; text-decoration:underline; font-weight:bold}
.link1:hover{ text-decoration:none}

.separate{ background:url(images/separate.gif) repeat-x; width:auto; height:12px}

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 ; height:67px}
.pos{ position:absolute; margin:0; padding:0}

ul { margin:0; padding:0; list-style:none; line-height:1.8em}
ul li{ background:url(images/list_bg.gif) no-repeat 0 7px; padding-left:13px}
ul li a { color:#298edc; text-decoration: underline; font-weight: bold}
ul li a:hover{ text-decoration:none}

/*txt, links*/

/*header*/
#header{ background:url(images/earth.jpg) no-repeat}
#header .indent{ padding:48px 38px 0 303px}
#header .box{ width:100%}
#header .box .row1{ height:77px}
#header .box .row2{ height:104px}
#header .box .row2 .col{ width:20%; text-align:center}
#header .box .row3{ height:96px}


/*content*/
#content{ width:100%; font-size:11px; line-height:14px}
#content .row1 .indent{ padding:0 26px 0 24px; color:#5e6e7d}
#content .top_block{ width:100%} 
#content .top_block .top{ background:url(images/t.gif) repeat-x #ffffff; width:100%}
#content .top_block .bot{ background:url(images/bot.gif) repeat-x left bottom; width:100%}
#content .top_block .left{ background:url(images/l.gif) repeat-y; width:100%}
#content .top_block .right{ background:url(images/r.gif) repeat-y right top; width:100%}
#content .top_block .lt{ background:url(images/lt.gif) no-repeat; width:100%}
#content .top_block .rt{ background:url(images/rt.gif) no-repeat right top; width:100%}
#content .top_block .lb{ background:url(images/lb.gif) no-repeat left bottom; width:100%}
#content .top_block .rb{ background:url(images/rb.gif) no-repeat right bottom; width:100%}

#content .row1 .spacer{ float:left}
#content .row1 .y{ background:url(images/y.gif) repeat-y}
#content .row2 .y{ background:url(images/y1.gif) repeat-y}

/*footer*/
#footer { background:url(images/footer.jpg) repeat-x}
#footer .indent{ padding:0 31px 0 27px; color:#ffffff; font-size:0.6875em}
#footer .bg{ background:url(images/foot_bg.gif) repeat-x; width:100%}
#footer .bg .ind{ padding:31px 0 0 16px}
#footer a{ color:#93ca3e; text-decoration:underline; font-weight:bold}
#footer a:hover{ text-decoration:none}


/*================== index.html ==================*/
#page1 #content .row1{ background:url(images/row1_bg_p1.gif) repeat-x left bottom}
#page1 #content .row1 .spacer{ height:353px}
#page1 #content .row1 .indent1{ padding:39px 0 30px 0; float:left; width:100% }

#page1 #content .row1 .indent1 .r1{ width:100%; height:40px}
#page1 #content .row1 .indent1 .r1 img{ margin-left:18px}
#page1 #content .row1 .indent1 .r1 .sp{ height:244px; float:left}

#page1 #content .row1 .indent1 .r2{ width:100%}
#page1 #content .row1 .indent1 .r2 .col1 .ind{ padding:9px 18px 10px 28px}
#page1 #content .row1 .indent1 .r2 .col1 .ind p{ padding:16px 0 12px 0}
#page1 #content .row1 .indent1 .r2 .col1 .alignright{ padding-top:27px; padding-right:8px}

#page1 #content .row1 .indent1 .r2 .col2 ul{ margin:3px 0 0 20px} 
#page1 #content .row1 .indent1 .r2 .col2 .alignright{ padding:15px 25px 10px 0}

#page1 #content .row1 .indent1 .r2 .col3 .ind{ padding:3px 26px 10px 18px}
#page1 #content .row1 .indent1 .r2 .col3 .ind p{ padding:15px 0 39px 0}

#page1 #content .row2{ background:url(images/row2_bg_p1.jpg) repeat-x left bottom #6895be}
#page1 #content .row2 .indent1{ padding:28px 0 45px 0; width:100%}
#page1 #content .row2 .indent1 .sp{ height:127px; float:left}

#page1 #content .row2 .indent1 .c1 .ind{ padding:0 25px 0 42px; float:left}
#page1 #content .row2 .indent1 .c1 .ind .title{ margin-bottom:13px}
#page1 #content .row2 .indent1 .c1 .ind .img{ float:left; margin:2px 8px 26px 0}

#content .row2 .indent1 .c2 .bg{ background:url(images/line_2.gif) no-repeat; width:100%}
#page1 #content .row2 .indent1 .c2 .ind{ padding:0 30px 30px 28px}
#page1 #content .row2 .indent1 .c2 .title{ margin-bottom:13px}
#page1 #content .row2 .indent1 .c2 input{ width:166px; height:19px; background:#FFFFFF; border:#FFFFFF 1px solid; color:#5e6e7d; font-size:1em; vertical-align:middle}
#page1 #content .row2 .indent1 .c2 .img{ vertical-align:middle}

/*================== index-1.html ==================*/
#page2 #content .top_block .bot{ background:url(images/bot_p2.gif) repeat-x left bottom; width:100%}
#page2 #content .top_block .lb{ background:url(images/lb_p2.gif) no-repeat left bottom; width:100%}
#page2 #content .top_block .rb{ background:url(images/rb_p2.gif) no-repeat right bottom; width:100%}

#page2 #content .row1{ background:url(images/row1_bg_p2.gif) repeat-x left bottom; width:100%}
#page2 #content .row1 .spacer{ height:322px}
#page2 #content .row1 .indent1{ padding:39px 0 30px 0; float:left; width:100% }
#page2 #content .row1 .indent1 .r1{ width:100%; height:40px}
#page2 #content .row1 .indent1 .r1 img{ margin-left:18px}

#page2 #content .row1 .indent1 .r2{ width:100%}
#page2 #content .row1 .indent1 .r2 .sp{ height:214px; float:left}
#page2 #content .row1 .indent1 .r2 .col1 .ind{ padding:8px 23px 10px 28px}
#page2 #content .row1 .indent1 .r2 .col1 p{ padding-bottom:14px}
#page2 #content .row1 .indent1 .r2 .col1 .alignright{ padding-top:12px}

#page2 #content .row1 .indent1 .r2 .col2 .ind{ padding:3px 25px 10px 18px}
#page2 #content .row1 .indent1 .r2 .col2 .ind p{ padding:16px 0 38px 0}

#page2 #content .row2{ background:url(images/row2_bg_p2.jpg) repeat-x left bottom #709bc3} 
#page2 #content .row2 .indent1{ padding:28px 0 45px 0; width:100%}
#page2 #content .row2 .indent1 .sp{ height:157px; float:left}

#page2 #content .row2 .indent1 .c1 .ind{ padding:0 25px 10px 40px; float:left}
#page2 #content .row2 .indent1 .c1 p{ padding:16px 0 16px 0}

#page2 #content .row2 .indent1 .c2 .ind{ padding:0 60px 10px 27px; float:left}
#page2 #content .row2 .indent1 .c2 p{ padding:14px 0 13px 0}

/*================== index-2.html ==================*/
#page3 #content .row1{ background:url(images/row1_bg_p1.gif) repeat-x left bottom}
#page3 #content .row1 .spacer{ height:353px}
#page3 #content .row1 .indent1{ padding:39px 0 30px 0; float:left; width:100% }

#page3 #content .row1 .indent1 .r1{ width:100%; height:40px}
#page3 #content .row1 .indent1 .r1 img{ margin-left:18px}
#page3 #content .row1 .indent1 .r1 .sp{ height:244px; float:left}

#page3 #content .row1 .indent1 .r2{ width:100%}
#page3 #content .row1 .indent1 .r2 .col1 .ind{ padding:3px 14px 10px 28px}
#page3 #content .row1 .indent1 .r2 .col1 .alignright{ padding:15px 12px 0 0}

#page3 #content .row1 .indent1 .r2 .col2 .ind{ padding:7px 30px 10px 18px}
#page3 #content .row1 .indent1 .r2 .col2 .img1{ float:left; margin:0 22px 54px 0}
#page3 #content .row1 .indent1 .r2 .col2 .img2{ float:left; margin:0 22px 0 0}
#page3 #content .row1 .indent1 .r2 .col2 .alignright{ padding-top:27px}
#page3 #content .row1 .indent1 .r2 .col2 .alignright a{ margin-left:27px}

#page3 #content .row2{ background:url(images/row2_bg_p1.jpg) repeat-x left bottom #6895be}
#page3 #content .row2 .indent1{ padding:28px 50px 45px 41px; float:left}
#page3 #content .row2 .sp{ height:200px; float:left}
#page3 #content .row2 .title{ margin-bottom:14px}



/*================== index-3.html ==================*/
#page4 #content .top_block .bot{ background:url(images/bot_p4.gif) repeat-x left bottom; width:100%}
#page4 #content .top_block .lb{ background:url(images/lb_p4.gif) no-repeat left bottom; width:100%}
#page4 #content .top_block .rb{ background:url(images/rb_p4.gif) no-repeat right bottom; width:100%}

#page4 #content .row1{ background:url(images/row1_bg_p4.gif) repeat-x left bottom}
#page4 #content .row1 .spacer{ height:212px}
#page4 #content .row1 .indent1{ padding:40px 28px 30px 25px; float:left}
#page4 #content .row1 .indent1 .title{ margin-bottom:22px}
#page4 #content .row1 .indent1 .block{ width: auto}
#page4 #content .row1 .indent1 .block .c1{ width:33%; float:left}
#page4 #content .row1 .indent1 .block .c2{ width:33%; float:left}
#page4 #content .row1 .indent1 .block .c3{ width:33%; float:left}
#page4 #content .row1 .indent1 .block .alignright{ padding-top:12px}


#page4 #content .row2{ background:url(images/row2_bg_p4.jpg) repeat-x left bottom #8fb3d5}
#page4 #content .row2 .indent1{ padding:28px 58px 20px 40px; float:left}
#page4 #content .row2 .sp{ height:341px; float:left}
#page4 #content .row2 .title{ margin-bottom:15px}
#page4 #content .row2 p{ padding-bottom:18px}
#page4 #content .row2 .img{ float:left; margin:0 24px 17px 0}


/*================== index-4.html ==================*/
#page5 #content .top_block .bot{ background:url(images/bot_p2.gif) repeat-x left bottom; width:100%}
#page5 #content .top_block .lb{ background:url(images/lb_p2.gif) no-repeat left bottom; width:100%}
#page5 #content .top_block .rb{ background:url(images/rb_p2.gif) no-repeat right bottom; width:100%}

#page5 #content .row1{ background:url(images/row1_bg_p2.gif) repeat-x left bottom; width:100%}
#page5 #content .row1 .spacer{ height:322px}
#page5 #content .row1 .indent1{ padding:39px 0 30px 0; float:left; width:100% }
#page5 #content .row1 .indent1 .r1{ width:100%; height:40px}
#page5 #content .row1 .indent1 .r1 img{ margin-left:18px}

#page5 #content .row1 .indent1 .r2{ width:100%}
#page5 #content .row1 .indent1 .r2 .sp{ height:214px; float:left}
#page5 #content .row1 .indent1 .r2 .col1 .ind{ padding:3px 13px 10px 28px}
#page5 #content .row1 .indent1 .r2 .col1 .img{ display:block; margin-bottom:15px}
#page5 #content .row1 .indent1 .r2 .col1 p{ padding-bottom:15px}

#page5 #content .row1 .indent1 .r2 .col2 .ind{ padding:9px 0 0 20px}
#page5 #content .row1 .indent1 .r2 .col2 .ind .form_block{ width:430px}
#page5 #content .row1 .indent1 .r2 .col2 .ind .form_block .c1{ width:230px; float:left}
#page5 #content .row1 .indent1 .r2 .col2 .ind .form_block .c1 .row{ height:44px}
#page5 #content .row1 .indent1 .r2 .col2 .ind .form_block .c2{ width:200px; float:left} 
#page5 #content .row1 .indent1 .r2 .col2 .ind .form_block input{ width:194px; height:18px; background:#FFFFFF; border:#bfbfbf 1px solid; color:#5e6e7d; font-family:tahoma; font-size:1em}
#page5 #content .row1 .indent1 .r2 .col2 .ind .form_block textarea{ width:194px; height:150px; background:#FFFFFF; border:#bfbfbf 1px solid; color:#5e6e7d; font-family:tahoma; font-size:1em; overflow:auto}

/* ------------------------- */
/* #page5 #content .row1 .indent1 .r2 .col2 .ind .form_block select{ width:194px; height:150px; background:#FF0000; border:#bfbfbf 1px solid; color:#5e6e7d; font-family:tahoma; font-size:1em; overflow:auto} */
/* ------------------------- */

#page5 #content .row1 .indent1 .r2 .col2 .ind .alignright{ padding-top:14px}
#page5 #content .row1 .indent1 .r2 .col2 .ind .alignright a{ margin-left:20px}

#page5 #content .row2{ background:url(images/row2_bg_p2.jpg) repeat-x left bottom #709bc3} 
#page5 #content .row2 .indent1{ padding:30px 28px 20px 40px; float:left}
#page5 #content .row2 .indent1 .sp{ height:157px; float:left}
#page5 #content .row2 .indent1 .title{ margin-bottom:16px}
#page5 #content .row2 .indent1 .block{ width:100%}
#page5 #content .row2 .indent1 .block .c1{ width:34%; float:left}
#page5 #content .row2 .indent1 .block .c2{ width:35%; float:left}
#page5 #content .row2 .indent1 .block .c3{ width:30%; float:left}
#page5 #content .row2 .indent1 .block p{ padding-bottom:14px}
#page5 #content .row2 .indent1 .block .ind{ padding-right:39px}



/*================== index-5.html ==================*/
#page6 #content .indent{ padding:0 26px 41px 24px; color:#5e6e7d}
#page6 #content .top_block .bot{ background:url(images/bot_p6.gif) repeat-x left bottom; width:100%}
#page6 #content .top_block .lb{ background:url(images/lb_p6.gif) no-repeat left bottom; width:100%}
#page6 #content .top_block .rb{ background:url(images/rb_p6.gif) no-repeat right bottom; width:100%}
#page6 #content .spacer{ height:512px; float:left}
#page6 #content .indent1{ padding:39px 33px 30px 27px; float:left}
#page6 #content .indent1 .title{ margin-bottom:27px}
#page6 #content .indent1 p{ padding-bottom:14px}



