/* CSS Document */
html,body {
margin:0;padding:0;
FONT-SIZE: 11px; COLOR: #CDDBD9; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
background:#E1E1E1 ;
/*scollbar windows
SCROLLBAR-FACE-COLOR: #8A6A48;
SCROLLBAR-TRACK-COLOR: #F7E4D3;
SCROLLBAR-ARROW-COLOR: #FFF;
SCROLLBAR-3DLIGHT-COLOR: #FFF;
SCROLLBAR-SHADOW-COLOR: #FFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFF;*/
}
#container{
position:relative;
margin:0 auto;
padding:0px;
width:100%;
overflow:hidden;
background: #044B3F;
height:auto !important; height:100%;
}
#header{
position:relative;
margin:0 auto;
padding:0px;
width:100%;
height:260px;
background:url(../images/bg-header-rp.gif) repeat-x;
/*background: #fff;
background: #000;*/
}
div#content {
overflow:hidden;
background:#044A3F url("../images/bg_body.gif") center top repeat-x;
}
#footer{
position:relative;
width:100%; height:170px;
background:#E1E1E1 url("../images/bg_footer.gif") top repeat-x;
}
.footer_sub_left{margin-top:10px; color:#000;
position:relative; float:left; padding-left:60px; overflow:hidden;
}
.footer_sub_right{ margin-right:40px; margin-top:10px; color:#606060;
position:relative; float:right; overflow:hidden; width:480px; text-align:right;
}
.body_center{
margin:0; padding:0; position:relative; width:970px;
margin-left: -485px;overflow: hidden;left:50%;
}
#body_sub_left{
width:10px; height:400px; position:relative; float:left;
background:url("../images/bg_body_sub_left.gif") top right no-repeat;
}
#body_sub_right{
position:relative; float:right;
width:10px; height:400px;
background: url("../images/bg_body_sub_right.gif") top left no-repeat;
}
#body_sub_center{
position:relative; float:left;width:854px; /* width:950px */
padding:0px 48px;
background:#044B3F url("../images/bg_body_sub_center.gif") top repeat-x;
}
#menu{
position:relative; margin:0; padding:0;
width:854; height:70px;overflow:hidden; /*width:100%;*/
}
#language{ position:relative; margin-left:0px; width:40px; float:left; overflow:hidden; }
#menubar{ position:relative; margin-left:15px; width:794px; float:left; overflow:hidden; float:left;}
#contentmain{
margin:0px; padding:0px; overflow:hidden;
}
#col_body{ position:relative; width:100%; overflow:hidden; }
#col_body_news{ position:relative; width:100%; overflow:hidden; }
#col_body_promotion{ position:relative; width:100%; overflow:hidden; }
#col_left{ width:558px;float:left; overflow:hidden; }
#col_right{ width:296px; float:right; overflow:hidden; }
#contact_left{ width:604px;float:left; overflow:hidden; }
.contact_sub{ width:540px; overflow:hidden; padding-left:64px;}
#contact_sub_left{ width:164px; height:300px; overflow:hidden; float:left;}
#contact_sub_right{ width:374px; overflow:hidden; float:left; padding-top:5px; }
#msn_right{ width:250px; overflow:hidden; float:right;}
#msn_border{
width:296px; height:366px; overflow:hidden; background: url("../images/bg_msn.gif") top repeat-x;
}
#contact_bd{
width:100%; height:246px;overflow:hidden;bottom:0;
}
#map{
position:relative;
overflow:hidden;
width:296px;
/*background: url("../images/map.gif") bottom left no-repeat;*/
}
.text_contact{ margin-left:48px;}
.text_contact2{ margin-left:48px; padding-left:4px; overflow:hidden; width:100%;}
#viewmap{padding-left:32px;}
.showpage{ position:relative;padding-left:80px; padding-right:60px; width:640px; overflow:hidden; text-align:right; margin-bottom:20px;}
.showcasepage{ position:relative;padding-left:10px; padding-right:10px; width:450px; overflow:hidden; text-align:right; margin-bottom:20px;}
.showpagenews{ position:relative;padding-left:80px; padding-right:60px; width:640px; overflow:hidden; text-align:right; margin-bottom:20px;}
/*----------- Border Client -----------------------*/
.border_pic_our{ width:181px;}
.border_show_our{ margin:0; padding:0; width:181px; overflow:hidden; float:left;}
.client_title{ padding:0px 0px 0px 0px; margin:8px 10px 0px 0px; width:140px; overflow: hidden; text-align:right; float:right; }
.client_subtitle{margin-right:10px; margin-top:4px; margin-bottom:20px; padding:0px 0px 0px 0px;width:140px; overflow: hidden;
text-align:right; float:right; }
.client_pic{ margin:0; padding:0;width:145px; overflow:hidden; }
.picture_client{ width:143px; height:88px; }
.client_bd_top{ width:181px; height:19px; background: url("../images/showcase/bd_top.gif") bottom right no-repeat;}
.client_bd_top_left{ position:relative; width:30px; height:19px; background: url("../images/showcase/bd_top.gif") bottom left no-repeat; float:left; }
.client_bd_left{ float:left; width:18px; height:95px; background: url("../images/showcase/bd_left.gif") top right no-repeat; }
.client_bd_right{float:right; width:18px; height:95px; background: url("../images/showcase/bd_right.gif") top left no-repeat; }
.client_bd_center{ float:left;width:145px; overflow:hidden; }
/*----------- Border Client new talent -----------------------*/
.border_pic_our_talent{ width:125px;}
.border_show_our_talent{ margin:0; padding:0; width:125px; overflow:hidden; float:left;}
.client_title_talent{ padding:0px 0px 0px 0px; margin:8px 10px 0px 0px; width:140px; overflow: hidden; text-align:right; float:right; }
.client_subtitle_talent{margin-right:10px; margin-top:4px; margin-bottom:20px; padding:0px 0px 0px 0px;width:140px; overflow: hidden;
text-align:right; float:right; }
.client_pic_talent{ margin:0; padding:0;width:145px; overflow:hidden; }
.picture_client_talent{ width:143px; height:88px; }
.client_bd_top_talent{ width:125px; height:19px; background: url("../images/showcase/bd_top.gif") bottom right no-repeat;}
.client_bd_top_left_talent{ position:relative; width:30px; height:19px; background: url("../images/showcase/bd_top.gif") bottom left no-repeat; float:left; }
.client_bd_left_talent{ float:left; width:18px; height:95px; background: url("../images/showcase/bd_left.gif") top right no-repeat; }
.client_bd_right_talent{float:right; width:18px; height:95px; background: url("../images/showcase/bd_right.gif") top left no-repeat; }
.client_bd_center_talent{ float:left;width:145px; overflow:hidden; }
/*------------ Border Gallery Port -----------------------*/
.linesubtitle{
margin-left:20px; margin-right:28px; margin-top:5px; padding:0px 0px 5px 0px;
width:310; overflow: hidden; bottom repeat-x; text-align:center;
}
.gal_port_pic{ margin:0; padding:0;width:305px; overflow:hidden; }
.picture_gal_port{ width:303px; height:214px; }
.galleryport_pic{ margin:0; padding:8px;width:305px; background-color:#FFFFFF; overflow:hidden;
}
.galleryport_bd_top_center{ width:100%; height:19px; float:left; overflow:hidden; background: url("../images/showcase/bd_top_center.gif") bottom center repeat-x ; }
.port_bd_center{ float:left; width:305px; overflow:hidden;}
.port_bd_center{ float:left; width:321px; overflow:hidden; }
.border_sh_galleryport{
margin:0; padding:0; width:357px; overflow:hidden; float:left;
}
.content_detail{ width:340px; padding:20px 0px 10px 40px; overflow:hidden; float:left; }
/*------------ Border Gallery Port new talent -----------------------*/
.linesubtitle_talent{
margin-left:20px; margin-right:28px; margin-top:5px; padding:0px 0px 5px 0px;
width:215; overflow: hidden; bottom repeat-x; text-align:center;
}
.gal_port_pic_talent{ margin:0; padding:0;width:210px; overflow:hidden; }
.picture_gal_port_talent{ width:210px; height:309px; }
.galleryport_pic_talent{ margin:0; padding:8px;width:210px; background-color:#FFFFFF; overflow:hidden;
}
.galleryport_bd_top_center_talent{ width:100%; height:19px; float:left; overflow:hidden; background: url("../images/showcase/bd_top_center.gif") bottom center repeat-x ; }
.port_bd_center_talent{ float:left; width:210px; overflow:hidden;}
.port_bd_center_talent{ float:left; width:226px; overflow:hidden; }
.border_sh_galleryport_talent{
margin:0; padding:0; width:262px; overflow:hidden; float:left;
}
.content_detail_talent{ width:440px; padding:20px 0px 10px 40px; overflow:hidden; float:left;}
/*------------ Border Show case index new talent -----------------------*/
.border_sh_case_talent1{
margin:0; padding:0; width:180px; overflow:hidden; float:left; padding-right:10px; padding-left:40px;
}
.showcase_title_talent1{
margin-left:18px; margin-top:8px; padding:5px 0px;
width:144px; overflow: hidden; text-align:left; float:left; background: url("../images/dot_line_white.gif") bottom repeat-x;
}
.showcase_subtitle_talent1{
margin-left:18px; margin-top:5px; padding:0px 0px 5px 0px;
width:144px; overflow: hidden; text-align:left; float:left; background: url("../images/dot_line_white.gif") bottom repeat-x;
}
.showcase_bd_top_talent1{ width:100%; height:19px; background: url("../images/showcase/bd_toptalent.gif") bottom right no-repeat;}
.showcase_bd_top_center_talent1{ width:100%; height:19px; overflow:hidden; background: url("../images/showcase/bd_top_center.gif") bottom center repeat-x ; border:1px #FF0000 solid;}
.showcase_bd_top_left_talent1{ margin:0; padding:0; width:124px; height:19px; background: url("../images/showcase/bd_top_left.gif") bottom left no-repeat; float:left; }
.showcase_bd_top_right_talent1{ margin:0; padding:0; width:124px; height:19px; background: url("../images/showcase/bd_top_right.gif") bottom right no-repeat; float:right; }
.showcase_bd_top_right2_talent1{ width:50%; height:19px; background: url("../images/showcase/bd_top.gif") bottom left no-repeat;}
.showcase_bd_left_talent1{ float:left; width:18px; height:161px; background: url("../images/showcase/bd_left.gif") top right no-repeat; }
.showcase_bd_center_talent1{ float:left; width:144px; overflow:hidden;}
.showcase_bd_right_talent1{
float:right;
width:18px; height:161px; background: url("../images/showcase/bd_right.gif") top left no-repeat;
}
.showcase_pic_talent1{
margin:0; padding:8px;
width:144px; background-color:#FFFFFF; overflow:hidden;
}
.picture_showcase_talent1{
width:124px; height:180px;
}
/*------------ Border Show case new talent -----------------------*/
.border_sh_case_talent{
margin:0; padding:0; width:180px; overflow:hidden; float:left;
}
.showcase_title_talent{
margin-left:18px; margin-top:8px; padding:5px 0px;
width:144px; overflow: hidden; text-align:left; float:left; background: url("../images/dot_line_white.gif") bottom repeat-x;
}
.showcase_subtitle_talent{
margin-left:18px; margin-top:5px; padding:0px 0px 5px 0px;
width:144px; overflow: hidden; text-align:left; float:left; background: url("../images/dot_line_white.gif") bottom repeat-x;
}
.showcase_bd_top_talent{ width:100%; height:19px; background: url("../images/showcase/bd_toptalent.gif") bottom right no-repeat;}
.showcase_bd_top_center_talent{ width:100%; height:19px; overflow:hidden; background: url("../images/showcase/bd_top_center.gif") bottom center repeat-x ; border:1px #FF0000 solid;}
.showcase_bd_top_left_talent{ margin:0; padding:0; width:124px; height:19px; background: url("../images/showcase/bd_top_left.gif") bottom left no-repeat; float:left; }
.showcase_bd_top_right_talent{ margin:0; padding:0; width:124px; height:19px; background: url("../images/showcase/bd_top_right.gif") bottom right no-repeat; float:right; }
.showcase_bd_top_right2_talent{ width:50%; height:19px; background: url("../images/showcase/bd_top.gif") bottom left no-repeat;}
.showcase_bd_left_talent{ float:left; width:18px; height:161px; background: url("../images/showcase/bd_left.gif") top right no-repeat; }
.showcase_bd_center_talent{ float:left; width:144px; overflow:hidden;}
.showcase_bd_right_talent{
float:right;
width:18px; height:161px; background: url("../images/showcase/bd_right.gif") top left no-repeat;
}
.showcase_pic_talent{
margin:0; padding:8px;
width:144px; background-color:#FFFFFF; overflow:hidden;
}
.picture_showcase_talent{
width:124px; height:180px;
}
/*------------ Border Show case -----------------------*/
.border_sh_case{
margin:0; padding:0; width:236px; overflow:hidden; float:left;
}
.showcase_title{
margin-left:18px; margin-top:8px; padding:5px 0px;
width:200px; overflow: hidden; text-align:left; float:left; background: url("../images/dot_line_white.gif") bottom repeat-x;
}
.showcase_subtitle{
margin-left:18px; margin-top:5px; padding:0px 0px 5px 0px;
width:200px; overflow: hidden; text-align:left; float:left; background: url("../images/dot_line_white.gif") bottom repeat-x;
}
.showcase_bd_top{ width:100%; height:19px; background: url("../images/showcase/bd_top.gif") bottom right no-repeat;}
.showcase_bd_top_center{ width:100%; height:19px; overflow:hidden; background: url("../images/showcase/bd_top_center.gif") bottom center repeat-x ; border:1px #FF0000 solid;}
.showcase_bd_top_left{ margin:0; padding:0; width:124px; height:19px; background: url("../images/showcase/bd_top_left.gif") bottom left no-repeat; float:left; }
.showcase_bd_top_right{ margin:0; padding:0; width:124px; height:19px; background: url("../images/showcase/bd_top_right.gif") bottom right no-repeat; float:right; }
.showcase_bd_top_right2{ width:50%; height:19px; background: url("../images/showcase/bd_top.gif") bottom left no-repeat;}
.showcase_bd_left{ float:left; width:18px; height:105px; background: url("../images/showcase/bd_left.gif") top right no-repeat; }
.showcase_bd_center{ float:left; width:200px; overflow:hidden;}
.showcase_bd_right{
float:right;
width:18px; height:105px; background: url("../images/showcase/bd_right.gif") top left no-repeat;
}
.showcase_pic{
margin:0; padding:8px;
width:200px; background-color:#FFFFFF; overflow:hidden;
}
.picture_showcase{
width:180px; height:124px;
}
.tag{
position:relative; width:854px; /*width:100%;*/
}
.top{
position:relative; width:854px; /*width:100%;*/
margin-top:120px;
text-align: center; padding-bottom:15px;
}
#pr_promotion{
width:296px; overflow:hidden; float:left;
}
.pr_promotion{
width:296px; overflow:hidden; float:left; margin-right:70px;
}
.promotion_bd{
width:100%; overflow:hidden; background: url("../images/bg_line_promotion.gif") bottom left no-repeat;
padding-bottom:20px;
}
.pro_txt{
width:194px; overflow:hidden; float:right; padding:6px 4px 5px 4px;
}
.pro_pic{
margin:0; padding:0; width:90px; height:100px; overflow:hidden; float:left;
}
.pro_pic_bd_top{width:100%; height:10px; background: url("../images/pr_pro/bd_top.gif") bottom left no-repeat; }
.pro_pic_bd_center{ width:100%; height:80px; overflow:hidden; background:url("../images/pr_pro/bd_middle.gif") left top no-repeat; }
.pro_pic_show{width:68px; height:80px float:left; margin-left:12px; overflow:hidden;}
.pro_pic_bd_bottom{width:90; height:8px; background:url("../images/pr_pro/bd_bottom.gif") top left no-repeat; }
.more{ text-align:right; margin-bottom:20px;}
#pr_promotion1{
width:420px; overflow:hidden; float:left;
}
.pr_promotion1{
width:420px; overflow:hidden; float:left; margin-right:70px;
}
.promotion_bd1{
width:100%; overflow:hidden; background: url("../images/bg_line_promotion.gif") bottom left no-repeat;
padding-bottom:20px;
}
.pro_txt1{
width:318px; overflow:hidden; float:right; padding:6px 4px 5px 4px;
}
.pro_pic1{
margin:0; padding:0; width:90px; height:100px; overflow:hidden; float:left;
}
.pro_pic_bd_top1{width:100%; height:10px; background: url("../images/pr_pro/bd_top.gif") bottom left no-repeat; }
.pro_pic_bd_center1{ width:100%; height:80px; overflow:hidden; background:url("../images/pr_pro/bd_middle.gif") left top no-repeat; }
.pro_pic_show1{width:68px; height:80px float:left; margin-left:12px; overflow:hidden;}
.pro_pic_bd_bottom1{width:90; height:8px; background:url("../images/pr_pro/bd_bottom.gif") top left no-repeat; }
.pro_txtintro{
width:286px; overflow:hidden; float:right; padding:6px 4px 5px 4px;
}
/* --------------------- Style Tab Contant ----------------- */
.businessnews{ overflow:hidden; position:relative; }
#showcase{
padding-left:50px; width:90%; overflow:hidden;
}
#service{
padding-left:65px; width:90%; overflow:hidden;
}
#content_tab {
padding:2px; overflow:hidden;
}
#contant_news_ajax{ padding:2px; overflow:hidden; }
#contant_promotion_ajax{ padding:2px; overflow:hidden; }
#content_tab_client {
position:relative; padding:2px; overflow:hidden;
}
#body_client{ position:relative; width:750px; overflow:hidden;}
#body_businessnews{ position:relative;padding-left:80px; width:520px; overflow:hidden;}
#body_services{ position:relative; padding-left:50px; width:750px; overflow:hidden;}
/*===================== Tab client ======================== */
#ourclient{ overflow:hidden; position:relative; }
#ourclient ul { position:relative; margin:0px 0px 10px 0px; padding:0px; }
#ourclient li#tab1{display:inline;background: url("../images/showcase/webdesign.gif") top left no-repeat; outline:none;}
#ourclient li#tab2{display:inline;background: url("../images/showcase/multimenia.gif") top left no-repeat; outline:none;}
#ourclient li#tab3{display:inline;background: url("../images/showcase/printad.gif") top left no-repeat; outline:none;}
#ourclient li#tab4{display:inline;background: url("../images/showcase/webmedia.gif") top left no-repeat; outline:none;}
#ourclient li#tab5{display:inline;background: url("../images/showcase/talents.gif") top left no-repeat; outline:none;}
#ourclient li#tab6{display:inline;background: url("../images/showcase/video.gif") top left no-repeat; outline:none;}
#ourclient li#tab1 a {padding:0 44px 10px 44px; background: url("../images/showcase/webdesign.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none; }
#ourclient li#tab2 a {padding:0 74px 10px 74px; background: url("../images/showcase/multimenia.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none;}
#ourclient li#tab3 a {padding:0 44px 10px 44px; background: url("../images/showcase/printad.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none;}
#ourclient li#tab4 a {padding:0 44px 10px 44px; background: url("../images/showcase/webmedia.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none;}
#ourclient li#tab5 a {padding:0 37px 10px 37px; background: url("../images/showcase/talents.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none;}
#ourclient li#tab6 a {padding:0 74px 10px 74px; background: url("../images/showcase/video.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none;}
#ourclient li#tab1 a:hover {background: url("../images/showcase/webdesign_over.gif") top left no-repeat; outline:none;}
#ourclient li#tab2 a:hover {background: url("../images/showcase/multimenia_over.gif") top left no-repeat; outline:none;}
#ourclient li#tab3 a:hover {background: url("../images/showcase/printad_over.gif") top left no-repeat; outline:none;}
#ourclient li#tab4 a:hover {background: url("../images/showcase/webmedia_over.gif") top left no-repeat; outline:none;}
#ourclient li#tab5 a:hover {background: url("../images/showcase/talents_over.gif") top left no-repeat; outline:none;}
#ourclient li#tab6 a:hover {background: url("../images/showcase/video_over.gif") top left no-repeat; outline:none;}
#ourclient li#tab1.selected a {background: url("../images/showcase/webdesign_select.gif") top left no-repeat; outline:none;}
#ourclient li#tab2.selected a {background: url("../images/showcase/multimenia_select.gif") top left no-repeat; outline:none;}
#ourclient li#tab3.selected a {background: url("../images/showcase/printad_select.gif") top left no-repeat; outline:none;}
#ourclient li#tab4.selected a {background: url("../images/showcase/webmedia_select.gif") top left no-repeat; outline:none;}
#ourclient li#tab5.selected a {background: url("../images/showcase/talents_select.gif") top left no-repeat; outline:none;}
#ourclient li#tab6.selected a {background: url("../images/showcase/video_select.gif") top left no-repeat; outline:none;}
#ourclient span#tabtalent1{color:#fff; text-decoration:none; font-weight:bold;}
#ourclient span#tabtalent2{color:#fff; text-decoration:none; font-weight:bold;}
#ourclient span#tabtalent1 a {font-size:12px; color:#C1FCB1;text-decoration:none; font-weight:bold;}
#ourclient span#tabtalent2 a {font-size:12px; color:#C1FCB1;text-decoration:none; font-weight:bold;}
#ourclient span#tabtalent1 a:visited {color:#C1FCB1;text-decoration:none; font-weight:bold;}
#ourclient span#tabtalent2 a:visited {color:#C1FCB1;text-decoration:none; font-weight:bold;}
#ourclient span#tabtalent1 a:hover {color:#C1FCB1;text-decoration:none; font-weight:bold;}
#ourclient span#tabtalent2 a:hover {color:#C1FCB1;text-decoration:none; font-weight:bold;}
#ourclient span#tabtalent1.selected a {color:#C1FCB1;text-decoration:none; font-weight:bold;}
#ourclient span#tabtalent2.selected a {color:#C1FCB1;text-decoration:none; font-weight:bold;}
#ourclient li#tabtalent1{display:inline;background: url("../images/showcase/male.gif") top left no-repeat; outline:none;}
#ourclient li#tabtalent2{display:inline;padding:0 4px 10px 4px;background: url("../images/showcase/linetalents.gif") top left no-repeat; outline:none;}
#ourclient li#tabtalent3{display:inline;background: url("../images/showcase/female.gif") top left no-repeat; outline:none;}
#ourclient li#tabtalent4{display:inline;background: url("../images/showcase/kid.gif") top left no-repeat; outline:none;}
#ourclient li#tabtalent5{display:inline;background: url("../images/showcase/other.gif") top left no-repeat; outline:none;}
#ourclient li#tabtalent1 a {padding:0 17px 10px 17px; background: url("../images/showcase/male.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none;}
#ourclient li#tabtalent3 a {padding:0 23px 10px 23px; background: url("../images/showcase/female.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none;}
#ourclient li#tabtalent4 a {padding:0 13px 10px 13px; background: url("../images/showcase/kid.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none;}
#ourclient li#tabtalent5 a {padding:0 24px 10px 24px; background: url("../images/showcase/other.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none;}
#ourclient li#tabtalent1 a:hover {background: url("../images/showcase/male_over.gif") top left no-repeat; outline:none;}
#ourclient li#tabtalent3 a:hover {background: url("../images/showcase/female_over.gif") top left no-repeat; outline:none;}
#ourclient li#tabtalent4 a:hover {background: url("../images/showcase/kid_over.gif") top left no-repeat; outline:none;}
#ourclient li#tabtalent5 a:hover {background: url("../images/showcase/other_over.gif") top left no-repeat; outline:none;}
#ourclient li#tabtalent1.selected a {background: url("../images/showcase/male_select.gif") top left no-repeat; outline:none;}
#ourclient li#tabtalent3.selected a {background: url("../images/showcase/female_select.gif") top left no-repeat; outline:none;}
#ourclient li#tabtalent4.selected a {background: url("../images/showcase/kid_select.gif") top left no-repeat; outline:none;}
#ourclient li#tabtalent5.selected a {background: url("../images/showcase/other_select.gif") top left no-repeat; outline:none;}
/*===================== Tab Showcase ======================== */
#showcase ul {
position:relative; margin:0px 0px 10px 0px; padding:0px;
}
#showcase li#tab1{display:inline;background: url("../images/showcase/webdesign.gif") top left no-repeat; overflow:hidden; outline:none;}
#showcase li#tab2{display:inline;background: url("../images/showcase/multimenia.gif") top left no-repeat;overflow:hidden; outline:none;}
#showcase li#tab3{display:inline;background: url("../images/showcase/printad.gif") top left no-repeat;overflow:hidden; outline:none;}
#showcase li#tab4{display:inline;background: url("../images/showcase/webmedia.gif") top left no-repeat;overflow:hidden; outline:none;}
#showcase li#tab5{display:inline;background: url("../images/showcase/talents.gif") top left no-repeat;overflow:hidden; outline:none;}
#showcase li#tab1 a {padding:0 44px 10px 44px; background: url("../images/showcase/webdesign.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none; }
#showcase li#tab2 a {padding:0 71px 10px 71px; background: url("../images/showcase/multimenia.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none;}
#showcase li#tab3 a {padding:0 36px 10px 36px; background: url("../images/showcase/printad.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none;}
#showcase li#tab4 a {padding:0 36px 10px 36px; background: url("../images/showcase/webmedia.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none; }
#showcase li#tab5 a {padding:0 30px 10px 30px; background: url("../images/showcase/talents.gif") top left no-repeat; overflow:hidden; text-decoration:none; outline:none; }
#showcase li#tab1 a:hover {background: url("../images/showcase/webdesign_over.gif") top left no-repeat; outline:none;}
#showcase li#tab2 a:hover {background: url("../images/showcase/multimenia_over.gif") top left no-repeat; outline:none;}
#showcase li#tab3 a:hover {background: url("../images/showcase/printad_over.gif") top left no-repeat; outline:none;}
#showcase li#tab4 a:hover {background: url("../images/showcase/webmedia_over.gif") top left no-repeat; outline:none;}
#showcase li#tab5 a:hover {background: url("../images/showcase/talents_over.gif") top left no-repeat; outline:none;}
#showcase li#tab1.selected a {background: url("../images/showcase/webdesign_select.gif") top left no-repeat; outline:none;}
#showcase li#tab2.selected a {background: url("../images/showcase/multimenia_select.gif") top left no-repeat; outline:none;}
#showcase li#tab3.selected a {background: url("../images/showcase/printad_select.gif") top left no-repeat; outline:none;}
#showcase li#tab4.selected a {background: url("../images/showcase/webmedia_select.gif") top left no-repeat; outline:none;}
#showcase li#tab5.selected a {background: url("../images/showcase/talents_select.gif") top left no-repeat; outline:none;}
/*===================== Tab Contact Us ======================== */
#contact_menu ul { margin:0px 0px 0px 0px; padding:0px; list-style-type:none; height:29px; }
#contact_menu li#tab1{background: url(../images/contactus/address.gif) top left no-repeat; height:29px;}
#contact_menu li#tab2{background: url(../images/contactus/form.gif) top left no-repeat; height:29px;}
#contact_menu li#tab1 a {padding:0 64px 10px 64px; background: url(../images/contactus/address.gif) top left no-repeat; overflow:hidden; text-decoration:none; }
#contact_menu li#tab2 a {padding:0 55px 10px 55px; background: url(../images/contactus/form.gif) top left no-repeat; overflow:hidden; text-decoration:none;}
#contact_menu li#tab1 a:hover {background: url(../images/contactus/address_over.gif) top left no-repeat;}
#contact_menu li#tab2 a:hover {background: url(../images/contactus/form_over.gif) top left no-repeat;}
#contact_menu li#tab1.selected a {background: url(../images/contactus/address_over.gif) top left no-repeat;}
#contact_menu li#tab2.selected a {background: url(../images/contactus/form_over.gif) top left no-repeat;}
/*From Style--------------------------------------------------------*/
IMG {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
.BUTTOM{ background-color:#044B3F; border:1px #56BF54 solid; color:#F1EDE9; }
INPUT {
FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; border: 1px #044B3F solid;
}
SELECT{
FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; border:1px solid #044B3F;
}
TEXTAREA {
FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; border: 1px #044B3F solid;
}
.width_text{ width:200px; }
.width_textarea{ width:240px; }
/* ---------------------title text */
h2{
width:427px; height:38px; margin:0; padding:0; overflow:hidden;
}
h2 span.about_title{
background: url("../images/title/about_eiei.gif") top left no-repeat; display:block; width:100%; height:100%;
}
h2 span.showcase_title{
background: url("../images/title/showcase.gif") top left no-repeat; display:block; width:100%; height:100%;
}
h2 span.msnonline_title{
background: url("../images/title/msn_online.gif") top left no-repeat; display:block; width:100%; height:100%
}
h2 span.countactus_title{
background: url("../images/title/contactus.gif") top left no-repeat; display:block; width:100%; height:100%
}
h2 span.countactus1_title{
background: url("../images/title/title_contactus.gif") top left no-repeat; display:block; width:100%; height:100%
}
h2 span.promotion_title{
background: url("../images/title/pr_promotion.gif") top left no-repeat; display:block; width:100%; height:100%;
}
h2 span.ourclients{
background: url("../images/title/ourclients.gif") top left no-repeat; display:block; width:100%; height:100%;
}
h2 span.portfolios{
background: url("../images/title/portfolios.gif") top left no-repeat; display:block; width:100%; height:100%;
}
h2 span.businessnews{
background: url("../images/title/business_news.gif") top left no-repeat; display:block; width:100%; height:100%;
}
h2 span.services{
background: url("../images/title/services.gif") top left no-repeat; display:block; width:100%; height:100%;
}
h2 span.sitemap{
background: url("../images/title/sitemap.gif") top left no-repeat; display:block; width:100%; height:100%;
}
.clear-all{ clear:both; height:0; line-height:0; }
/*--------------------------- Font style -----------*/
A {
COLOR:#CDDBD9; TEXT-DECORATION:none;
}
A:link {
COLOR:#CDDBD9; TEXT-DECORATION: none;
}
A:visited {
COLOR:#CDDBD9; TEXT-DECORATION: none;
}
A:active {
COLOR:#CDDBD9; TEXT-DECORATION: none;
}
A:hover {
COLOR:#CDDBD9; TEXT-DECORATION: underline;
}
.green_light {color:#9BDB75;}
.green_light:link { color:#9BDB75;text-decoration:none;}
.green_light:visited { color:#9BDB75;text-decoration:none;}
.green_light:active {color:#9BDB75;text-decoration:none;}
.green_light:hover { color:#9BDB75;text-decoration:none;}
.white_12 {color:#fff; font-size:12px;text-decoration:none; font-weight:bold;}
.white_12:link { font-size:12px; color:#fff;text-decoration:none;}
.white_12:visited { color:#fff;text-decoration:none;}
.white_12:active {color:#fff;text-decoration:none;}
.white_12:hover { color:#C1FCB1;text-decoration:none;}
.yellow {color:#CDB73F; font-size:12px; text-decoration:none; }
.yellow:link { font-size:12px; color:#CDB73F;text-decoration:none;}
.yellow:visited { color:#CDB73F;text-decoration:none;}
.yellow:active {color:#FF6600;text-decoration:none;}
.yellow:hover { color:#FF6600;text-decoration:underline;}
.gray_green {color:#82A59F; text-decoration:none; }
.gray_green:link {color:#82A59F;text-decoration:none;}
.gray_green:visited { color:#82A59F;text-decoration:none;}
.gray_green:active {color:#82A59F;text-decoration:none;}
.gray_green:hover { color:#CDDBD9;text-decoration:none;}
.gray {color:#606060; text-decoration:none; }
.gray:link {color:#606060;text-decoration:none;}
.gray:visited { color:#606060;text-decoration:none;}
.gray:active {color:#606060;text-decoration:none;}
.gray:hover { color:#000;text-decoration:none;}
.black {color:#000; text-decoration:none; }
.black:link {color:#000;text-decoration:none;}
.black:visited { color:#000;text-decoration:none;}
.black:active {color:#000;text-decoration:none;}
.black:hover { color:#606060;text-decoration:underline;}
.white {color:#fff; text-decoration:none; }
.white:link { font-size:12px; color:#fff;text-decoration:none;}
.white:visited { color:#fff;text-decoration:none;}
.white:active {color:#fff;text-decoration:none;}
.white:hover { color:#C1FCB1;text-decoration:none;}
.greentalent {color:#5EC77D; text-decoration:underline; }
.greentalent:link { font-size:11px; color:#5EC77D;text-decoration:underline;}
.greentalent:visited { color:#5EC77D;text-decoration:underline;}
.greentalent:active {color:#5EC77D;text-decoration:underline;}
.greentalent:hover { color:#C1FCB1;text-decoration:underline;}
.whitetalents {color:#fff; text-decoration:none; }
.greentalent1 {color:#5EC77D; text-decoration:none; }
.greentalent1:link { font-size:11px; color:#5EC77D;text-decoration:none;}
.greentalent1:visited { color:#5EC77D;text-decoration:none;}
.greentalent1:active {color:#5EC77D;text-decoration:none;}
.greentalent1:hover { color:#C1FCB1;text-decoration:underline;}