* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em;}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#fff;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.index2-indenting-contain {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }

a{color:#4ab4e2; text-decoration:underline} 
a:hover{text-decoration:none}
span a{color:#fbd62a; text-decoration:none} 
span a:hover{text-decoration:underline}

.link{color:#fff; background:url(webpics/button2.gif)  center left no-repeat; padding:0 0 0 0; text-decoration:none; line-height:34px; width:82px; text-align:center; display:block   }
.link:hover{text-decoration:underline }
.link4{color:#fff; background:url(webpics/bg_link.gif)  center left no-repeat; padding:0 0 0 0; text-decoration:none; line-height:34px; width:82px; text-align:center; display:block   }
.link4:hover{text-decoration:underline }
.link2{color:#4ab4e2; background:url(webpics/marker.gif) top left no-repeat; background-position:0 3px; padding-left:25px; }

.link1{color:#fbd62a; font-style:italic }

ul{margin:0; padding:0; list-style:none;}
ul li{background:url(webpics/marker.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:25px; }
ul li a{color:#4ab4e2; text-decoration: underline; line-height:2.33em} 
ul li a:hover { text-decoration:none; }

/*index-main*/
#index-main {font-size:0.75em; color:#FFFFFF }
#index-main .logo{ margin:95px 0 0 95px }
#index-main .button{ position:absolute; margin:10px 0 0 484px }
#index-main .m{ margin:0 0 0 14px }
#index-main .indent{margin:59px 0 0 696px; position:absolute}

/*index-main1*/
#index-main1{ font-size:0.75em; color:#ffffff; line-height:1.33em }
#index-main1 .indent{padding:9px 45px 99px 212px}
#index-main1 .index1-indenting{padding:15px 45px 99px 29px}
#index-main1 .index1-title{  margin-bottom:9px}
#index-main1 p{ margin:0 0 17px 0}
#index-main1 a{color:#fbd62a; text-decoration:underline; font-style:italic} 
#index-main1 a:hover{text-decoration:none}
#page1 #content1 .img{ position:absolute;  margin-top:-42px}
#page2 #content1 .img{ position:absolute;  margin-top:-30px}
#page3 #content1 .img{ position:absolute;  margin-top:-30px}
#page4 #content1 .img{ position:absolute;  margin-top:-20px}
#page5 #content1 .img{ position:absolute;  margin-top:-9px}

/*index-main2*/
#index-main2{ font-size:0.75em;  }
#index-main2 .index2-indenting{padding:0 30px 32px 28px}
#index-main2 .index2-title{  margin-bottom:12px}
#index-main2 .img-left{ float:left; margin:0 28px 16px 0}
#index-main2 .img-left1{ float:left; margin:0 20px 16px 0}
#index-main2 .img-indent{ margin:0 9px 16px 0}
#index-main2 .img-indent1{ margin:0 0 16px 0}
#index-main2 p{ margin:0 0 17px 0}
#index-main2 .p{ margin:0 0 17px 0}
#index-main2 .p1{ margin:0 0 9px 0}
#index-main2 h4{color:#8b870e; font-size:1em; margin-bottom:13px;  }
#index-main2 .tail{ background:url(webpics/tail.gif) repeat-x bottom; padding-bottom:36px; margin-bottom:36px}

#index-main2 .indent{padding:0 0 0 290px}
#index-main2 .indent1{padding:0 0 0 240px}
#index-main2 .indent2{padding:0 60px 0 0}
#index-main2 .indent3{padding:0 0 0 139px}


/*footer_hdr*/
#foot { color:#0e2e5d; font-size:0.75em; text-align:center }
#foot .foot-indenting{ padding:52px 30px 0 365px;}
#foot a {color:#0e2e5d; text-decoration:none}  
#foot a:hover {  text-decoration:underline}

.indent-2{ position:relative; padding-left:10px; float:left}
.h{ height:26px}
.block-contact span{ float:right; margin-right:80px}

.tail-top{ background:url(webpics/bg.gif) repeat-x top #fff}
.tail-bottom{background:url(webpics/bot.gif) repeat-x  bottom }

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.index-header-main{margin:0 auto; text-align:left; width:980px; }
.main1{margin:0 auto; text-align:left; width:980px; position:relative }
.main1{margin:0 auto; text-align:left; width:980px; position:relative }


/*======= index-main =======*/
#index-main {height:527px;  background:url(webpics/bg.gif)}
#index-main .backgnd{ height:527px; background:url(webpics/top.jpg) no-repeat top center}

#index-main1{background:url(webpics/bg_cont1-3.gif) repeat-x bottom left #064d8e; position:relative; width:100%;}
#index-main1 .backgnd{background:url(webpics/bg_cont1-1.gif) }
#index-main1 .backgnd1{background:url(webpics/bg_cont1.gif) no-repeat  bottom left}
#index-main1 .con1_right { position:absolute;  bottom:0; right:0; width:50%; height:225px; background:url(webpics/bg_cont1-2.gif) left top repeat-x;}

#index-main2{background: url(webpics/bg_cont-2.gif) repeat-x bottom #0e2e5d; position:relative; width:100%;}
#index-main2 .backgnd{ background:url(webpics/bg_cont-1.gif) ; }
#index-main2 .backgnd1{ background:url(webpics/bg_cont.gif) no-repeat  bottom  center; }
#index-main2 .index2-right { position:absolute; bottom:0; right:0; width:50%; height:505px; background:url(webpics/bg_cont-3.gif) left top repeat-x;}

/*======= foot =======*/
#foot { height:91px; background:url(webpics/bot1.gif) repeat-x top; position:relative}
#foot .backgnd{ height:91px; background:url(webpics/bot.gif)}
#foot .foot-r { position:absolute; top:0; right:0; width:50%; height:91px; background:url(webpics/bot2.gif) left top repeat-x;}