@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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----------- Common -----------*/
.left				{ float:left}
.right				{ float:right}
.clear				{ clear:both; font-size:0px; line-height:0px;   margin:0; padding:0}
body				{ background:#e6e6e6}
.main_wrapper		{ width:100%; background:#e6e6e6}
.wrapper			{ width:1040px; margin:0 auto; background:#f7f7f7}
.wrapper2			{ width:962px; margin:0 auto}
body				{ font-family:Arial, Helvetica, sans-serif; color:#000}

/*----------- Common -----------*/


/*----------- Header -----------*/
#header				{ background:url(../images/header_bg.gif) repeat-x left top; width:1040px; height:137px; margin:25px auto 0 auto}
#header_w			{ background:url(../images/header_bg.gif) repeat-x left top; width:1040px; height:137px; margin:50px auto 0 auto}
.header_wrap		{ padding:0 15px 0 40px; width:907px; margin:0 auto}
.header_wrap .logo	{   margin:0 ; padding:0; height:50px}
.header_wrap .logo h1	{  background:url(../images/logo.gif) left top no-repeat; text-indent:-9999px; height:30px; width:225px }
.header_wrap .logo h2	{ color:#86d1ac; font-size:14px; line-height:14px; background:url(../images/design.gif) no-repeat left bottom; text-indent:-9999px}
.header_wrap h3	{ font-size:14px; color:#fff; font-weight:normal; line-height:18px; font-weight:normal }
.header_wrap .top_menu	{  }

.top_menu ul			{ margin:0; padding:0; list-style:none}
.top_menu ul li			{ display:inline-block; float:left; list-style:none; padding-right:15px; font-size:18px; color:#fff; line-height:18px; font-weight:normal!important }
.top_menu ul li.Rgap	{ padding-right:30px; padding-top:1px}
.top_menu ul li.Co	{ padding-top:1px}
.top_menu ul li a		{ font-size:14px; color:#fff; text-decoration:none; line-height:18px}
.top_menu ul li a:hover	{ color:#6dc097}
.top_menu ul li.active a	{ color:#6dc097}
.gap16						{ height:16px; line-height:1px ; font-size:1px}
.gap40						{ height:40px; line-height:1px; font-size:1px}
.gap20						{ height:20px}
.gap30						{ height:30px}
.gap35						{ height:35px}
.gap24						{ height:24px}
.gap50						{ height:40px}
.gap80						{ height:80px}
/*----------- Header -----------*/


/*----------- Main body -----------*/
.main_body					{}
.main_body h1				{ color:#0DA558; font-size:60px; font-weight:bold; padding-left:40px; padding-bottom:4px}
.main_body h1.white			{ color:#fff}
.gry_bor					{ border:solid 1px #a8aba8}
.main_body .box_1			{ width:900px; background:#fff; padding:20px 20px 30px 40px}
.box_1 .left_con			{ width:340px}
.box_1 .left_con h3			{ font-size:20px; color:#000000; padding-bottom:15px; line-height:22px; font-weight:bold}
.left_con p					{ font-size:14px; color:#000; line-height:18px; padding-bottom:14px; text-align:left}
.left_con p a				{ color:#000; text-decoration:underline}
.left_con p a:hover			{ text-decoration:none}
.box_1 .R_flash				{ width:501px; background:url(../images/clouds.jpg) no-repeat right top; height:400px}


a.blue_link					{ display:block; height:25px; background:url(../images/blue_link_left.gif) no-repeat left top; padding:0 0 0 28px; text-decoration:none;}
a.blue_link span			{ display:block; height:25px; background:url(../images/blue_link_right.gif) no-repeat right top; padding:0 15px 0 0; color:#fff; font-size:12px; line-height:27px; cursor:pointer; float:left}



.box_2						{ padding:0 0 0 40px; background:#fff }
.box_2 .how_we_b				{ width:542px; padding:20px 0 0 0}
.box_2 .how_we_b h2			{ color:#000; font-size:21px; line-height:23px; padding-bottom:30px; font-weight:bold }
.how_we_b ul				{ margin:0; padding:0; width:501px; list-style:none}
.how_we_b ul li				{ display:inline-block; float:left; padding-bottom:30px; height:110px}
.how_we_b ul li.image		{ width:169px}
.how_we_b ul li.txt			{ width:330px}
.how_we_b ul li.txt h2		{ font-size:17px; color:#000; padding:0; margin:0; line-height:20px; font-weight:bold}
.how_we_b ul li.txt p		{ font-size:14px; color:#000; line-height:16px}
.how_we_right				{ background:url(../images/how_bg.jpg) repeat-x left top #d3d2d2; width:378px; text-align:center; padding:20px 0}
/*----------- Main body -----------*/

/*----------- Footer -----------*/
.footer_box							{ padding:20px 0; width:960px; margin:0 auto; background:#fff}
.footer_wrap						{ width:914px; margin:0 auto}
.footer_wrap .login_wrap			{ background:url(../images/gry_border.jpg) no-repeat right 13px; width:228px}
.client_box							{ width:166px; background:#0a8044 url(../images/client_login_bg.gif) repeat-x 0 0; padding:12px; padding-left:20px; position:relative }
.clock								{ background:url(../images/clock.png) no-repeat; width:30px; height:30px; position:absolute; right:22px; top:60px}
.client_box input.text_box			{ background:url(../images/text_box_bg.jpg) no-repeat; width:142px; height:18px; border:0 none; padding:0 0 0 5px; margin-bottom:12px; font-size:9px; color:#000; line-height:18px}
.client_box input.login_bnt			{ font-size:10px; color:#fff; background:none; border:0 ; cursor:pointer; margin-right:10px}
.client_box h5						{ font-size:20px; color:#fff; font-weight:bold; padding-bottom:5px}
.client_box p						{ color:#fff; font-size:14px; line-height:16px; }

.footer_wrap .Choose				{ width:312px; background:url(../images/gry_border.jpg) no-repeat right 13px; padding:0 0 0 44px}
.footer_wrap .Choose h1				{ color:#000; font-size:20px; line-height:24px; font-weight:bold; padding-bottom:4px}
.footer_wrap .Choose p				{ color:#454545; font-size:14px; line-height:18px; padding-bottom:15px}
.footer_wrap .Choose .view_wrap		{ background:url(../images/apple_mck.png) no-repeat left top; height:100px; width:280px}
.footer_wrap .Choose .view_wrap a	{ display:block; background:url(../images/arrow.gif) no-repeat 0 3px; font-size:11px; color:#000; padding:0 0 0 7px; text-decoration:none; float:right; margin-top:88px; font-weight:bold}
.footer_wrap .Choose .view_wrap a:hover					{ color:#FF6600}
.footer_wrap .labs					{ width:305px; padding-left:25px;background:url(../images/enter_lab.jpg) no-repeat right 50px; }
.labs p								{ font-size:14px; color:#666; line-height:18px}
.labs .enter_lab					{ height:105px; width:302px}
.enter_lab a						{ display:block; background:url(../images/arrow.gif) no-repeat 0 3px; font-size:11px; color:#000; padding:0 0 0 7px; text-decoration:none; float:left; margin-top:100px; font-weight:bold}
.enter_lab a:hover					{ color:#FF6600}
.footer_wrap .labs h2				{ font-size:20px; color:#000; padding-bottom:10px; font-weight:bold}
.footer_wrap .labs h2 a				{ color:#0da558; text-decoration:none}

.footer_menu						{ width:960px; margin:0 auto}
.footer_menu ul			{ margin:0; padding:0; list-style:none; float:left}
.footer_menu ul li			{ display:inline-block; float:left; list-style:none; padding-right:15px; font-size:18px; color:#c6c6c6; line-height:22px; font-weight:normal }
.footer_menu ul li.gap30		 { padding-right:30px}
.footer_menu ul li a		{ font-size:12px; color:#c6c6c6; text-decoration:none}
.footer_menu ul li a:hover	{ color:#000}
.footer_menu ul li.active a	{ color:#000}

.footer_menu p					{ color:#A6A6A6; font-size:12px}




.Labfooter_menu						{ width:960px; margin:0 auto; padding:22px 0 60px 0}
.Labfooter_menu ul					{ margin:0; padding:0; list-style:none; float:left}
.Labfooter_menu ul li				{ display:inline-block; float:left; list-style:none; padding-right:15px; font-size:20px; color:#484848; line-height:24px; }
.Labfooter_menu ul li.gap30	{ padding-right:30px}
.Labfooter_menu ul li a				{ font-size:12px; color:#484848; text-decoration:none}
.Labfooter_menu ul li a:hover		{ color:#fff}
.Labfooter_menu ul li.active a		{ color:#fff}

.Labfooter_menu ul li.pipe				{ display:inline-block; float:left; list-style:none; padding-right:20px; font-size:20px; color:#484848; line-height:24px; }

.Labfooter_menu p					{ color:#A6A6A6; font-size:12px}
/*----------- Footer -----------*/



/*----------- services -----------*/
.main_service						{ padding:25px 0; background:#fff}
.main_service h3					{ font-size:20px; color:#000; line-height:22px; padding-bottom:20px; font-weight:bold}
.main_service .Ser_wrap				{ width:882px; margin:0 auto}
.main_service .Ser_wrap h4			{ font-size:25px; color:#000; padding:20px 0 15px 0; font-weight:normal; font-weight:bold}
.main_service .Ser_wrap p			{ font-size:14px; color:#000; line-height:18px}
.Ser_wrap .ser_box1					{ width:279px; border-right:solid 1px #d5d7d5}
.Ser_wrap .ser_box2					{ width:250px; border-right:solid 1px #d5d7d5; padding:0 36px 0 36px}
.Ser_wrap .ser_box3					{ width:233px; padding:0 0 0 45px }


ul.serv								{ margin:0; padding:10px 0 30px 0 }
ul.serv li							{ margin:0; padding:0; list-style:disc inside none; color:#000; font-size:14px; padding-bottom:5px; line-height:18px}
ul.serv li a						{ line-height:18px; color:#000; font-size:14px; text-decoration:none}


.service_box2						{ padding:25px 29px 15px 40px; background:#fff }
.service_box2 .ser_chek				{ width:601px; border-right:solid 1px #d5d7d5}
.service_box2 .ser_chek p			{ font-size:14px; color:#000; line-height:18px}
.service_box2 .ser_cont				{ width:245px}
.service_box2 h2					{ font-size:25px; color:#000; padding-bottom:18px; font-weight:bold}
.service_box2 .ser_cont p			{ font-size:13px; color:#000}

ul.Serv_ck							{ margin:15px 0 0 0; padding:0 0 0 0; list-style:none;}
ul.Serv_ck li						{ list-style:none; display:inline-block; float:left; height:32px; border-bottom:solid 1px #e0e0e0; width:234px; padding-left:33px; line-height:32px; font-size:14px; color:#454545}
ul.Serv_ck li a						{line-height:32px; font-size:14px; color:#454545; text-decoration:none}
ul.Serv_ck li.right_arrow			{ background:url(../images/right_arrow.gif) no-repeat left 8px}
ul.Serv_ck li.cross_arrow			{ background:url(../images/cross_arrow.gif) no-repeat left 5px} 
ul.Serv_ck li.no_border				{ border-bottom:none 0}


.cont_from						{ width:242px}
.cont_from ul					{ margin:11px 0 0 0; padding:0; width:242px; list-style:none}
.cont_from ul li				{ margin:0; padding:0; display:inline-block; float:left; height:32px}
.cont_from ul li.txt			{ width:80px; font-size:13px; color:#000; text-align:left; line-height:20px; font-weight:bold}
.cont_from ul li.txt_box		{ width:158px; }
.cont_from ul li.txt_box input.txt_box{ background:url(../images/txt_box_bg.gif) no-repeat; border:0 none ; height:23px; width:150px; line-height:18px; color:#000; font-size:13px; padding-left:8px}
.cont_from ul li.txt_box input.send_bnt	{ background:url(../images/send_bnt.gif) no-repeat; border:0 none; width:59px; height:24px; cursor:pointer; text-indent:-9999px}
.txt_area_bg					{ background:url(../images/text_area_bg.gif) no-repeat; width:243px; height:50px}
.txt_area_bg textarea			{ width:233px; margin:5px auto 0 auto; height:40px; background:none; border:0; overflow:hidden; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px}
p.messages	{font-size:13px; color:#000; text-align:left; line-height:20px; font-weight:bold}
/*----------- services -----------*/

/*----------- Work -----------*/
.work_bg						{ background:url(../images/work_bg.jpg) no-repeat center 0 #f7f7f7; width:1040px; margin:0 auto}
.work_wrap						{ width:960px; background:url(../images/work_wrap_bg.gif) repeat-x 0 0 #f7f7f7; margin:0 auto; padding:40px 0;}

.work_video						{ padding:0 70px 0 140px}
.Txt_video						{ width:264px; padding:90px 0 0 0 } 
.Txt_video h2					{ color:#000; font-size:25px; font-weight:normal; padding:24px 0 20px 0; font-weight:bold}
.Txt_video a					{ color:#3FA7F3; font-size:14px; text-decoration:none; text-align:left}
.Txt_video span					{ color:#3FA7F3; font-size:14px; text-decoration:none; text-align:left}
.Txt_video p					{ font-size:13px; color:#000; line-height:16px}
.Txt_video p a					{ font-size:10px; color:#000; text-decoration:none; display:block; background:url(../images/arrow.gif) no-repeat 0 5px; padding-left:8px; margin-top:20px; font-weight:bold}
.Txt_video p a:hover			{ color:#FF6600}
/*----------- Work -----------*/

/*----------- company -----------*/
.company_Wrap					{ width:894px; border-left:solid 1px #a6aaa7; border-right:solid 1px #a6aaa7; border-bottom:solid 1px #a6aaa7; padding:20px 25px 20px 40px; background:#fff}		
.company_Wrap .LCompany			{ width:380px}
.company_Wrap .LCompany h2		{ font-size:27px; color:#000; line-height:30px; padding-bottom:15px; font-weight:normal}
.company_Wrap .LCompany p		{ font-size:14px; color:#000; line-height:16px}
.company_Wrap .LCompany ul		{ margin:0; padding:0; list-style:none; width:370px}
.company_Wrap .LCompany ul li	{ margin:0; padding:20px 0 0 0; display:inline-block; float:left}
.company_Wrap .LCompany ul li.icon_img	{ width:84px}
.company_Wrap .LCompany ul li.icon_txt	{ width:280px}
.company_Wrap .RCompany			{ width:425px}
.company_Wrap .RCompany h2		{ color:#0DA558; font-size:25px; line-height:35px; font-weight:normal; text-align:right}
.company_Wrap .RCompany h2 a	{ color:#0DA558; font-size:25px; line-height:35px; text-decoration:none}
.company_Wrap .RCompany h3		{ color:#666; font-size:25px; line-height:35px; font-weight:normal; text-align:right}

.google_map						{ padding:40px 0 0 0}
/*----------- company -----------*/


/*----------- Labs -----------*/
body.Labs							{ background:#1a1a1a }
.lab_wrap	{ background:url(../images/lab_bg.gif) repeat-y center top; width:100%}
.labs_main_wrap						{ width:100%; background:url(../images/Labs_bg.jpg) no-repeat center top}
.labs_wrap							{ width:922px; margin:0 auto; padding:60px 0 0 0; position:relative}
.labs_wrap h1						{ font-size:60px; color:#666; font-weight:normal; padding:0 0 15px 0}
.labs_wrap h1 span					{ color:#fff}
.labs_wrap h3						{ font-size:23px; color:#666; font-weight:normal; line-height:27px}
.labs_wrap ul						{ margin:0; padding:38px 0; list-style:none; border-bottom:solid 1px #5e5b5c; overflow:auto}
.labs_wrap ul li					{ margin:0; padding:0; display:inline-block; float:left; width:245px}
.labs_wrap ul li h4					{ color:#e6e6e6; font-size:18px; padding-bottom:10px; font-weight:normal}
.labs_wrap ul li p					{ font-size:13px; color:#e6e6e6; line-height:16px}
.labs_wrap ul li .thumimg			{ padding-bottom:28px}
.labs_wrap ul li.Rgap				{ padding-right:93px}
.labs_wrap ul li.last				{ padding:0}

.lab_Bottom_con						{ width:922px; padding:45px 0 10px 0}
.lab_Bottom_con .Llab				{ width:820px}
.lab_Bottom_con .Llab p				{ font-size:21px; line-height:25px; color:#fff;}
.lab_Bottom_con .Rlab				{ width:102px}

.arrows							{ margin:0; padding:0; width:90px}
.arrows ul	{ width:80px; margin:0; padding:0; list-style:none; border:0; float:right}
.arrows ul li	{ display:inline-block; float:left; width:21px; height:21px; padding-right:8px}
.arrows ul li.last	{ display:inline-block; float:left; width:21px; height:21px; padding-right:0}
.arrows ul li a	{ display:block; width:19px; height:19px; font-size:12px; text-align:center; line-height:19px; border:solid 1px #cdcdcd; text-decoration:none; color:#fff}
.arrows ul li a:hover	{ background:#fff; color:#000}
.arrows ul li.active a	{ background:#fff; color:#000}

a.back_to_main					{ background:url(../images/back_main.png) no-repeat right top; display:block; color:#ffff00; height:20px; width:102px; text-decoration:none; font-size:12px; line-height:18px}


.lab_box{ background:#e6e6e6; border-left:solid 1px #b3b3b3; border-right:solid 1px #b3b3b3; border-bottom:solid 1px #b3b3b3; width:105px; height:10px; position:absolute; top:0; left:0}
.captcha_box	{ background:url(../images/red_box_bg.gif) no-repeat; width:240px; height:91px; margin:7px auto 0 auto; padding:4px 0 0 0}
.captcha_box .left_cap	{ width:124px; padding-left:18px; padding-top:13px}
.captcha_box .left_cap p	{ color:#1e190d; font-size:10px}
.captcha_box .left_cap input	{ background:none; border:0 none; width:105px; height:15px; margin-left:5px; margin-top:2px; font-size:11px}
.captcha_box .cap_t_bnt{ width:20px; padding:8px 0 0 0}
.captcha_box .cap_t_bnt input{ width:18px; height:12px; border:0; background:none; cursor:pointer; }
.captcha_box .cap_t_bnt input.refresh{ width:20px; height:15px; background:url(../images/refresh.gif) no-repeat}
.captcha_box .cap_t_bnt input.voice{ width:20px; height:11px; background:url(../images/voice.gif) no-repeat}
.captcha_box .cap_t_bnt input.last_no{ width:20px; height:13px; background:url(../images/last_no.gif) no-repeat}
/*----------- Labs -----------*/
ul.gallery_tab					{  margin:0; padding:0; list-style:none}
ul.gallery_tab li				{ padding:0 0 30px 0; margin:0; display:inline-block; float:left}
ul.gallery_tab li.gaps			{ padding-right:42px}
ul.gallery_tab li p a			{ color:#000; text-decoration:none; font-size:12px; line-height:18px; font-weight:bold}
ul.gallery_tab li a	img	{ border:solid 1px #d1d3d1}
.com_img					{ padding:5px 0 0 0}

.wrapper_wrok{ width:1040px; margin:0 auto}

.inline_example3 p	{ font-size:14px; line-height:25px; padding-bottom:25px; padding-right:10px; font-weight:bold}
.Choose a	{ display:block; background:url(../images/arrow.gif) no-repeat 0 3px; font-size:11px; color:#000; padding:0 0 0 7px; text-decoration:none; float:right;   font-weight:bold; margin-right:30px}
.Choose a:hover	{ color:#FF6600}