@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
li{
font-size:12px;
font-weight:bold; 
color:#FFF}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*
---------------- common --------*/
body{font-family:Arial, Helvetica, sans-serif}
.left{float:left}
.right{float:right}
.clear{clear:both}
body{background:#172b84}
#main_wrapper{width:970px; margin:0 auto; background-image:url(../images/bg1.jpg);  background-repeat:no-repeat}
#cointaner_wrapper{ background:url(images/bg1.jpg)}
#cointaner_wrapper2{ background:url(images/bg1.jpg)}
#cointaner{ width:921px; margin:0 auto;}
.logo{ padding-left:65px; float:left; padding-bottom:35px}

/*
---------------- Text --------*/
h1{ font-size:18px; color:#ff0000;  border-bottom:solid 1px #ff0000; margin-left:20px; width:173px; line-height:20px; margin-bottom:4px}
h1 span{ font-size:14px; color:#888686;}
p{font-size:14px; color:#FFF; line-height:15px; fo}
p a{ font-size:12px; color:#ff0000; text-decoration:none}
h2{color:#FF0000; font-size:14px; text-decoration:underline; margin-left:20px}


/*
-------------- header ------*/

.main_cointaner{width:940px;}
.main_cointanerc{width:1004px;}
.left_nav{ width:304px; float:left; margin-left:0px}
.right_cointaner{ float:right; width:636px; height:480px;}
.right_cointanercon{float:right; width:636px; height:500px;  margin-right:0px}
.right_cointanerc{ float:right; width:700px; height:480px; margin-right:0px}
.nav_brush{ padding-bottom:23px; width:260px}



/*
-------------- right body  -------------*/
.right_1text{width:320px; float:left}
.right_2text{ width:258px; float:right; padding-left:17px}
.gap{height:40px}


/*
------------ News -----------*/
.news{ background:url(../images/news_bg.png)v; width:310px; margin-top:9px; padding:10px 5px 20px 5px}

.news_txt{ width:162px; padding-right:6px; float:left}
.news_img{ float:right}
.img_bor{ border:solid 3px #656565}



/* ------------ Our Product -------------*/
.our_product{padding-bottom:5px; padding-top:9px}
.our_product_img{padding-right:4px; float:left}
.our_product_txt{ width:135px; float:right}

#form{
	width:250px;
	height:400px;
	float:right;
	margin-right:0px;
	}


/*
 ------------ .our_service ---------------*/
.our_service{ padding-top:5px}
.our_service_txt{ float:left; padding-right:5px; width:132px}
.our_service_img{float:left}
.our_service_gap{ padding-bottom:4px}

/*
------------- footer ------------*/
#footer{height:35px; width:911px;  text-align:right; padding-top:0px; margin:0}
#footer p{font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#FF0000; line-height:18px; margin-right:10px}
#footer p a{font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#FF0000; line-height:18px; text-decoration:none}
#footer p a:hover{text-decoration:underline}