@charset "utf-8";

/* CSS Document */



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

body{margin:0px; padding:0px; font-family:Arial; font-size:62.5%;}

ul{list-style:none outside;}

.clearfloat{clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}

img{border:none; margin:0px; padding:0px;}



/*

========================

	link  css

========================

*/

a:link{color:#231F20; text-decoration:none;}

a:visited{color:#231F20; text-decoration:none;}

a:hover{color:#231F20; text-decoration:none;}





a.MagicZoom:link{color:#000000; font-family:Arial !important; text-decoration:none;}

a.MagicZoom:visited{color:#000000; font-family:Arial !important; text-decoration:none;}

a.MagicZoom:hover{color:#000000; font-family:Arial !important; text-decoration:none;}



a.whitelink:link{color:#FFFFFF; text-decoration:none;}

a.whitelink:visited{color:#FFFFFF; text-decoration:none;}

a.whitelink:hover{color:#FFFFFF; text-decoration:none;}



a.top_menu_choose:link{color:#52B0FF; text-decoration:none;}

a.top_menu_choose:visited{color:#52B0FF; text-decoration:none;}

a.top_menu_choose:hover{color:#52B0FF; text-decoration:none;}



a.graylink:link{color:#7F8890; text-decoration:none;}

a.graylink:visited{color:#7F8890; text-decoration:none;}

a.graylink:hover{color:#7F8890; text-decoration:none;}



a.gray2link:link{color:#4C4C4C; text-decoration:none;}

a.gray2link:visited{color:#4C4C4C; text-decoration:none;}

a.gray2link:hover{color:#4C4C4C; text-decoration:none;}







#container{}



/*

========================

	top  css

========================

*/

#top_container{width:100%; height:299px; background:url(../../images/home_top_bg.gif) no-repeat center top;}

#top_container_01{width:100%; height:176px; background:url(../../images/home_top_bg_01.gif) no-repeat center top;}



#home_price_guide{float:right; position:relative; top:-18px; padding-right:76px;}

#logo{margin:0px auto; width:950px; padding-top:18px; height:70px; overflow:hidden;}

#logo img{ padding-left:50px;}

#top{margin:0px auto; width:950px; height:59px; padding-top:152px;}

#top_01{margin:0px auto; width:950px; height:59px; padding-top:29px;}

#top_menu{border-top:1px dotted #748CA3; border-bottom:1px dotted #748CA3; height:34px; width:427px; margin-left:50px; padding-left:15px; text-align:center;}

#top_menu ul{ display:block; margin:0xp auto;}

#top_menu ul li{float:left; padding:0px 15px 0px 10px; font-size:1.2em; font-weight:bold; line-height:34px; background:url(../../images/top_menu_space.png) no-repeat right; color:#FFFFFF;}

#top_menu ul li.top_menu_choose{color:#52B0FF;}



/*

========================

	main css

========================

*/

#main_container{width:100%; margin-top:2px; background:url(../../images/main_bg.gif) no-repeat center top;}

#main{width:950px; padding-bottom:20px; margin:0px auto;}



	/*

	========================

		main left css

	========================

	*/

#main .main_left{float:left; width:434px;}

#main .web_design_unit{ position:relative; top:-8px; left:30px; width:298px; height:330px; background:url(../../images/web_design_bg.png) no-repeat; padding:70px 30px 0px 38px; font-family:"Helvetica"; color:#4C4C4C;}

#main .web_design_pic{padding-bottom:3px; border-bottom:1px dotted #000000;}

#main .web_design_head{padding-top:5px;}

#main .web_design_text{font-size:1.2em; line-height:1.5em; padding-top:10px;}

#main .web_design_text span{ color:#4c4c4c;}

#main .oblique_lines_01{margin-left:50px; width:333px; height:53px; background:url(../../images/oblique_lines.png) repeat-x;}



	/*

	========================

		main right css

	========================

	*/

#main .main_right{float:left; width:465px;}



#main .oblique_lines_02{ width:464px; height:41px; margin:10px 0px; background:url(../../images/oblique_lines.png) repeat-x;}



#main .our_work{}

#main .our_work_project{background:url(../../images/our_work_pic_bg.gif) no-repeat; width:441px; height:131px; padding:10px 12px 5px 12px; border-bottom:1px dotted #000000;}

#main .our_work_project_unit{float:left; text-align:center; color:#FFFFFF; font-size:1.2em; line-height:1.6em;}

#main .our_work_project_unit_space{float:left; height:100%; width:7px;}

#main .our_work_project_unit img{border:1px solid #E4E4E4}

#main .our_work_head{padding:5px 0px;}

#main .our_work_head span{float:right}

#main .our_work_text{font-size:1.2em; padding-top:10px; line-height:1.5em;}

#main .web_design_learn_more{padding-top:10px; text-align:right;}

#main .web_design_learn_more font{font-size:1.6em; font-weight:bold;}



#main .price_guide{}

#main .price_guide_text{font-size:1.2em; line-height:1.5em;}





	/*

	========================

		service css

	========================

	*/

#service{width:860px; height:auto; margin:0px auto; padding-top:10px;}

#service .service_head{padding-bottom:10px;}

#service .service_options{padding-bottom:10px;}

#service .service_options img{cursor:pointer;}



#service_tab_1{width:860px; overflow:hidden; position:relative; }

#service_tab_container_1{}

.service_information{position:relative; float:left; width:860px;}



#service .service_text_container{background:url(../../images/service_bg.png) no-repeat right; height:333px; padding-top:5px; border-top:1px dotted #000000;}

#service .service_text{width:500px; padding:20px 0px; font-size:1.2em; color:#4C4C4C; font-family:Arial;}

#service .service_learn_more{width:500px; text-align:right;}



#service .service_text_container_marketing{border-top:1px dotted #000000; padding-bottom:45px; border-bottom:1px dotted #000000;}

#service .service_text_marketing{float:left; width:210px; font-size:1.2em; color:#7C7C7C; padding-top:70px;}

#service .service_learn_more_marketing{ padding-top:45px;}

#service .service_pic_marketing{float:right; padding-top:30px;}



#service .service_text_container_web_design{border-top:1px dotted #000000; border-bottom:1px dotted #000000; background:url(../../images/services_web_design_bg.gif) no-repeat; height:333px;}

#service .service_text_web_design{float:right; width:300px; font-size:1.2em; color:#4C4C4C;/* font-weight:bold; */text-align:right; padding-top:50px;}



#service .service_text_container_hosting{border-top:1px dotted #000000; border-bottom:1px dotted #000000;}

#service .service_text_hosting{float:left; width:305px; padding-top:45px; font-size:1.2em; color:#4C4C4C;}

#service .service_text_hosting_head{ padding:20px 0px 10px 0px;}

#service .text_contact_now{padding-top:25px;}

#service .service_pic_hosting{float:right; padding:90px 75px 40px 0px;}



#service .service_extra{/*border-top:1px dotted #000000; padding-top:25px; */padding-top:0px; color:#4C4C4C;}

#service .service_feature{float:left; width:415px;}

#service .service_tool{float:left; width:332px; padding-left:20px;}





#service .service_extra_head{padding-bottom:10px;}

#service .service_extra_text{padding-bottom:10px; font-size:1.2em;}

#service .service_extra_descr{}

#service .service_extra_descr ul{}

#service .service_extra_descr ul li{float:left; height:100%; width:71px; padding-right:12px; text-align:center; font-size:1.2em;}

#service .service_extra_descr span{display:block; width:100%;}



	/*

	========================

		contact css

	========================

	*/

#contact{width:860px; height:auto; margin:0px auto; padding-top:10px;}

#contact .contact_head{padding-bottom:10px; border-bottom:1px dotted #000000;}

#contact .contact_describe{padding:12px 0px;}

#contact .contact_options{ padding-top:30px;}

#contact .contact_options img{padding-right:30px; cursor:pointer;}



#tab{width:860px; overflow:hidden; position:relative;}

#contact .contact_information{float:left; position:relative; width:860px; height:auto !important;height:240px; min-height:240px;}

#contact .bottom_line{border-bottom:1px dotted #000000; height:auto !important;height:240px; min-height:240px;}

#contact .area{float:left; padding:50px 40px 20px 0px;}

#contact .area_1{float:left; width:25%; padding-right:35px; color:#858585; font-size:1.6em;}

#contact .work_time{ padding-bottom:0px;}



/*

	about us css

*/

#about{width:860px; height:auto; margin:0px auto; padding-top:10px;}

#about .about_head{padding-bottom:10px; border-bottom:1px dotted #000000;}

#about .about_text{font-size:1.2em; width:600px; padding:50px 0px 50px 0px;}

#about .bottom_line{border-bottom:1px dotted #000000; height:0px; font-size:0;}





/*

	portfolio css

*/

#portfolio{width:860px; height:auto; margin:0px auto; padding-top:10px;}

#portfolio .portfolio_head{padding-bottom:10px; border-bottom:1px dotted #000000;}

#portfolio .portfolio_text{font-size:1.9em; color:#858585; line-height:240px; height:auto !important;height:300px; min-height:300px;}

#portfolio .bottom_line{border-bottom:1px dotted #000000; height:0px; font-size:0;}





/*

	guidelist css

*/

#guidelist{width:860px; height:auto; margin:0px auto; padding-top:10px;}

#guidelist .guidelist_head{padding-bottom:10px; border-bottom:1px dotted #000000;}

#guidelist .guidelist_pagenumber{float:right; font-size:1.2em; padding-top:15px; padding-right:10px; color:#5E5E5E;}

#guidelist .guidelist_descr{padding-top:10px; font-size:1.2em; color:#5E5E5E;}

#guidelist .guidelist_container{}

#guidelist .guidelist_text{color:#5E5E5E; height:auto !important;height:300px; min-height:300px;}

#guidelist .contact_information{float:left; position:relative; width:860px;}

#guidelist .bottom_line{border-bottom:1px dotted #000000; height:0px; font-size:0;}



#guidelist .guidelist_text dl{}

#guidelist .guidelist_text dt{font-size:1.6em; font-weight:bold; padding:15px 0px;}

#guidelist .guidelist_text dd{font-size:12px; }



#guidelist .guidelist_option_left50{float:left; width:50%;}

#guidelist .guidelist_option_right50{float:left; width:50%;}

#guidelist .guidelist_option_left50 span,

#guidelist .guidelist_option_right50 span{ display:block; padding:5px 0px;}

#guidelist .guidelist_option_left45{float:left; width:45%; overflow:hidden;}

#guidelist .guidelist_option_right55{float:left; width:55%;}

#guidelist .guidelist_option_title{font-weight:bold; padding-bottom:10px; padding-top:10px;}

#guidelist .guidelist_option_title_01{font-weight:bold; padding-bottom:10px; padding-top:10px; width:50%; position:relative; float:left;}

#guidelist .guidelist_option_content{position:relative; padding:10px 0px; width:50%; margin-left:50%;}

#guidelist .guidelist_option_content *{vertical-align:middle;}

#guidelist ul{width:100%;}

#guidelist ul.separate_four li{ width:25%; float:left; padding:5px 0px;}

#guidelist ul.separate_four li *{vertical-align:middle;}

#guidelist ul.separate_three li{ width:33%; float:left; padding:5px 0px;}

#guidelist ul.separate_three li *{vertical-align:middle;}

.center_area{font-weight:bold; font-size:1.6em; text-align:center; padding:150px 0px;}



#guidelist .guidelist_navigation{/*position:relative; bottom:20px; left:0px;*/ padding:20px 0px;}

#guidelist .guidelist_previous{float:left; display:none;}

#guidelist .guidelist_next{float:right;}



.input_line{border:1px dotted #999999;/*border:none; border-bottom:2px solid #999999;*/}

.textarea_line{border:1px dotted #999999; height:80px; /*border-bottom:2px solid #999999; */overflow:auto;}

.length_50{width:50px;}

.length_105{width:105px;}

.length_115{width:115px;}

.length_160{width:160px;}

.length_195{width:195px;}

.length_280{width:280px;}

.length_305{width:305px;}

.length_320{width:320px;}

.length_420{width:420px;}

.length_570{width:570px;}

.length_660{width:660px;}

.length_260{width:260px;}

.length_220{width:220px;}

.length_240{width:220px;}

.length_100{width:100%;}



.height_50{height:40px;}

	/*

	========================

		price guide css

	========================

	*/

#price_guide{width:860px; height:auto; margin:0px auto; padding-top:10px;}

#price_guide .price_guide_head{padding-bottom:10px; border-bottom:1px dotted #000000;}

#price_guide .price_guide_text_container{padding-bottom:10px; border-bottom:1px dotted #000000;}

#price_guide .price_guide_subhead{padding:10px 0px;}

#price_guide .price_guide_text{ font-size:1.2em;}

	/*

	==================================

		price guide---step one css

	==================================

	*/

#price_guide .step_one{ padding:20px 0px; font-size:1.2em; border-bottom:1px dotted #000000; line-height:20px;}

#price_guide .select_type{float:right; padding-right:150px;}

#price_guide .select_type img{padding-right:10px;}

	/*

	==================================

		price guide---step two css

	==================================

	*/

#price_guide .step_two{}

#price_guide .step_two_head_container{padding:5px 0px;}

#price_guide .step_two_ico{padding:7px 0px;}

#price_guide .step_two_head{ float:right; width:815px; height:17px; background:url(../../images/banner_bg.png) no-repeat; color:#FFFFFF; padding:15px 0px;}

#price_guide .step_two_head img{vertical-align:middle; padding:0px 20px;}



#price_guide .step_two_head_2{ float:right; width:815px; height:17px; background:url(../../images/banner_bg_02.png) no-repeat; color:#FFFFFF; padding:15px 0px;}

#price_guide .step_two_head_2 img{vertical-align:middle; padding:0px 20px;}





#price_guide .step_two_content{}

#price_guide .package_container{float:left; width:596px;}

#price_guide .customer_website_design_container{float:left; width:262px; padding-left:2px;}



#price_guide .package_container{float:left; width:596px; font-family:Arial; border-top:1px dotted #000000;}

#price_guide .package_text{font-size:1.2em; padding:14px 0px;}

	/*

	==================================

		step two---package one css

	==================================

	*/

#price_guide .package_one{width:581px; height:111px; padding-left:15px; padding-top:10px; background:url(../../images/container_bg_02.png) no-repeat;}

#price_guide .package_one ul li{float:left; font-size:1.2em;}

#price_guide .package_one ul li *{vertical-align:middle;}

#price_guide .package_one ul li.oddNO{width:220px;}

#price_guide .package_one ul li.evenNO{width:361px;}



#price_guide .package_one ul li.oddNO_02{width:250px;}

#price_guide .package_one ul li.evenNO_02{width:331px;}

	/*

	==================================

		step two---package two css

	==================================

	*/

#price_guide .package_two_container{padding-top:5px;}

#price_guide .package_two_head{width:581px; height:28px; padding:15px 0px 15px 15px; background:url(../../images/features_bg_01.png) no-repeat;}

#price_guide .package_two_content{width:581px; height:158px; padding-left:15px; padding-top:20px; background:url(../../images/features_bg_02.png) no-repeat;}



#price_guide .package_two_head_checkbox{float:right; padding-right:45px; padding-top:10px;}

#price_guide .package_two_head_text{color:#FFFFFF; font-size:1.4em; width:508px;}



#price_guide .package_two_content ul li{float:left; font-size:1.2em;}

#price_guide .package_two_content ul li *{vertical-align:middle;}

#price_guide .package_two_content ul li.oddNO{width:220px;}

#price_guide .package_two_content ul li.evenNO{width:361px;}



#price_guide .package_two_head_02{width:581px; height:75px; padding:15px 0px 15px 15px; background:url(../../images/web_feature_bg_01.png) no-repeat; color:#FFFFFF; font-size:1.4em;}

#price_guide .package_two_content_02{width:581px; height:155px; padding-left:15px; padding-top:10px; background:url(../../images/web_feature_bg_02.png) no-repeat;}



#price_guide .package_two_content_02 ul li{float:left; font-size:1.2em;}

#price_guide .package_two_content_02 ul li *{vertical-align:middle;}

#price_guide .package_two_content_02 ul li.oddNO{width:220px;}

#price_guide .package_two_content_02 ul li.evenNO{width:361px;}

	/*

	==================================

		step two---send css

	==================================

	*/

#price_guide .done_send{width:566px; height:209px; margin-top:5px; padding:15px; background:url(../../images/container_bg_01.png) no-repeat;}

#price_guide .done_send_head{font-size:1.6em; font-weight:bold;}

#price_guide .done_send_text{font-size:1.2em;}

#price_guide .done_send_form{font-size:1.2em; line-height:26px;}

#price_guide .done_send_form_left{float:left; width:268px;}

#price_guide .done_send_form_right{float:left;}

#price_guide .done_send_form .phone div{float:left; padding-right:10px;}

#price_guide .button_send{text-align:right; padding-top:5px;}



#price_guide .done_send_02{width:566px; height:213px; padding:15px; background:url(../../images/web_feature_bg_03.png) no-repeat;}

	/*

	==================================

		customer website design css

	==================================

	*/

#price_guide .customer_website_design_container{}

#price_guide .customer_website_design_container_top{ width:262px; height:14px; background:url(../../images/customer_web_design_bg_top.png) no-repeat;}

#price_guide .customer_website_design_container_middle{ width:236px; height:auto !important;height:652px; min-height:652px; background:url(../../images/customer_web_design_bg_middle.png) no-repeat bottom; padding:0px 13px;}

#price_guide .customer_website_design_container_buttom{ width:262px; height:14px; background:url(../../images/customer_web_design_bg_buttom.png) no-repeat;}

#price_guide .customer_website_design_unit{background-color:#D5DFE5; border:1px solid #DDDDDD; width:234px;/* height:140px; */margin:15px 0px 15px 0px;}



	/*

	==================================

		step three css

	==================================

	*/

#price_guide .step_three{ padding:25px 0px;}

#price_guide .step_three_head{ padding-bottom:10px; border-bottom:1px dotted #000000;}

#price_guide .step_three_text{font-size:1.2em; padding:10px 0px;}

#price_guide .step_three_text font{font-weight:bold; font-size:1.3em;}

#price_guide .service_extra_descr{padding-top:20px;}

#price_guide .service_extra_descr ul li{float:left; width:71px; padding-right:12px; text-align:center; font-size:1.2em;}

#price_guide .service_extra_descr ul li *{vertical-align:middle;}

#price_guide .service_extra_descr span{display:block; width:100%;}



	/*

	==================================

		step four css

	==================================

	*/

#price_guide .step_four{height:180px; padding-top:25px; border-top:1px dotted #000000;}

#price_guide .step_four_container{width:584px; height:auto; float:left;}

#price_guide .step_four_head{}

#price_guide .step_four_head_ico{padding:6px 0px;}

#price_guide .step_four_head_text{float:right; width:525px; height:18px; padding:13px 0px 13px 20px; background:url(../../images/banner_bg_01.png) no-repeat;}

#price_guide .step_four_head_text font{float:right; color:#FFFFFF; font-size:1.8em; padding-right:50px;}

#price_guide .step_four_head_text *{vertical-align:middle;}

#price_guide .step_four_text{font-size:1.2em; line-height:18px;}

#price_guide .step_four_options{padding-top:25px;}



/*

========================

	oblique lines css

========================

*/

.oblique_lines_03{height:41px; margin-bottom:10px; background:url(../../images/oblique_lines.png) repeat-x;}

.oblique_lines_04{background:url(../../images/oblique_lines.png); width:85px; height:150px; float:left; padding-left:8px;}



/*

========================

	fly div css

========================

*/

/*.flyDIV{position:absolute; display:none; background:url(../../images/flyDIV_bg_02.png) no-repeat; width:271px; height:166px; padding:15px; text-align:left; z-index:9999;}

.flyDIV_head{border-bottom:1px dotted #000000; padding-bottom:10px; font-weight:bold; color:#96B119;}

.flyDIV_text{padding-top:10px;}*/



.flyDIV{position:absolute; display:none; width:301px; text-align:left; z-index:9999; font-family:Arial !important;}

.flyDIV_top{background:url(../../images/flyDIV_bg_02_01.png) no-repeat; width:271px; padding:0px 15px; height:15px;}

.flyDIV_middle{background:url(../../images/flyDIV_bg_02_02.png) repeat-y; width:271px; padding:0px 15px; height:auto !important;height:5px; min-height:5px;}

.flyDIV_bottom{background:url(../../images/flyDIV_bg_02_04.png) no-repeat; width:271px; padding:0px 15px; height:36px;}



.flyDIV_head{border-bottom:1px dotted #000000; padding-bottom:10px; font-weight:bold; color:#96B119;}

.flyDIV_text{padding-top:10px;}



/*

========================

	form css

========================

*/

.input_common{background:url(../../images/input_common_bg_01.png) no-repeat; width:249px; height:16px; padding:4px;}

.input_common input{border:1px solid #F7F7F7; background-color:#F7F7F7; height:14px; width:247px; line-height:22px;}

.input_phone_01{background:url(../../images/input_common_bg_03.png) no-repeat; width:43px; height:16px; padding:4px;}

.input_phone_01 input{border:1px solid #F7F7F7; background-color:#F7F7F7; height:14px; width:41px; line-height:22px;}

.input_phone_02{background:url(../../images/input_common_bg_02.png) no-repeat; width:59px; height:16px; padding:4px;}

.input_phone_02 input{border:1px solid #F7F7F7; background-color:#F7F7F7; height:14px; width:57px; line-height:22px;}

.textarea_common{background:url(../../images/input_message_bg.png) no-repeat; width:275px; height:78px; padding:4px;}

.textarea_common textarea{border:1px solid #F7F7F7; background-color:#F7F7F7; width:273px; height:76px; overflow:auto;}

/*

========================

	foot css

========================

*/

#foot_container{margin:0px auto; background:url(../../images/foot_bg.gif) no-repeat center top; width:922px; height:95px; color:#7F8890; font-family:"Helvetica"; font-weight:bold; padding:15px 0px; position:relative;}

#foot_container .foot_unit_01,#foot_container .foot_unit_02,#foot_container .foot_unit_03{float:left;}

#foot_container .foot_unit_01{width:175px; height:60px; padding-left:40px; padding-top:10px; border-right:1px solid #FFFFFF; font-size:1.2em; }

#foot_container .foot_unit_02{width:220px; height:60px; padding-left:40px; padding-top:10px; border-right:1px solid #FFFFFF; font-size:1.2em; }

#foot_container .foot_unit_03{width:218px; height:70px; padding-left:40px; border-right:1px solid #FFFFFF; font-size:1.2em; }

#foot_container .foot_unit_04{text-align:center; padding-top:60px; font-size:1.1em; }

.blue{color:#568AB5;}



/*.onShow{background:#3399FF;}

.onFocus{background:#E9F0FF;}

.onError{background:#FFF2E9;}

.onSuccess{background:#E9FFEB;}

.onLoad{background:#E9FFEB;} */



.onShow{ color:#F6FAE3;}

.onFocus{ color:#F6FAE3;}

.onError{ color:#F6FAE3;}

.onSuccess{ color:#F6FAE3;}

.onLoad{ color:#F6FAE3;}

#Crystal-Awards{
	position:absolute;
	color:#D3D7DA;
	left: 802px;
	top: 59px;
}