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

*{ 
margin:0px; 
padding:0px;
}

a img{ 
border:0px;
}

body{ 
font-family:Arial, Helvetica, sans-serif;
}

/**********************     header    ***********************/
#header{ 
width:100%; 
background:#ffffff;
}

#head_content{ 
width:980px; 
margin:auto;
}

#logo{ 
width:960px; 
padding:10px 0 10px 20px; 
float:left; 
display:inline;
}

.logo{ 
float:left; 
display:inline;
}

#logo_right{ 
float: left; 
display:inline; 
width:740px; 
margin:15px 0 0 20px;
}

#call_us{ 
background:url(images/call_us.jpg) no-repeat; 
width:133px; 
height:25px; 
float:right;
font-size:20px; 
color:#000; 
padding:25px 0 0 55px; 
font-weight:bold; 
margin:0 85px 4px 0;
}

/*#menu{ 
background:url(images/menu_bg.jpg) no-repeat; 
width:980px; 
height:43px; 
float:left;
display:inline; 
margin:0 0 15px 0;
}

#menu ul{ 
float:left; 
margin:1px 0 0 20px; 
display:inline; 
width:950px;
}

#menu ul li{ 
float:left; 
display:inline; 
list-style:none; 
height:38px;
}

#menu ul li a{ 
color:#fff; 
font-size:16px; 
text-decoration:none; 
font-weight:bold; 
background:url(images/menu_border.jpg) no-repeat right; 
padding:10px 25px; 
display:block;
}*/

#navbar1{
	float:left;
	display:inline;
	width:980px;
	height:43px;
	margin:0 0 0 0;
	background:url(images/menu_bg.jpg) no-repeat;
}
#navbar1 ul{
	float:left;
	display:inline;
	width:980px;
	height:38px;
	margin-left:88px;
	color:#fff;
}
#navbar1 ul{
	background: url(images/anim_2.png) no-repeat;
	background-position:1px 4px;
}

#navbar1 ul li{
	float:left;
	width:112px;
	margin:3px 0 0 0;
	height:22px;
	display: inline;
	text-align:center;
	padding:7px 0 0 0;
	border-left:1px solid #1f1f1f;
	cursor:pointer;
}

#navbar1 ul li a{
text-decoration:none;
color:#fff;
font-size:16px;
}

#flash{ 
width:980px; 
float:center; 
display:inline; 
height:325px;
margin-top:-10px;
}

#flash h1{ 
font-size:30px; 
font-weight:bold; 
color:#138f34;
}

#flash p{
color:#6b6854; 
font-size:16px;
margin:20px 20px 0 20px;
}

/******************************     wrapper    **********************************/
#wrapper{ 
background:url(images/content_strip.jpg) repeat-x #fff; 
width:100%; 
}

#wrapper_content{ 
width:980px; 
margin:auto; 
padding:0px 0 20px 0; 
}

#col{
background: url(images/shade.jpg) no-repeat bottom; 
width:980px; 
float:left; 
display:inline; 
padding:70px 0 40px 0; 
}

.colum{ 
width:230px; 
float:left; 
display:inline; 
padding:0 56px 15px 0; 
border-right: 1px dashed #999999; 
margin:0 0 0 40px;
}

.faq{ 
width:230px; 
float:center; 
display:inline; 
padding:0 56px 15px 0;  
margin:0 0 0 40px;
}

.faq ul{ 
margin:20px 0 0 100px;
}

.faq ul li{ 
list-style:none; 
background:url(images/arrow.jpg) no-repeat left top; 
padding:0 0 4px 20px;
color:#6b6854;
}

.faq ul li a{ 
color:#6b6854; 
text-decoration:none;
}

.faq ul li a:hover{ 
color:#000000; 
text-decoration:none;
}

.head{ 
border-bottom:1px solid #cccccc; 
padding:0 0 10px 0;
}

.head .pic{ 
float:left; 
display:inline; 
margin:0 10px 0 0;
}

.head h1{ 
font-size:30px; 
font-weight:bold; 
color:#138f34;
}

.colum ul{ 
margin:20px 0 0 10px;
}

