/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
ol,ul,li{ list-style:none; list-style-position:outside;}


/* Generic Styling */
a{ color:#58c9c7; text-decoration:none;}

body{ font-size:16px; font-family:"Trebuchet MS",Arial; color:#fff; background:#000 url(../images/body_top.jpg) center top no-repeat;}



/* header */
#header{ width:960px; overflow:hidden; margin:0 auto; background:url(../images/header_bg.jpg) 0 0 no-repeat;}
	
	.nav{ width:100%; overflow:hidden; padding-top:11px;}
	.nav li{ float:left; display:inline;}
	.nav li a{ float:left; width:114px; height:50px; text-indent:-9999px; overflow:hidden; background:url(../images/nav.png) 0 0 no-repeat;}
	.nav li#nav1{ margin-left:60px;}
	.nav li#nav2{ margin-left:6px;}
	.nav li#nav3{ margin-left:360px;}
	.nav li#nav4{ margin-left:6px;}
	.nav li#nav1 a{ background-position:0 -50px;}
	.nav li#nav2 a{ background-position:-114px -50px;}
	.nav li#nav3 a{ background-position:-228px -50px;}
	.nav li#nav4 a{ background-position:-342px -50px;}
	
	.nav li#nav1 a:hover,
	.nav li#nav1.on a{ background-position:0 0;}
	.nav li#nav2 a:hover,
	.nav li#nav2.on a{ background-position:-114px 0;}
	.nav li#nav3 a:hover,
	.nav li#nav3.on a{ background-position:-228px 0;}
	.nav li#nav4 a:hover,
	.nav li#nav4.on a{ background-position:-342px 0;}
	
	
	.logo{ width:308px; margin:-10px auto 0;}
	.logo img{ vertical-align:top;}





/* content */
#content{ width:960px; overflow:hidden; margin:0 auto 30px;}
	#index_banner{ width:960px; margin-bottom:20px;}
	#index_contact{ width:840px; margin-bottom:20px;}
	
	.feature_btns{ width:930px; overflow:hidden; padding-left:30px; margin-bottom:35px;}
	.feature_btns a{ float:left;}
	.feature_btns img{ vertical-align:top;}
	
	.box{ width:935px; border:1px #2d2d2c solid; padding:15px 0 5px; background:url(../images/box_bg.gif); margin-bottom:30px; text-align:center;}
	.box .title{ margin-bottom:8px;}
	.box p{ padding:0 22px 10px; line-height:130%;}
	.title{ text-align:center; margin-bottom:14px;}
	
	.deco_line{ width:600px; height:16px; text-indent:-9999px; overflow:hidden; margin:0 auto 12px; background:url(../images/deco_line.png) 0 0 no-repeat;}
	
	.row{ width:100%; overflow:hidden;}
		.word_box{ float:left; width:290px; min-height:240px; display:inline; margin:0 13px; border:1px #343434 solid; padding:28px 0;
					 background:url(../images/box_bg.gif);}
		.word_box blockquote{ width:250px; margin:0 auto 10px; display:block; text-align:center; position:relative; line-height:120%;}
		.word_box cite{ display:block; width:230px; margin:0 auto; color:#52bdc0; font-weight:bold; text-align:right; position:relative;}
		.ico_q1,
		.ico_q2{ position:absolute; width:40px; height:38px; text-align:left; text-indent:-9999px; overflow:hidden;}
		.ico_q1{ background:url(../images/ico_quote1.png) 0 0 no-repeat; left:-32px; top:10px;}
		.ico_q2{ background:url(../images/ico_quote2.png) 0 0 no-repeat; right:-42px; top:-30px;}
	
	
	/*-------------------------about page---------------------------------*/
	.main_box{ width:880px; padding:16px; margin:0 auto 20px; background:url(../images/main_box.png); position:relative;}
	.main_box_inside{ width:838px; padding:40px 20px; border:1px #535352 solid; overflow:hidden;}
	.main_box p{ line-height:130%; margin-bottom:20px;}
	.main_box p.p1{ text-align:center;}
	.main_box p.p2{ text-align:center; font-style:italic; color:#56c8cb; font-weight:bold;}
		.c1,.c2,.c3,.c4{ position:absolute; width:80px; height:80px; text-indent:-9999px; overflow:hidden; z-index:2;
						 background:url(../images/box_corner.png) 0 0 no-repeat;}
		.c1{ left:0; top:0; background-position:0 0;}
		.c2{ right:0; top:0; background-position:-80px 0;}
		.c3{ left:0; bottom:0; background-position:0 -80px;}
		.c4{ right:0; bottom:0; background-position:-80px -80px;}
		
		h1{ position:absolute; z-index:4; left:20px; top:0; height:50px;}
		.para{ padding-bottom:20px;}
	
	
	.bottom_btns{ width:100%; text-align:center;}
	.bottom_btns a{ margin:0 30px;}
	.bottom_btns img{ vertical-align:top;}
	


/* footer */
#footer{ width:960px; padding:35px 0 20px; text-align:center; color:#6e6e6e; font-size:13px; margin:0 auto; line-height:120%;
		 background:url(../images/deco_line.png) center 10px no-repeat;}
#footer li{ display:inline; margin:0 6px;}
#footer li a{ color:#6e6e6e;}
#footer li a:hover{ color:#ddd;}