/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.25em; background:url(../images/bg.gif) repeat-x top #edf0f3}
html {	font-family: Arial, Helvetica, sans-serif; 
		color:#000000;	}	

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

a{color:#077ec8; text-decoration:underline} 
a:hover{text-decoration:none}

.link{color:#2e566f; }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(../images/marker.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:13px; }
#content ul li a{color:#2e566f; text-decoration: underline; line-height:1.53em} 
#content ul li a:hover { text-decoration:none; }


.link-2 { display:block; float:left; background:url(../images/link_bg1.gif) left top repeat-x; color:#2e566f; text-decoration:none; }
.link-2 em { display:block; background:url(../images/link_left1.gif) no-repeat left top;}
.link-2  b { display:block; background:url(../images/link_right1.gif) no-repeat right top; padding:3px 13px 25px 18px; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#077ec8}


/*header*/
#header {font-size:0.8125em; color:#e0e6ea }
#header .title{ margin:0 0 23px 0 }
#header .indent{padding:35px 0 0 0; }
#header .indent-block{padding:64px 20px 0 40px}
#header .indent-block1{padding:58px 20px 0 40px}
.block{ background:url(../images/bg_block.jpg) no-repeat top left; height:271px}
.block1{ background:url(../images/bg_block1.jpg) no-repeat top left; height:265px; }

/*#header ul {margin:0; padding:0; list-style:none;}
#header ul li{ margin:0; display:inline}
#header ul li a{color:#486b82; font-weight:bold; text-decoration:none; background:url(../images/bg_menu.gif) top left no-repeat; margin:0 0 0 0; width:118px; text-align:center; display:block; float:left ; padding:45px 0 43px 0; font-size:1.15em} 
#header ul .last a{background:url(../images/bg_menu-last.gif) top left no-repeat; width:117px; } 
#header ul li a:hover { color:#000000; text-decoration:none; }*/



/*content*/
#content{ font-size:0.8125em; width:100%; text-align:left; background: url(../images/bg_cont.gif)}
#content .indent-main{padding:0 30px 0 6px}
#content .indent-main1{margin:0 0px -10px 4px; position:relative}
#content .indent-main2{padding:10px 30px 30px 37px}
#content .indent-main3{margin:10px 30px -10px 6px; position:relative}
#content .indent-col{padding:55px 40px 50px 33px}
#content .title{  margin-bottom:35px}
#content .title1{  margin-bottom:52px}
#content .tail{ background:url(../images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:19px}


/*box*/
.box1{ background:#cee2ed; width:100%; color:#2e566f; margin-top:10px;}
.box1 .border-top {background:url(../images/border_top.gif) repeat-x top;}
.box1 .corner-top-left {background:url(../images/corner_top_left.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(../images/corner_top_right.gif) no-repeat right top;}
.box1 .corner-bottom-left {background:url(../images/corner_bottom_left.gif) no-repeat left bottom;}
.box1 .corner-bottom-right {background:url(../images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box1 .indent-box{ padding:20px 30px 35px 32px; }
.box1 .indent-box1{ padding:20px 30px 5px 32px; }
.box1 .indent-box2{ padding:20px 25px 5px 32px; }


.box{ background:#cee2ed; width:100%; color:#2e566f}
.box .border-top {background:url(../images/border_top.gif) repeat-x top;}
.box .corner-top-left {background:url(../images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(../images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(../images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(../images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:20px 30px 35px 32px; }
.box .indent-box1{ padding:20px 30px 5px 32px; }
.box .indent-box2{ padding:20px 25px 5px 32px; }
#content .box h4{color:#597b91; font-size:1.15em; margin-bottom:23px;  }
#content .box .h-4{margin-bottom:7px;  }
#content .box a{color:#2e566f;  }
#content .box p{ margin:0 0 19px 0}
#content .box .p{ margin:0 0 23px 0}
#content .box .p1{ margin:0 0 11px 0}

#content .box .link-1 { display:block; float:left; background:url(../images/link_bg.gif) left top repeat-x; color:#2e566f; text-decoration:none; }
#content .box .link-1 em { display:block; background:url(../images/link_left.gif) no-repeat left top;}
#content .box .link-1  b { display:block; background:url(../images/link_right.gif) no-repeat right top; padding:3px 13px 5px 18px; font-style:normal;}
#content .box .link-1:hover{ text-decoration:none; color:#077ec8}

#content .box .link-3 { display:block; float:right; background:url(../images/link_bg2.gif) left top repeat-x; color:#2e566f; text-decoration:none; }
#content .box .link-3 em { display:block; background:url(../images/link_left2.gif) no-repeat left top;}
#content .box .link-3  b { display:block; background:url(../images/link_right2.gif) no-repeat right top; padding:3px 13px 19px 18px; font-style:normal;}
#content .box .link-3:hover{ text-decoration:none; color:#077ec8}


/*footer*/
#footer { color:#000; font-size:0.8125em; background:url(../images/bot.gif) repeat-x top ; }
#footer .indent-footer{ padding:53px 50px 0 33px;}
#footer a {color:#0a456a; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
.bot-left{ background:url(../images/bot_left.gif) no-repeat top left}
.bot-right{ background:url(../images/bot_right.gif) no-repeat top right; height:46px}


.indent-2{ position:relative; padding-right:20px; float:left}
.h{ height:26px; background:url(../images/bg_input.gif) no-repeat top left}
.h1{ height:242px; background:url(../images/bg_textarea.gif) no-repeat top left}
.block-contact { font-size:.923em}
.block-contact span{ float:right;}
.block-contact1 span{ float:right; margin-right:140px}
.block-contact2 span{ float:right; margin-right:60px}

	
	
/*Layout*/

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

/*======= header =======*/
#header {height:414px;  background:url(../images/top.gif) no-repeat top center #ffffff}

#header .col-1{ width:307px; margin:0}
#header .col-2{ width:589px}


/*======= index.html =======*/
#page1 #content .col-1{ width:296px; margin-right:34px}
#page1 #content .col-2{ width:528px}
#page1 #content .col-3{ width:245px; margin-right:30px}
#page1 #content .col-4{ width:240px}
/*======= index-1.html =======*/
#page2 #content .col-1{ width:296px; margin-right:34px; background:#fff;}
#page2 #content .col-2{ width:528px}
#page2 #content .col-2-new{ width:528px; padding-top:6px;}
/*======= index-2.html =======*/
#page3 #content .col-1{ width:296px; margin-right:34px}
#page3 #content .col-2{ width:528px}
#page3 #content .col-3{ width:245px; margin-right:30px}
#page3 #content .col-4{ width:240px}
/*======= index-3.html =======*/
#page4 #content .col-1{ width:296px; margin-right:34px}
#page4 #content .col-2{ width:528px}
#page4 #content .col-3{ width:245px; margin-right:30px}
#page4 #content .col-4{ width:250px}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:296px; margin-right:34px}
#page5 #content .col-2{ width:528px}
#page5 #content .col-3{ width:245px; margin-right:30px}
#page5 #content .col-4{ width:250px}

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

/*title &content*/


.sub_title
{
font-family: "Times New Roman", Times, serif;
font-size:26px;
color:#97cfee;
text-align:left;
padding-bottom:66px;
}
.Title
{ 
font-family: "Times New Roman", Times, serif;
font-size:26px;
color:#5688a7;
font-weight: normal;
text-align:left;
padding-top:26px;
padding-bottom:26px;
}

.Content
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-align:left;
}

/*menu*/

.menu
{
width:589px;
height:102px;
}

.btn_home
{
background: url(../images/home.jpg) no-repeat; 
width:118px;
height:102px;
float:left;
display:block
}
.btn_home:hover, .homedown
{
background: url(../images/home_hover.jpg) no-repeat;
width:118px;
height:102px;
float:left;
}

.btn_product
{
background: url(../images/product.jpg) no-repeat;
width:118px;
height:102px;
display:block;
float:left;
}
.btn_product:hover, .productdown
{
background: url(../images/product_hover.jpg) no-repeat;
width:118px;
height:102px;
float:left;
}

.btn_faq
{
background: url(../images/faq.jpg) no-repeat;
width:118px;
height:102px;
display:block;
float:left;
}
.btn_faq:hover, .faqdown
{
background: url(../images/faq_hover.jpg) no-repeat;
width:118px;
height:102px;
float:left;
}

.btn_review
{
background: url(../images/review.jpg) no-repeat;
width:118px;
height:102px;
display:block;
float:left;
}
.btn_review:hover, .reviewdown
{
background: url(../images/review_hover.jpg) no-repeat;
width:118px;
height:102px;
float:left;
}

.btn_contact
{
background: url(../images/contact.jpg) no-repeat;
width:117px;
height:102px;
display:block;
float:left;
}
.btn_contact:hover, .contactdown
{
background: url(../images/contact_hover.jpg) no-repeat;
width:117px;
height:102px;
float:left;
}
.hidden_pic
{
display:none;
}

li
{
list-style:none;
float:left;
display:block;
}

.cls
{
font-size:0px;
}