.colum ul li{ 
list-style:none; 
background:url(images/arrow.jpg) no-repeat left top; 
padding:0 0 4px 20px;
color:#6b6854;
}

.colum ul li a{ 
color:#6b6854; 
text-decoration:none;
}

.colum ul li a:hover{ 
color:#000000; 
text-decoration:none;
}

.colum h2{ 
color:#7da92e; 
font-size:20px; 
font-weight:bold; 
margin:20px 0 5px 0;
}

.colum p.date{ 
color:#cccccc; 
font-weight:bold; 
font-size:16px; 
margin:0 0 10px 0;
}

.colum p{ 
color:#6b6854; 
font-size:14px; 
font-family:"Times New Roman", Times, serif;
}

#future_project{ 
width:650px; 
float:left; 
display:inline;
}

#future_project h1{ 
color:#138f34; 
font-size:30px; 
font-weight:bold;
}


.row{ 
width:650px; 
float:left; 
display:inline; 
margin:0 0 20px 0;
}

.row a{ 
background:url(images/proj_bg.jpg) no-repeat; 
width:187px; 
height:85px; 
padding:15px 0 2px 3px; 
float:left; 
margin:0 25px 0 0;
}

.row a:hover{
background:url(images/proj_bghover.jpg) no-repeat;
}

.more{ 
float: left; 
display:inline; 
margin:0 0 0 520px;
}

.more a img:hover{
background:url(images/morehover.jpg) no-repeat;
}

.more2{ 
float: center; 
display:inline; 
margin:0 0 0 420px;
}

#update_box{ 
float: left; 
display:inline; 
background:url(images/update_strip.jpg) repeat-x #f3f3f3; 
width:220px; 
border:1px solid #e6e6e6; 
padding:15px 15px; 
margin:55px 0px 0 20px; 
}

#update_box h1{ 
color:#138f34; 
font-weight:normal; 
font-size:16px; 
border-bottom:#cccccc 1px solid; 
padding:0 0 15px 0;
}

.box{ 
margin:10px 0 10px 0;
}

.box h2{ 
font-size:14px; 
color:#138f34; 
font-weight:normal; 
margin:0 0 4px 0;
}

.box h3{ 
font-weight: bold; 
font-size:12px; 
color:#000; 
font-family:"Times New Roman", Times, serif; 
margin:0 0 4px 0;
}

.box p{ 
font-size:12px; 
color:#6e7572; 
margin:0 0 4px 0;
}

.box a{
text-decoration: none;  
font-size:12px; 
font-weight:bold; 
color:#6e7572;
}

.box a:hover{
color:#000;  
font-weight:bold;
}

.strip{ 
margin:20px 0 20px 0;
}

/***************************       content page         ********************************/
#left_part{ 
width:675px; 
float:left; 
margin:0 20px 0 0px; 
}

#head{ 
margin:40px 0 0 0; 
padding:10px 0 0 25px; 
}

#head h1{
font-size:22px; 
color:#414141;
}

#text{ 
width:620px; 
padding:30px 20px 0 35px;
}

#text p{ 
font-size:16px; 
padding:0 0 10px 0; 
color:#6b6854;
}

#left_part_faq{ 
width:675px; 
float:left; 
margin:0 20px 0 90px; 
}

#head_faq{ 
margin:20px 0 0 10px; 
padding:10px 0 0 5px; 
}

#head_faq h1{
font-size:22px; 
color:#414141;
}

#text_faq{ 
width:620px; 
padding:30px 20px 0 75px;
}

#text_faq p{ 
font-size:16px; 
padding:0 0 10px 0; 
color:#6b6854;
}

#right_part{ 
width:252px; 
float:left; 
padding:70px 0 0 0; 
margin:0 0px 0 0 0;
}

#choose{ 
background:url(images/choose_box.jpg) no-repeat #f4f4f4; 
border-bottom:1px solid #eeeeee; 
padding:70px 12px 10px 12px; 
width:228px;
}

.right_box{ 
background:url(images/strip_box.jpg) repeat-x #f4f4f4; 
width:226px;  
border:1px solid #e6e6e6; 
padding:10px 12px 10px 12px; 
margin:20px 0 0 0;
}

