@charset "utf-8"; /* CSS Document */ 
*	{margin:0; padding:0}
a img, fieldset	{border:none}

a em {
display:none; }
span.num{ font-size:15px; font-family:sans-serif; }
a, a:active	{color: #222222; text-decoration:none}
a:hover	{color:#afafaf}
#all	{margin:0 auto; padding:0 0 0 0; text-align:left; width:900px}
/*start main content*/ 
#allcontent	{margin:0 auto; position:relative; width:900px; height:auto}
#allcontent.flash {width:100%;}
#background-main	{margin:0 0 -10px 0; height:auto;width:100%;}
#background-main.home {margin:0 0 -3px 0;}
#background-main img{margin-left: 40px;}
#background-main #home_flash {width: 100% !important;height: 280px !important;}
#background-main #home_flash2 {width: 100% !important;height: 246px !important;}
#background-main #myflash {margin-left: 40px;}
#background-main #myflash img {margin-left: -20px;}
#mainaccueil{position:relative; margin:auto; width:900px;}
#subcontent_wrap {width:100% !important;background:#FFFFFF url(../img/backgroundBAS.jpg) no-repeat top center;margin-top: 3px;padding-left: -15px;min-height: 30px;}
#subcontent-comp{ width:900px;  margin:0 auto; position:relative;  text-align:left;}
/*#subcontent-comp{min-height:239px; height:300px!important;}*/
#subcontent-net{width:900px;  margin:0 auto; position:relative; min-height:239px; height:400px!important; text-align:left;}
#subcontent{width:900px;  margin:0 auto; position:relative; min-height:239px; height:500px!important; text-align:left;}
.zh #subcontent_wrap {width:100% !important;background:#FFFFFF url(../img/backgroundBAS2.jpg) no-repeat top center;margin-top: 3px;padding-left: -15px;min-height: 30px;
	font-family:'Microsoft YaHei',Arial,sans-serif !important;}

/*start menu*/ 
#menu	{width:900px; position:relative; height:91px; margin:0 auto; padding:0 0 0 20px; line-height:24px; }
#logo	{width:193px; height:44px; background:url(../img/logo_trinity.gif) no-repeat; position:relative; top:30px}
#logo a, #logo a:active	{width:193px; height:44px; position:relative}
#logoprint{display:none}
#logo:hover	{cursor:pointer}
.imgspace{ margin-top:-1px}
/*end menu*/ 
/*include content network*/ 

#networkcontent	{position:relative;background:url(../img/network_bg_s1.png) no-repeat 20px 0; margin:0 auto 0 auto; height:370px;text-align:left;width: 900px; }
#menuitaly	{position:absolute; top:215px; left:130px; width:169px; height:auto}
#menutrinity	{position:absolute; top:220px; left:755px; width:169px; height:auto}
#menuitaly a, #menuitaly a:active, #menutrinity a, #menutrinity a:active, #menuuk a:active	{position:absolute; left:0}

#menuuk {position:absolute; top:121px; left:52px; height:40px}
#menuuk a, #menuuk a:active, #menuuk a, #menuuk a:active, #menuuk a:active	{position:absolute; left:0}
a.trinity_london	{display:block; position:relative; top:0; width:189px;  background:url(../img/trinity_london_s1.png) no-repeat 0 0; height:16px}
a.tangerine	{display:block; position:relative; background:url(../img/tangerine.png) no-repeat 0 0;  width:159px; height:16px; top:22px; }

#menuindia	{position:absolute; top:260px; left:396px; width:261px; height:auto}
a.net_trinity_india	 {display:block; position:relative; background:url(../img/trinity_india_s1.png) no-repeat 0 0; width:192px; height:16px;top:0;}

#menukorea	{position:absolute; top:144px; left:661px; width:261px; height:auto}
a.net_amoeba	 {display:block; position:relative; background:url(../img/amoeba_s1.png) no-repeat 0 0; width:74px; height:16px;top:0;}

#menuchina	{position:absolute; top:113px; left:420px; width:261px; height:auto}
a.creativoo	 {display:block; position:relative; background:url(../img/creativoo_s1.png) no-repeat 0 0; width:95px; height:16px;top:0;}
a.msr_china	 {display:block; position:relative; background:url(../img/msr_china_s1.png) no-repeat 0 0; width:95px; height:16px;top:8px;}
a.qinwei	 {display:block; position:relative; background:url(../img/qinwei_s1.png) no-repeat 0 0; width:137px; height:36px;top:16px;}



a.net_trinity:hover, a.net_tool:hover, a.net_onami:hover, a.net_barbara:hover, a.net_eagle:hover, a.net_neobrace:hover, a.cosmit:hover, a.tangerine:hover	{background-position:0 -20px !important}
a.trinity_london:hover, a.net_trinity_india:hover, a.net_amoeba:hover, a.creativoo:hover, a.msr_china:hover{background-position:0 -20px !important}
a.qinwei:hover	 {background-position:0 -40px !important}
a.net_trinity	{background:url(../img/ita_trinity.png) no-repeat 0 0; width:251px; height:16px; top:0; }
a.net_tool	{background:url(../img/ita_totaltool.png) no-repeat 0 0; width:169px; height:16px; top:24px}
a.net_onami	{background:url(../img/ita_onami.png) no-repeat 0 0; width:169px; height:16px; top:48px}
a.net_barbara	{background:url(../img/ita_barbara.png) no-repeat 0 0; width:169px; height:16px; top:72px}
a.net_eagle	{background:url(../img/eagle_new_s1.png) no-repeat 0 0; width:221px; height:16px; top:4px}
a.net_neobrace	{background:url(../img/neobrace_new_s1.png) no-repeat 0 0; width:169px; height:16px; top:28px}
a.cosmit	     {background:url(../img/cosmit.png) no-repeat 0 0; width:169px; height:16px;top:95px}




.network_company strong	{}
.network_company img	{display:block;margin-bottom:15px;}
.network_company p	{position:absolute; top:-3px; left: 155px;}
.network_company p.wide	{position:absolute; top:-3px; left: 230px;}
.network_company p .network_image {position:absolute;top: 130px;}
.network_company	{width:900px; margin-left:15px; min-height:161px; height:auto; top:34px; position:relative; text-align:left; }
#tangerine, #trinity_milan, #eagle_matrix, #neobrace, #cosmit, #onami, #anna_barbara, #total_tool, #trinity_london, #amoeba, #creativoo, #msr_china, #qinwei, #net_trinity_india	{display:none}
#subcontent-net.tangerine #tangerine	{display:block}
#subcontent-net.trinity_milan #trinity_milan	{display:block}
#subcontent-net.eagle_matrix #eagle_matrix	{display:block}
#subcontent-net.neobrace #neobrace	{display:block}
#subcontent-net.cosmit #cosmit	{display:block}
#subcontent-net.onami #onami	{display:block}
#subcontent-net.anna_barbara #anna_barbara	{display:block}
#subcontent-net.total_tool #total_tool	{display:block}
#subcontent-net.amoeba #amoeba	{display:block}
#subcontent-net.creativoo #creativoo	{display:block}
#subcontent-net.trinity_london #trinity_london	{display:block}
#subcontent-net.msr_china #msr_china	{display:block}
#subcontent-net.qinwei #qinwei	{display:block}
#subcontent-net.net_trinity_india #net_trinity_india {display:block}
.imgcom{margin-top:18px;}
a.h3_activities {display:block; background:url(../img/activities_small.png) 0 0 no-repeat; width:62px; height:10px; float:left; margin-top:-15px;}
a.h3_communication {display:block; background:url(../img/communication_but.png) no-repeat 0 -20px; width:85px; height:10px; float:left;margin-top:-15px;}
a.h3_development {display:block; background:url(../img/developpement_but.png) no-repeat 0 -20px;width:71px; height:10px; float:left;margin-top:-15px;}
a.h3_research {display:block; background:url(../img/research_but.png) no-repeat 0 -20px; width:51px; height:10px; float:left;margin-top:-15px;
}
a.h3_activities2 {display:block; background:url(../img/activities_small.png) 0 0 no-repeat; width:62px; height:10px; float:left; margin-top:0;}
a.h3_communication2 {display:block; background:url(../img/communication_but.png) no-repeat 0 -21px; width:85px; height:10px; float:left;margin-top:0; margin-left:5px;
}
a.h3_development2 {display:block; background:url(../img/developpement_but.png) no-repeat 0 -21px;width:71px; height:10px; float:left;margin-top:0; margin-left:5px
}
a.h3_research2 {display:block; background:url(../img/research_but.png) no-repeat 0 -21px; width:51px; height:10px; float:left;margin-top:0; margin-left:5px
}
/*******COMPANY PROFILE******/
address	{font-style:normal; margin:0}
#company-profile_wrap {width:900px; margin: 0 auto;padding-left: 40px;height: 370px;}
#company-profile	{float:left; margin-top:35px; position:relative; width:320px; min-height:360px; height:auto; text-align:left;}
#company-profile2	{float:left; margin-top:66px;width:300px; min-height:320px; height:auto; text-align:left;}
#company-profile3	{float:left; margin-top:66px; width:220px; min-height:320px; height:auto; text-align:left;}
div.jp	{margin-top:81px !important;}

#directions	{left:165px; top:69px; position:relative; width:180px; min-height:390px; height:auto; text-align:left}
/******ACTIVITIES********/
#activities	{top:24px; position:relative; text-align:left; margin-left: 20px;}
#casestudies	{margin: 20px auto 0 auto; width:900px; padding:0 0 20px 40px !important; height:auto; text-align:left;font-size:13px; }
#casestudies2 {font-size:13px;padding-top: 20px;margin: 0 0 40px 20px;}
#casestudies3 {font-size:13px;padding-top: 12px;margin: 0 0 40px 20px;}
#casestudies2 p {margin: 0 0 10px 0;}
#casestudies2 img {margin-top: -20px;}
#acti_research, #acti_development, #acti_communication {float:left; width: 265px;margin: 24px 40px 0 0;}
#acti_communication {margin-right:0;}
.go1 em, .go2 em, .go3 em {display:none;}
.go1{ display:block; background:url(../img/case_go1.png) 0 -15px no-repeat; width:14px; height:15px; float:left;margin:-2px 2px 0 2px;}
.go2{ display:block; background:url(../img/case_go2.png) 0 -15px no-repeat; width:18px; height:15px; float:left;margin:-2px 2px 0 2px;}
.go3{ display:block; background:url(../img/case_go3.png) 0 -15px no-repeat; width:18px; height:15px;float:left;margin:-2px 2px 0 2px;}
span.go1, span.go2, span.go3 {background-position:0 -1px !important;}
.go1:hover,.go2:hover,.go3:hover, .go1:active, .go2:active, .go3:active{ background-position:0 -1px !important}
/******ACTIVITIES BUTTON MAIN********/
.caselinks-research,.caselinks-dev,.caselinks-com{display:block; float:left;height:16px; margin-right:15px; }
.caselinks-research{background:url(../img/acti_research.png)  0 -1px no-repeat; width:82px;}
.caselinks-dev{background:url(../img/acti_dev.png)  0 -1px no-repeat; width:113px; }
.caselinks-com{background:url(../img/acti_com.png)  0 -1px no-repeat; width:134px; }
.caselinks-research:hover,.caselinks-dev:hover,.caselinks-com:hover{ background-position:0 -21px; }
.caselinks-research span,.caselinks-dev span,.caselinks-com span{ display:none}


/******:::::::::::::::::::::********/
.caselinks,.caselinks-sel{font-size:15px; padding: 0 15px 0 10px; height:15px; float:left;margin-top:5px; margin-bottom:10px; display:block; line-height:24px}
.caselinksurl{font-size:15px; padding: 0 15px 0 10px; height:15px;margin-top:5px; margin-bottom:10px; display:block; line-height:24px}
.caselinks,.caselinks_home,.caselinksurl{  background:url(../img/arrows.png) 0 4px no-repeat; }
.caselinks_contact{  background:url(../img/arrows.png) 0 0 no-repeat; }
.caselinks_home{ font-size:14px; padding: 0 15px 0 10px; height:15px; float:left;margin-top:5px; margin-bottom:10px; display:block; line-height:24px}
.caselinks-sel{color:#df0f20; background:url(../img/arrows.png) 0 -30px no-repeat; }
.caselinks:hover,.caselinks_home:hover,.caselinksurl:hover{ background-position:0 -13px;}
.caselinks_contact:hover{ background-position:0 -17px;}
.caselinks_contact{ font-size:14px; padding: 0 15px 0 10px; height:15px; float:left;margin-top:5px; margin-bottom:10px; display:block; line-height:14px}
.caselinks,.caselinks-sel{font-family:Helvetica, Arial, sans-serif}


.caselinksimg{ font-size:13px; line-height:30px; padding: 0 5px 0 5px;}
.caselinksimg-sel{ font-size:13px; line-height:30px; padding: 0 5px 0 5px; color:#df0f20;}

.caslinks,.caslinks-sel{ font-size:13px;line-height:13px; padding: 0 17px 0 10px;float:left;}
.caslinks{background:url(../img/arrows.png) 0 -1px no-repeat; }
.caslinks-sel{color:#df0f20;background:url(../img/arrows.png) 0 -34px no-repeat;  }
.caslinks:hover{background-position:0 -18px;}

.tcom{ position:absolute; top:11px;left:216px}
.tcom2{ position:absolute; top:9px;left:160px}
.tcom3{ position:absolute; top:10px;left:267px}
.text-actipos{margin-top:6px;}
.text-actiposmain{margin-top:10px;}
.text-actipostt{margin-top:11px;}
p.en {margin-top:11px;}
.text-actiposx{position:relative;top:14px; padding-bottom:11px;}
.text-actipos2{margin-top:39px; margin-bottom:15px; padding-bottom:15px;}
.text-actipos2 b{display:block; margin:8px 0 0 0;}
.acti-pos{ padding-top:20px;}

/*HOMEPAGE*/ 

div h2	{text-transform:uppercase; color:#E60012; font-size:13px; line-height:30px; letter-spacing:2px}
#accueil_vision p, #accueil_activities p, #accueil_network p	{margin-top:14px}
#accueil_vision, #accueil_activities, #accueil_network {position:absolute; width:272px; text-align:left; color:#333333}
#accueil_vision	{left:15px; top:24px}
#accueil_activities	{left:324px; top:24px}
#accueil_network	{left:630px; top:24px}
/*RESEARCH*/ #acti_research	{left:168px; top:180px}
#acti_development	{left:479px; top:180px}
#acti_communication	{left:791px; top:180px}
#activities_research	{position:absolute; left:20px; top:35px; text-align:left; line-height:24px}
/*VISION*/ 
#vision	{position:absolute; width:900px; min-height:450px; top:24px; margin-left: 20px; text-align:left}
#vision ul	{margin-left:20px}
#vision p	{margin-top:18px}
/***************HEADERS*********/
.header	{text-indent:-4500px; margin:0}
.h1_activities{background:url(../img/h1_activities.png) 0 0 no-repeat; width:145px; height:22px;}
.h1_activities_zh {text-indent:-4500px;background:url(/img/h1_zh_header_s1.png); width:70px;height:24px;}
.h1_vision {background:url(../img/h1_vision.png) 0 0 no-repeat; width:90px; height:22px}
.h1_company	{background:url(../img/h1_company.png) 0 0 no-repeat; width:259px; height:22px}
.h1_network	{background:url(../img/h1_network.png) 0 0 no-repeat; width:132px; height:22px; margin-left:20px; margin-top:30px;}
.h1_developpement	{background:url(../img/h1_development.png) 0 0 no-repeat; width:200px; height:24px; margin-bottom:12px;margin-top:7px; }
.h1_communication	{background:url(../img/h1_communication.png) 0 0 no-repeat; width:242px; height:24px; margin-bottom:12px;margin-top:7px; }
.h1_research	{background:url(../img/h1_research.png) 0 0 no-repeat; width:136px; height:22px;margin-bottom:12px;margin-top:7px;  }
.h2_address	{background:url(../img/h2_address.png) 0 8px no-repeat; width:67px; height:24px}
.h2_case_studies {background:url(../img/case_studies.png) 0 1px no-repeat; width:112px; height:16px;float:left; margin-bottom: 5px; margin-right:15px; }
.h2_contact	{background:url(../img/h2_contact.png) 0 8px no-repeat; width:70px; height:24px}
.h2_vision,.h2_activities, .h2_network, .h2_research, .h2_development, .h2_communication  {height: 16px; overflow:hidden;}/***FOR IE ^**/
.h2_vision a {display:block; background:url(../img/h2_vision.png) 0 0 no-repeat; width:65px; height:12px !important;}
.h2_vision a:hover{background-position:0 -30px;} 
.h2_activities a {display:block; background:url(../img/h2_activities.png) 0 0 no-repeat; width:99px; height:12px}
.h2_activities a:hover{background-position:0 -30px;} 
.h2_network a {display:block; background:url(../img/h2_network.png) 0 0 no-repeat; width:90px; height:12px}
.h2_network a:hover{background-position:0 -30px;} 

.h2_research a {display:block; background:url(../img/h2_research.png) 0 0 no-repeat; width:81px; height:18px}
.h2_research a:hover{background-position:0 -18px;} 
.h2_development a {display:block; background:url(../img/h2_development.png) 0 0 no-repeat; width:131px; height:18px}
.h2_development a:hover{background-position:0 -26px;} 
.h2_communication a {display:block; background:url(../img/h2_communication.png) 0 0 no-repeat; width:131px; height:18px}
.h2_communication a:hover{background-position:0 -26px;} 


.h1_research a{display:block; background:url(../img/h1_research.png) 0 1px no-repeat; width:136px; height:22px;margin-bottom:12px; }
.h1_research a:hover {background-position:0 -31px;}

.h1_developpement a{display:block; background:url(../img/h1_development.png) 0 1px no-repeat; width:200px; height:22px;margin-bottom:12px; }
.h1_developpement a:hover {background-position:0 -31px;}

.h1_communication a{display:block; background:url(../img/h1_communication.png) 0 1px no-repeat; width:242px; height:24px;margin-bottom:12px; }
.h1_communication a:hover {background-position:0 -31px;}


.clear {clear:both}