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


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
.img {border:0; vertical-align:top; text-align:left;}
img {border:0; vertical-align:top;}
.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:right;}

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

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

 

/*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:13px; line-height:18px;}
#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.8875em}
#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:900px;}
#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 .col2 .ind{ padding:3px 26px 10px 18px}
#page1 #content .row1 .indent1 .r2 .col2 .ind p{ padding:15px 0 39px 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}

 #page1 #content .row1 .indent1 .r1 p{ padding:8px;}


.spant{font-size:13px; font-weight:bold;}

.container {background:#BBEDF4; color:#111111; margin:0 1px;}
.rtop, .rbottom{
display:block;
background:#003366;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#BBEDF4;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}

#page1 #content a 
{ font-weight:bold;
color: #298EDC;
}