.sub_box{ 
width:225px; 
padding:0 0 10px 0; 
margin:0 0 15px 0; 
border-bottom:1px solid #cccccc;
}

.sub_box h1{ 
font-size:18px; 
color:#138f34; 
margin:0 0 10px 0;
}

.pic2{ 
margin:0 10px 0px 0; 
float:left;
}

.sub_box p{ 
font-size:12px; 
color:#6e7572; 
margin:0 0 5px 0;
}

.sub_box a{
text-decoration: none; 
margin:0px 0 0 0; 
font-size:12px; 
font-weight:bold; 
color:#6e7572;
}

.sub_box a:hover{
color:#000;  
font-weight:bold;
}

.clr{ 
clear:both;
}

.bx{
width:225px; 
padding:0 0 0px 0; 
margin:0 0 0px 0; 
}

.bx h1{
font-size:18px; 
color:#138f34; 
margin:0 0 5px 0;
}

.bx a{ 
text-decoration:none; 
font-size:12px; 
font-weight:bold; 
color:#6e7572; 
margin:10px 0 0 0;
}

.bx a:hover{
color:#138f34;
}


/***********************************     footer     *************************************/

#footer{ 
background:url(images/footer.jpg) repeat-x #010101; 
width:100%;
}

#f_content{ 
width:980px; 
margin:auto; 
padding:12px 0 0px 0;
}

#footer_col{ 
float:left; 
display:inline; 
width:220px; 
padding:0 0 0px 0;
}

#footer_col h1{ 
color:#fff; 
font-size:20px; 
font-weight:normal; 
background:url(images/footer_head_bg.jpg) no-repeat bottom; 
padding:0 0 10px 0;
}

.site{ 
padding:12px 0; 
border-bottom:#3a3436 1px solid;
}

#footer_col2{ 
float:left; 
display:inline; 
width:300px; 
padding:0 0 0px 0; 
margin:0 20px 0 48px;
}

#footer_col2 h1{ 
color:#fff; 
font-size:20px; 
font-weight:normal; 
background:url(images/footer_head_bg.jpg) repeat-x bottom; 
padding:0 0 10px 0;
}

.site a{ 
text-decoration:none; 
font-size:12px; 
color:#8a8a8a;
}

.site a:hover{
color:#fff;
text-decoration: none;
}

.small_pic{ 
float:left; 
display:inline; 
margin:0 20px 0 0;
}

#footer_col2 ul{ 
float: left; 
display:inline; 
width:120px; 
margin:10px 40px 0 0;
}

#footer_col2 ul li{ 
list-style:none; 
font-size:12px; 
padding:7px 0 7px 0; 
border-bottom:#3a3436 1px solid;
}

#footer_col2 ul li a{ 
text-decoration:none; 
color:#8a8a8a;
}

#footer_col2 ul li a:hover{
color:#fff;
text-decoration:none;
}

#chat{ 
background:url(images/available.jpg) no-repeat top; 
width:230px; 
padding:68px 0 0 0; 
float:left; 
display:inline; 
margin:0 0 0 100px;
}

#chat p{ 
margin:0px 0 0px 20px; 
width:200px;
}

#chat p a{ 
text-decoration:none; 
color:#8a8a8a; 
font-size:12px; 
margin:0px 0 0 10px;  
padding:4px 0 4px 0; 
font-weight:bold;
}

.chat_icon{ 
float:left; 
display:inline;
}

#copy{ 
background:url(images/copyright_bg.jpg) repeat-x #010101; 
width:100%;
}

#copy_content{ 
width:910px; 
margin:auto; 
padding:2px 60px 10px 0;
}

#copy_content ul{ 
float:left; 
display:inline; 
margin:40px 0 0 0;
}

#copy_content ul li{ 
float:left; 
display:inline; 
list-style:none; 
color:#8a8a8a; 
font-size:12px; 
font-weight:bold; 
margin:0 0px 0 5px;
}

#copy_content ul li a{ 
text-decoration:none; 
margin:0 0 0 5px; 
color:#8a8a8a;
}

#copy_content ul li a:hover{
color:#fff;
text-decoration: none;
}

#copy_content ul li a span{ 
color:#10a037;
}

.logo1{ 
float:right; 
display:inline;
}
