/* ============================================== common ============================================== */

/* general  */

body{
	background-color: #5F6062;
}

body, th, td, p, input, textarea{
	color: black;
}

a, a:visited{
	color: red;
	text-decoration: underline;
}

em{
	color:#B3FF00;
}

/* box */

div.box_main{
	background-color: white;
	background-image: url(/images/footer1.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}
div.box_footer{
	background-color: white;
	background-image: url(/images/footer2.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

div.wrapper_header{
}

div.wrapper_main{
	background-repeat:no-repeat;
	background-position:top left;
}

div.wrapper_footer, div.wrapper_footer a, div.wrapper_footer a:visited{
	color:#3C6ED8;
}

/* main menu */

div.box_mainmenu{
	background: black;
}

/* search box */

div.box_search{
	background-image: url(/images_png/focus_search_box.png);
	background-repeat: no-repeat;
}
div.box_search input{
	background: none;
	color: gray;
}

/* navigation */

div.box_navigation{
}
div.box_navigation, div.box_navigation a, div.box_navigation a:visited{
	color: #939698;
}

/* footer link */

div.box_footer_link a, div.box_footer_link a:visited{
}


/* black ul */
div.black_ul ul{
	list-style-type: disc;
}
div.black_ul li{
	
}

/* star ul */
div.star_ul ul{
	list-style-type: none;
}
div.star_ul li{
	background-image:url(/images_png/general/icon_star.png);
	background-repeat: no-repeat;
	background-position:top left;
	color:white;
}

/* num ul */
div.num_ul ul{
	list-style-type: none;
}

div.num_ul li{
	background-repeat: no-repeat;
	background-position:top left;
	color:#B3FF00;
}
div.num_ul li.n1{
	background-image:url(/images_png/general/icon_1.png);
}
div.num_ul li.n2{
	background-image:url(/images_png/general/icon_2.png);
}
div.num_ul li.n3{
	background-image:url(/images_png/general/icon_3.png);
}
div.num_ul li.n4{
	background-image:url(/images_png/general/icon_4.png);
}
div.num_ul li.n5{
	background-image:url(/images_png/general/icon_5.png);
}
div.num_ul li.n6{
	background-image:url(/images_png/general/icon_6.png);
}
div.num_ul li.n7{
	background-image:url(/images_png/general/icon_7.png);
}
div.num_ul li.n8{
	background-image:url(/images_png/general/icon_8.png);
}

/*web promotion*/
body.one_stop_web_design_services div.web_promotion div.box_content2 div.star_ul li{
	color:#47A302;
}
/*web promotion - read more box*/
div.read_more a, div.read_more a:link, div.read_more a:hover, div.read_more a:visited{
	color:#47A302;
}
/*web development process*/
body.one_stop_web_design_services div.web_development_process div.read_more{
	color:#47A302;
}

/* ============================================== home ============================================== */

body.home div.wrapper_main{
	background-image: url(/images/home/home_bg.jpg);
	background-repeat: no-repeat;
}

body.home div.right_box  p{
	color:white;
}

body.home div.index div.wrapper_main input.input_text{
	border:0px solid silver;
	background:none;
}

/* ============================================== web design ============================================== */

/* web design - index */
body.one_stop_web_design_services div.index div.wrapper_main{
	background-image:url(/images/web_design/webdesign_cover_bg_hk.jpg);
}

body.one_stop_web_design_services div.index div.box_content div.star_ul li{
	color:#47A302;
}

/* web design - web_design */
body.one_stop_web_design_services div.web_design div.wrapper_main{
	background-image:url(/images/web_design/webdesign_bg_hk.jpg);
}

/* web design - web_promotion*/
body.one_stop_web_design_services div.web_promotion div.wrapper_main{
	background-image:url(/images/web_design/webpromotion_bg_hk.jpg);
}

body.one_stop_web_design_services div.web_promotion div.box_content4 p{
	color:white;
}

body.one_stop_web_design_services div.web_promotion  div.star_ul li{
	color:#B3FF00;
}

body.one_stop_web_design_services div.web_promotion div.box_content4 div.read_more a, 
body.one_stop_web_design_services div.web_promotion div.box_content4 div.read_more a:link, 
body.one_stop_web_design_services div.web_promotion div.box_content4 div.read_more a:visited
{
	color:#B3FF00;
}

body.additional_web_services div.read_more a,
body.additional_web_services div.read_more a:link,
body.one_stop_web_design_services div.web_promotion div.box_content4 div.read_more a:visited{
	color:white;
}

/* web design - web_maintenance */
body.one_stop_web_design_services div.web_maintenance div.wrapper_main{
	background-image:url(/images/web_design/webmaintenance_bg_hk.jpg);
}

/* web design - web_re_engineering_and_re_design,  web_hosting */
body.one_stop_web_design_services div.web_re_engineering_and_re_design div.wrapper_main, body.one_stop_web_design_services div.web_hosting div.wrapper_main{
	background-image:url(/images/web_design/webre-design_bg_hk.jpg);
}

/* web design - web_development_process */
body.one_stop_web_design_services div.web_development_process div.wrapper_main{
	background-image:url(/images/web_design/webdevelopment_bg_hk.jpg);
}

body.one_stop_web_design_services div.web_development_process div.box_content3 p{
	color:white;
}
body.one_stop_web_design_services div.web_development_process div.box_content3 div.read_more a, 
body.one_stop_web_design_services div.web_development_process div.box_content3 div.read_more a:link, 
body.one_stop_web_design_services div.web_development_process div.box_content3 div.read_more a:visited
{
	color:#B3FF00;
}

/* web design - web_2.0 */
body.one_stop_web_design_services div.web_2_0 div.wrapper_main{
	background-image:url(/images/web_design/web_20_bg_hk.jpg);
}

body.one_stop_web_design_services div.web_2_0  div.box_content div.star_ul li{
	color:black;
}

/* ============================================== additional services ============================================== */

/* additional services - ALL */
body.additional_web_services div.wrapper_main{
	background-image:url(/images/additional/additional_subpage_bg_hk.jpg);
}

/* additional services - INDEX */
body.additional_web_services div.index div.wrapper_main{
	background-image:url(/images/additional/additional_cover_bg_hk.jpg);
}

body.additional_web_services div.index div.wrapper_main div.box_content p.main_desc {
	color:#2F3A40;
}

/*additional_web_services - General*/
body.additional_web_services div.box_title p{
	color:white;
}

body.additional_web_services div.box_title a, div.additional_web_services div.box_title a:link,
div.additional_web_services div.box_title a:visited{
	color:#B3FF00;
}	

/*additional_web_services - ecommerce_consultation*/
body.additional_web_services div.box_content p{
	color:white;
}

/* ============================================== portfolio ============================================== */
/* portfolio- corporate website */
body.portfolio div.corporate_websites div.wrapper_main{
	background-image:url(/images/company/additional_cover_bg_hk.jpg);
}
/* portfolio- ecommerce website */
body.portfolio div.ecommerce_websites div.wrapper_main{
	background-image:url(/images/company/additional_cover_bg_hk.jpg);
}
/* ============================================== resources ============================================== */
/* resources - faq */
body.resources div.faq  div.wrapper_main{
	background-image:url(/images/resources/faq_bg.jpg);
}
/* resources - buyers guide */
body.resources div.buyers_guide div.wrapper_main{
	background-image:url(/images/resources/buyers_guide_bg.jpg);
}
/* buyer guide left menu*/
body.resources div.buyers_guide div.box_left_menu .current{
	background-image:url(/images/resources/buyers_guide_black_btn.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
body.resources div.buyers_guide div.box_left_menu table.left_menu_item a, body.resources div.buyers_guide div.box_left_menu table.left_menu_item a:link{
	color:white;
	text-decoration:none;
	
}
body.resources div.buyers_guide div.box_left_menu .current table.left_menu_item a, body.resources div.buyers_guide div.box_left_menu .curren table.left_menu_item a:link{
	color:#16E202;
}

body.resources div.buyers_guide div .box_content p, 
body.resources div.buyers_guide div .box_content h1,
body.resources div.buyers_guide div .box_content div.num_ul ul li{
color:white !important;
}


body.resources div.buyers_guide div .box_content li,
body.resources div.buyers_guide div .box_content .highlight_heading{
color:#1CE400;
}

/* resources - others */
body.resources div.articles div.wrapper_main/* 
, body.resources div.faq div.wrapper_main */
, body.resources div.case_studies div.wrapper_main
, body.resources div.helpful_websites div.wrapper_main
{
	background-image:url(/images/company/commitment_bg.jpg);
}

/* ============================================== company ============================================== */

/* company - news_and_events */
body.company div.news_and_events div.wrapper_main{
	background-image:url(/images/company/news_release_bg_hk.jpg);
}

body.company div.news_and_events div.box_content2 p{
	font-size:14px;
	color:white;
}

/* company - company profile */
body.company div.profile div.wrapper_main{
	background-image:url(/images/company/additional_cover_bg_hk.jpg);
}

/* company - press_release */
body.company div.press_release div.wrapper_main
, body.company div.affiliate_websites div.wrapper_main
, body.company div.commitment div.wrapper_main{
	background-image:url(/images/company/commitment_bg.jpg);
}
body.company div.newsletter_subscription div.wrapper_main{
	background-image:url(/images/company/newsletter_bg.jpg);
}
body.company div.career div.wrapper_main{
	background-image:url(/images/company/career_bg.jpg);
}

body.company div.press_release div.box_content div.previous_page{
	background-image:url(/images/company/press_release_btn_pervious.jpg);
	background-repeat:no-repeat;
}
body.company div.press_release div.box_content div.next_page{
	background-image:url(/images/company/press_release_btn_next.jpg);
	background-repeat:no-repeat;
}



/* ============================================== Contact Us ============================================== */
body.contact_us div.index div.wrapper_main{
	background-image:url(/images/contact_us/company_contactus_bg_hk.jpg);
}
body.contact_us div.index div.wrapper_main input.submit_btn{
	background-image:url(/images/contact_us/contactus_btn_send_hk.jpg);
	background-repeat:no-repeat;
	width:60px;
	height:48px;
	border:0px solid silver;
	cursor:pointer;
}
body.contact_us div.index div.wrapper_main input.input_text, body.contact_us div.index div.wrapper_main textarea{
	border:0px solid silver;
	background:none;
}
body.contact_us div.thankyou div.wrapper_main{
	background-image:url(/images/contact_us/company_contactus_thankyou_bg_hk.jpg);
}

body.contact_us div.thankyou div.wrapper_main div.back_btn a{
	width: 68px;
	height: 49px;
	display: block;
	background-image: url(/images/contact_us/contactus_btn_back_hk_03.jpg);
}