.col1, .col2, .col-1, .col-2, .col-3, .col-4, .col-5{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:980px; }

/*======= header =======*/
#header {height:471px; }
#logo_address{ width:980px; max-width:100% float:left; margin:0; padding:0; background-image:url(images/logo_info.png); background-repeat:no-repeat; height:108px; max-height:100%;}
.address_bar{ width:100%; float:right; margin-right:5%; margin-top:3%; font:12px Arial, Helvetica, sans-serif; text-align:right; color:#34afe8;}
.ph_bar{width:100%; float:right;  margin-right:5%; font:12px Arial, Helvetica, sans-serif; text-align:right; line-height:20px;}
.ph_bar a{color:#FFF; text-decoration:none}
.ph_bar a:hover{ color:#34afe8;}

/*======= navigation =======*/
#navi {width:980px; max-width:100%; background:url(images/nav_bg.png) no-repeat; height:55px; border-bottom:2px solid #000; opacity:0.8; filter: alpha(opacity=90); /* For IE8 and earlier */;
margin-top:-55px;}

#navi ul {
	float:left;
	list-style: none;
      text-align: center;
      padding: 0;
      margin: 0 0 0 25px;}	

#navi li { display:inline;
      font-size: 16px;
	  color:#FFFFFF;
      line-height: 55px;
      height: 55px;
	  padding: 0 25px 0 20px;
    }
#navi span{ color:#FFF; font-size:20px; font-weight:bold; margin-left:35px; font-family:Georgia, "Times New Roman", Times, serif;}

#navi a{
	text-decoration:none;
	color:#FFFFFF;}
#navi a:hover, #navi a.active{
	color:#017fb8;
	}	





#content .col1{ width:317px; height:100%; background:url(images/bg_1.gif) repeat-x top}
#content .col2{ width:663px; background:url(images/bg_2.gif) repeat-x top}

.row1{min-height:100%; height:auto  !important; height:100%; margin:0 auto -151px; }
.row-2, .row2{height:151px;  }
.row2{ background:url(images/bg-3.gif) repeat-x top  }
/*======= index.html =======*/
#page1 #content .col-1{ width:124px}
#page1 #content .col-2{ width:108px}
#page1 #content .col-3{ width:137px}
#page1 #content .col-4{ width:127px}
#page1 #content .col-5{ width:68px}
#page1 #content .bg{ background:url(images/tail1.gif) no-repeat 87px top; width:100% } 
#page1 #content .bg1{ background:url(images/tail1.gif) no-repeat 208px top; width:100% } 
#page1 #content .bg2{ background:url(images/tail1.gif) no-repeat 332px top; width:100% } 
#page1 #content .bg3{ background:url(images/tail1.gif) no-repeat 454px top; width:100% } 
/*======= index-2.html =======*/
#page3 #content .col-1{ width:245px; margin-right:81px}
#page3 #content .col-2{ width:240px}
#page3 #content .bg{ background:url(images/tail2.gif) repeat-y 282px top; } 
/*======= index-3.html =======*/
#page4 #content .col-1{ width:268px; margin-right:26px}
#page4 #content .col-2{ width:268px}
#page4 #content .col-3{ width:67px}
#page4 #content .col-4{ width:201px}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:124px}
#page5 #content .col-2{ width:108px}
#page5 #content .col-3{ width:137px}
#page5 #content .col-4{ width:127px}
#page5 #content .col-5{ width:68px}
#page5 #content .bg{ background:url(images/tail1.gif) no-repeat 87px top; width:100% } 
#page5 #content .bg1{ background:url(images/tail1.gif) no-repeat 208px top; width:100% } 
#page5 #content .bg2{ background:url(images/tail1.gif) no-repeat 332px top; width:100% } 
#page5 #content .bg3{ background:url(images/tail1.gif) no-repeat 454px top; width:100% } 
/*======= index-5.html =======*/
#page7 #content .col-1{ width:236px; margin-right:64px}
#page7 #content .col-2{ width:236px}
#page7 #content .col-3{ width:266px; margin-right:40px}
#page7 #content .col-4{ width:266px}

/*======= footer =======*/
#footer { height:89px; }