@charset "utf-8";
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, 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;
	vertical-align: baseline;
}
/*      .......................................
        . main
		.......................................
*/


img {
	border: none;
}
* {
	padding: 0px;
	margin: 0px;
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}
body {
	margin: 0px;
	padding: 0px;
	color: #070a34;
	font: 13px/18px Arial, Helvetica, sans-serif;
	background: url(../images/bg/body-bg.jpg) #bfdae1 0px 0px repeat-x;
}
#Wrapper {
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 0px auto;
	background:url(../images/header-bg.gif) 0px 147px repeat-x;
}
/*-- header --*/
#headerWrapper {
	display: block;
	width: 980px;
	overflow: hidden;
	margin: 16px auto 10px;
	padding: 0px;
	overflow: hidden;
}
#headerWrapper h1 {
	display: block;
	float: left;
	width: 278px;
	background:  url(../images/logo-MetineeWeb.png) no-repeat;
	height: 55px;
	clear: both;
}
#headerWrapper h1 a {
	display: block;
	width: 278px;
	height: 55px;
	text-decoration: none;
}
#headerWrapper h1 span {
	visibility: hidden;
	font-size: 10px;
}
#headerWrapper h2 {
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #312F63;
	clear: both;
}
.navTop {
	display: block;
	float: left;
	width: 240px;
	font-size: 16px;
	margin-top:35px;
	margin-left: 460px;
}
.navTop li {
	display: inline;
	float: left;
	padding: 0px 15px;
}
.navTop li a {
	text-decoration: none;
	color: #4A730D;
	font-weight: bold;
}
.navTop li a:hover {
	color: #1A2151;
}
.navTop li.home a {
background: transparent url(../images/icon/home-bg.gif) no-repeat scroll 0 -15px;
float:left;
height:15px;
overflow:hidden;
padding-left:22px;
}
.navTop li.home a:hover {
background-position:0 0;
}
.language {display: block; float: left; width: 140px; margin: 35px 0px 0px;}
	.language li {display: inline; float: left; width: 60px; margin-right: 10px;}
	.language li a {text-decoration: none; border: 0px;}
/*-- Navigation --*/
#Navigation {
	display: block;
	width: 980px;
	margin: 14px auto 0px;
	height: 62px;
	background: url(../images/nav/navTop.jpg) no-repeat;
	position: relative;
}

#Navigation ul {
	display: block;
	width: 900px;
	margin: 0px auto 0px;
	padding: 21px 0px;
	height: 20px;
}
#Navigation li {
	display: inline;
	font-size: 21px;
	padding: 0px 15px;
	color: #BFDAE1;
	border-right: 1px solid #3F477F;
}
#Navigation li.last {
	border: none;
	
}
#Navigation li a {
	text-decoration: none;
	color: #BFDAE1;
}
#Navigation li a:hover {
	color: #fff;
}
#Navigation li a.active {
	color: #fff;
}
.keyNav {display: block; top: 5px; right: 40px; background: url(../images/img/img-key.gif) no-repeat right; padding: 16px 20px 0px 30px; position: absolute; height: 35px;}
	.keyNav a {font-size: 21px; color: #BFDAE1; text-decoration: none;}
	.keyNav a:hover {color: #fff;}
	

/*-- content slider --*/
#content {
	color:#1A2151;
	font-size:19px;
	height:352px;
	overflow:hidden;
	/*top:102px;*/
	width:100%;
	display: block;
}
#content #slider-centered {
	position:relative;
	width:980px;
	margin:0 auto
}
#content h1 {
	margin:0 0 21px;
	font-size:57px;
	line-height:43px;
	font-weight:bold;
	color:#1a2151;
	letter-spacing:-2px;
}
#content p {
	line-height:27px;
	margin:0;
}
#content #slider-1, #content #slider-2, #content #slider-3, #content #slider-4 {
	position: absolute;
	top: 0;
	left: 0; 	/*height:267px }*/
	height:352px;
}
#content #slider-1 {
	padding: 20px 15px 35px 555px;
	width:410px;
}
#content #slider-2 {
	padding: 20px 0px 35px 550px;
	width:406px
}
#content #slider-3 {
	padding: 20px 0px 35px 564px;
	width:401px;
}
#content #slider-4 {
	padding: 20px 0px 35px 530px;
	width:427px;
}
#content #slider-1 .slider-image {
	background: url(../images/Get-You-Up-and-Running.jpg) no-repeat 0px 0
}
#content #slider-2 .slider-image {
	background: url(../images/Think-Outside-the-Bridge.jpg) no-repeat 0px 0
}
#content #slider-3 .slider-image {
	background: url(../images/Lead-the-Road-Ahead.jpg) no-repeat 0px 0
}
#content #slider-4 .slider-image {
	background: url(../images/Let-the-Game-Begin.jpg) no-repeat 0px 0
}
.sidebar-image {
	width:245px;
	height:234px;
	position:relative;
	top:-20px;
	left:0;
	padding:0 0 1px 0;
	border-bottom:1px solid #95bcce
}
.sidebar-image.sb-gps {
	background: url('../images/sidebar_gps.jpg') no-repeat;
}
.sidebar-image.sb-sign {
	background: url('../images/sidebar_sign.jpg') no-repeat;
}
.sidebar-image.sb-chess {
	background: url('../images/sidebar_chess.jpg') no-repeat;
}
.sidebar-image.sb-bulb {
	background: url('../images/sidebar_bulb.jpg') no-repeat;
}
.sidebar-image.sb-perspectives {
	background: url('../images/sidebar_perspectives.jpg') no-repeat;
}
.sidebar-image.sb-press {
	background:url('../images/sidebar_press.jpg') no-repeat;
}
.sidebar-image.sb-proof {
	background:url('../images/sidebar_proof.jpg') no-repeat;
}
#content #slider-1 .slider-image,  #content #slider-2 .slider-image,  #content #slider-3 .slider-image,  #content #slider-4 .slider-image {
	width:980px;
	height:352px;
	position:absolute;
	top:0;
	left:0;
}
#content .slider-header,  #content .slider-p {
	position:relative;
}
.sidebar-text ul {
	margin:0 0 0 15px !important;
	list-style:disc !important;
}
.sidebar-text li {
	padding:0 0 10px 5px !important;
	list-style:disc !important;
	list-style-position:outside !important
}
.more {
	display:block;
	width:100%;
	overflow:hidden;
	margin-top:-15px;
	position:relative;
}
.more a {
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-learn.gif) no-repeat;
	width:117px;
	height:29px;
	margin:5px 0 0 0;
	float:right;
}
.more a:active {
	background:url(../images/btn-learn_on.gif) no-repeat
}
ul.slider-links {
	/*margin:329px 0 0;*/
	margin:329px 0 0;
	position:relative;
	padding:0;
	border-bottom:1px solid #fff;
	width:980px;
	height:60px;
	text-align:center;
	list-style:none;
	background:#0e1334 url(../images/slider-bg.gif) repeat-x;
}
ul.navigation-links {
	margin:0 auto;
	position:relative;
	padding:21px 0 22px;
	width:980px;
	text-align:center;
	list-style:none;
	background:#0e1334 url(../images/slider-bg.gif) repeat-x;
}
ul.slider-links li {
	height:60px;
	display:inline;
	float:left
}
ul.slider-links li span {
	text-decoration:none;
	cursor:pointer;
	display:block;
	color:#9BBDCF;
	width:125px;
	font-size:30px;
	height:54px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:47px;
	padding:6px 55px 12px 65px
}
ul.navigation-links li, ul.navigation-links li a {
	cursor:pointer;
	color:#BFDAE1;
	display:inline;
	font-size:21px;
	line-height:25px;
	padding:0 15px;
	text-decoration:none;
}
ul.navigation-links li {
	border-right:1px solid #3F477F;
}
ul.navigation-links li.last {
	border-right:none;
}
ul.navigation-links li a {
	padding:0 !important;

}
ul.slider-links {
	display: block;
	width: 980px;
	margin: 0px auto;
	border-bottom: 4px solid #B0D9EE;
}
ul.slider-links li.active span, ul.navigation-links li.current_page_item a, ul.navigation-links li.current_page_ancestor a, ul.navigation-links li.current_page_parent a {
	cursor:default;
	color:#e1f6c2 !important;
}
ul.slider-links li:hover span, ul.navigation-links li a:hover {
	color:#fff !important;
}
ul.slider-links li.what.active, ul.slider-links li.why.active, ul.slider-links li.who.active {
	background:url('../images/slider_button_left.gif') no-repeat !important;
}
ul.slider-links li.when.active {
	background:url('../images/slider_button_left.gif') no-repeat -30px 0 !important;
}
ul.slider-links li.when.active span, ul.slider-links li.what.active span, ul.slider-links li.why.active span {
	background:url('../images/slider_button_right.gif') no-repeat top right;
}
ul.slider-links li.who span {
	background:none !important;
}
/*-- mainContent --*/

#mainContent {
	display: block;
	width: 980px;
	background: url(../images/bg/main-bg.jpg) no-repeat #DEECF0 ;
	overflow: hidden;
	margin: 0px auto;
}
#innerContent {
	display: block;
	width: 1008px;
	overflow: hidden;
	margin: 0px auto;
}
h3.title {
	display: block;
	width: 953px;
	background: url(../images/bg/bg-title.gif) repeat-x;
	height:63px;
	border-top: 1px solid #d7d3ce;
	border-left: 1px solid #d7d3ce;
	border-right: 1px solid #d7d3ce;
	padding: 40px 0 0 25px;
	font-size: 32px;
	font-weight: bold;
	color: #cc6600;
	margin: 0px auto;
}
h3.title_inter {
	display: block;
	width: 953px;
	background: url(../images/bg/bg-title.gif) repeat-x;
	height:80px;
	border-top: 1px solid #d7d3ce;
	border-left: 1px solid #d7d3ce;
	border-right: 1px solid #d7d3ce;
	padding: 23px 0 0 25px;
	font-size: 40px;
	font-weight: bold;
	color: #cc6600;
	margin: 0px auto;
	line-height: 35px;
}
.information {
	display: block;
	width: 980px;
	overflow: hidden;
	margin: 20px auto 0px;
}
.titleInfo {
	width: 900px;
	margin: 0px auto;
	text-align: center;
	font-size: 16px;
}
.titleInfo span {color: #008FC4; font-weight: bold;}
.information dl {
	display: block;
	float: left;
	width: 220px;
	margin: 0px 5px 0px 5px;
}
.information dl dt {
	font-size: 14px;
	padding: 10px 0 0 40px;
	height: 45px;
	margin: 0px auto;
	display: block;
}
.information dl dt span {
	font-weight: bold;
	display: block;
}
.information dl dd {
	text-align: center;
}
.key {
	display: block;
	width: 980px;
	overflow: hidden;
	margin:  0 auto;
	height: 194px;
}
.key li {
	display: inline;
	float: left;
	font-size: 16px;
	height: 194px;
	margin: 0px auto;
	width: 245px;
}
.key li a {
	display: block;
	color: #008FC4;
	text-decoration: none;
	background:url(../images/nav/nav01.jpg) no-repeat;
	width: 245px;
	height:154px;
	padding: 40px 0 0;
	font-weight: bold;
}
.key li.diamond span {font-size: 16px; color: #008FC4; text-decoration: none; width: 120px; display: block; margin-left: 80px; text-align: center;}
.key li.diamond em {color: #013240; font-size: 14px; font-style: normal; font-weight: normal; display: block; margin-top: 30px;}
.key li.diamond a:hover {
	background:url(../images/nav/nav01-over.jpg) no-repeat;
}
.key li.circle a {
	background:url(../images/nav/nav02.jpg) no-repeat;
	width: 205px;
	margin: 0px auto;
	padding: 38px 20px 0px;
}
.key li.circle span {font-size: 16px; color: #008FC4; text-decoration: none; width: 120px; display: block; margin-left: 80px; text-align: center;}
.key li.circle em {color: #013240; font-size: 14px; font-style: normal; font-weight: normal; display: block; margin-top: 30px;}

.key li.circle a:hover {
	background:url(../images/nav/nav02-over.jpg) no-repeat;
}
.key li.hexagonal a {
	background:url(../images/nav/nav03.jpg) no-repeat;
	width: 205px;
	margin: 0px auto;
	padding: 38px 20px 10px;
}
.key li.hexagonal  span {font-size: 16px; color: #008FC4; text-decoration: none; width: 130px; display: block; margin-left: 80px; text-align: center;}
.key li.hexagonal  em {color: #013240; font-size: 14px; font-style: normal; font-weight: normal; display: block; margin-top: 10px;}

.key li.hexagonal a:hover {
	background:url(../images/nav/nav03-over.jpg) no-repeat;
}
.key li.square a {
	background:url(../images/nav/nav04.jpg) no-repeat;
	width: 205px;
	margin: 0px auto;
	padding: 38px 20px 0px;

}
.key li.square span {font-size: 16px; color: #008FC4; text-decoration: none; width: 130px; display: block; margin-left: 80px; text-align: center;}
.key li.square em {color: #013240; font-size: 14px; font-style: normal; font-weight: normal; display: block; margin-top: 30px;}

.key li.square a:hover {
	background:url(../images/nav/nav04-over.jpg) no-repeat;
}
.detail {
	display: block;
	width: 920px;
	overflow: hidden;
	background: url(../images/line/line-bg.jpg) top no-repeat;
	margin: 20px auto;
	padding: 20px 30px 20px;
}
.detail .detailBox {
	display: block;
	float: left;
	width: 200px;
	padding-right: 20px;
	overflow: hidden;
	background: url(../images/separator.png) repeat-y right;
	margin-right: 20px;
	height: 250px;
}
.detail .detailBox h3 {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}
.detail .detailBox.last {
	background:none;
	padding: 0px;
	margin: 0px;
}
.detail .detailBox ul {
	display: block;
	overflow: hidden;
}
.detail .detailBox ul li {
	color: #070a34;
	list-style: disc;
	padding-right: 5px;
	margin-left: 15px;
	font-size: 14px;
	padding-bottom: 5px;
}
.detail .detailBox ul li a {
	color: #008FC4;
	text-decoration: underline;
}
.container {
	display: block;
	width: 1008px;
	background: url(../images/bg/bg-innercontent.gif) repeat-y;
	margin: 0px auto;
	overflow: hidden;
}
/*--information2--*/
#information2 {
	background: #DEECF0;
	overflow:hidden;
	display:block;
	margin: 0px auto 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#f_left {
	float:left;
	width:400px;
	display:inline;
	margin:10px 0px 0px 40px; /*_margin:0 12px;*/
	font-size: 16px;
	color: #5F5F5F;
}
#f_right{
	float:left;
	padding-left:40px;
	width:460px;
}
.invention {
	float:left;
	display:inline;
	background: url(../images/img/elephant_Final.jpg) no-repeat #BFDAE1;
	border:1px solid #fff;
	width:400px;
	margin-top:15px;
	position:relative;
	padding-top: 270px;
	height: 450px;
}
.invention img.pic1 {
	display:block;
	margin:0 auto;
}
.invention img.pic2 {
	display:block;
	position:absolute;
	top:670px;
	left:-8px;
	}
	*:first-child+html .invention img.pic2 {top: 630px;}
.invention h3 {
	font-size:17px;
	margin:0 17px 6px;
	font-weight:bold;
	color: #1A2151;
}
.invention p {
	margin:0 17px 10px;
	line-height: 16px;
	font-size: 13px;
	color: #070A34;
	font-family: Arial, Helvetica, sans-serif;
}
.invention a {
	background:url(../images/button/btn-explore.gif) left top no-repeat;
	text-indent:-9999px;
	display:block;
	height:33px;
	width:120px;
	top: 660px;
	left:259px;
	position: absolute;
}
.invention a:hover {
	background:url(../images/button/btn-explore.gif) left bottom no-repeat;
}
#information2 ul {
	margin: 10px 40px 0 0;
	list-style:none;
	background: #DEECF0;
	display: block; 
	float: right;
	width: 450px;
	padding: 0px 5px 0px;
}
#information2 li {
	background:url(../images/bg/bg-information-right.gif) center bottom no-repeat;
	padding:20px 0 23px;
	overflow:hidden;
	display:block;
	font-size: 13px;
	color: #070A34;
	float:left;
}
#information2 li p {
	float:left;
	line-height:20px;
	
	margin-bottom: 15px;
}
#information2 li img {
	float:left;
	margin-right:8px;
}
#information2 li a {
	color: #336699;
}
#information2 li a:hover {
	color: #CC6600;
	text-decoration: underline;
}

.btnServices  a {display: block; float: right; width: 160px; background: url(../images/button/btn-service.jpg) no-repeat; height: 30px; margin-top: 25px; text-decoration: none;!important}
	.btnServices  a:hover {display: block; width: 160px; background: url(../images/button/btn-service-over.jpg) no-repeat; height: 30px; margin-top: 25px; text-decoration: none!important;}
	.btnServices  em {visibility: hidden;}

.btnServices-th  a {display: block; float: right; width: 160px; background: url(../images/button/btn-service_th.jpg) no-repeat; height: 30px; margin-top: 25px; text-decoration: none;!important}
	.btnServices-th  a:hover {display: block; width: 160px; background: url(../images/button/btn-service_th-over.jpg) no-repeat; height: 30px; margin-top: 25px; text-decoration: none!important;}
	.btnServices-th  em {visibility: hidden;}
	
.btnProjects  a {display: block; float: right; width: 114px; background: url(../images/button/btn-project.jpg) no-repeat; height: 24px; margin-top: 10x; text-decoration: none;!important}
	.btnProjects  a:hover {display: block; width: 114px; background: url(../images/button/btn-project-over.jpg) no-repeat; height: 24px; margin-top: 15px; text-decoration: none!important;}
	.btnProjects  em {visibility: hidden;}

.btnProjects-th  a {display: block; float: right; width: 114px; background: url(../images/button/btn-project_th.jpg) no-repeat; height: 24px; margin-top: 15px; text-decoration: none;!important}
	.btnProjects-th  a:hover {display: block; width: 114px; background: url(../images/button/btn-project_th-over.jpg) no-repeat; height: 24px; margin-top: 15px; text-decoration: none!important;}
	.btnProjects-th  em {visibility: hidden;}
/*--end information2--*/

	/*-- sidebarLeft--*/
	.container .sidebarLeft {
	display: block;
	float: left;
	width: 207px;
	overflow: hidden;
	/*height: 440px;*/
	padding-top: 30px;
}
.container .sidebarLeft ul {
	display: block;
	width: 207px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.sidebarLeft ul li a {
	display: block;
	width: 162px;
	padding: 8px 5px 15px 40px;
	font-family: "Lucida Grande", Lucida, Arial, sans-serif;
	font-size: 13px;
	text-shadow: 0 1px 0 #FFFFFF;
	background: url(../images/line/line.gif) 14px bottom no-repeat;
	color: #817B7B;
	text-decoration: none;
	font-weight: bold;
}
.sidebarLeft ul li.doubleline a {
	padding: 3px 0px 15px 40px!important;
}
.sidebarLeft ul li a:hover {
	color: #CC6600;
}
.sidebarLeft ul li a.active, .sidebarLeft ul li a.active:hover {
	color:#fff;
	text-shadow :0px 1px 0px #666;
	background: url(../images/bg/nav-submenu.gif) 0px 0 no-repeat;
	width: 167px;
	border: 0;
	position:relative;
	top:0px;
	border:0 !important;
	padding-bottom:11px;
	height: 29px;
}
ul#subnav li a.active span {
	position:absolute;
	width:15px;
	height:10px;
	background:url('http://webimages.mailchimp.com/img/subnav-status.png') bottom left no-repeat;
	top:39px;
	left:0;
}
/*-- detailContent --*/
.detailContent {
	display: block;
	float: right;
	width: 710px;
	margin: 30px 50px 0px 0px;
	overflow: hidden;
}
.detailContent h3 {
	font-size: 20px;
	color: #336699;
	font-weight: bold;
	margin-bottom: 15px;
}
.detailContent h5 {
	font-size: 24px;
	color: #336699;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.detailContent h5.advantage {margin: 30px 0px; padding: 0 0 5px 0;}
.detailContent p {
	font-size: 16px;
	line-height: 18px;
	color: #5F5F5F;
	margin-bottom: 15px;
	text-align: justify;
}
.detailContent ul {
	font-size: 16px;
	line-height: 18px;
	color: #5F5F5F;
	margin-bottom: 15px;
	padding-bottom: 30px;
}
.detailContent ul li { list-style: disc inside; color:#336699; }
.linedetail {border-bottom: 1px dashed #0070c0; display: block; width: 690px; margin: 30px 0 0px;}
.features {
	display: block;
	width: 700px;
	padding-bottom: 40px;
	border-bottom: 1px dotted #e3e3e3;
	overflow: hidden;
	margin-bottom: 30px;
}
.features dt {
	display: block;
	float: left;
	border: 4px solid #e3e3e3;
	height: 210px;
}
.features dd {
	display: block;
	float: right;
	width: 390px;
	overflow: hidden;
}
.features dd h3 {
	font-size: 20px;
	color: #336699;
	font-weight: bold;
	margin-bottom: 15px;
}
.features dd p {
	font-size: 16px;
	line-height: 18px;
	color: #5F5F5F;
	margin-bottom: 15px;
}
.features dd ul {
	display:block;
	margin: 0px;
	padding: 0px;
}
.features dd ul li {
	display: list-item;
	list-style: disc;
	color: #5F5F5F;
	padding-bottom: 5px;
	margin-left: 15px;
}
.features dd ul li a {
	color: #336699;
	text-decoration: none;
}
.features dd ul li a:hover {
	color: #CC6600;
	text-decoration: underline;
}
.resource {
	display: block;
	padding: 0 30px 20px;
	overflow: hidden;
	margin-bottom: 30px;
	width:630px;
}
.resource dt {
	display: block;
	float: left;
	width: 45px;
}
.resource dd {
	display: block;
	float: right;
	overflow: hidden;
	width:560px;
}
.resource dd h3 {
	font-size: 20px;
	color: #00b0f0;
	font-weight: bold;
	margin-bottom: 15px;
	padding-top: 18px;
}
.resource dd h3 span{
	color: #336699;
}
.resource dd a {
	color: #336699;
	text-decoration: none;
}
.resource dd a:hover {
	color: #CC6600;
	text-decoration: underline;
}
.advantage {
	display: block;
	padding:20px 30px 20px 130px;
	overflow: hidden;
	margin-bottom: 30px;
}
.competitive { background:url(../images/img/1.jpg) no-repeat left top; }
.commitment { background:url(../images/img/2.jpg) no-repeat left top; }
.care { background:url(../images/img/3.jpg) no-repeat left top; }
.collaboration { background:url(../images/img/4.jpg) no-repeat left top; }

.advantage dd {
	display: block;
	overflow: hidden;
}
.advantage dt {
	font-size: 20px;
	display:block;
	color: #336699;
	font-weight: bold;
	margin-bottom: 15px;
	padding-top: 5px;
}
.advantage dt span{
	color: #00b0f0;
}
.advantage dd a {
	color: #336699;
	text-decoration: none;
}
.advantage dd a:hover {
	color: #CC6600;
	text-decoration: underline;
}
.customers_overview {
	display: block;
	margin: 25px 0;
	width: 700px;
}
.customers_overview h4 {
	margin: 15px 0;
}
.customers_overview img {
	border: 1px solid #E6E6E6;
	margin-right: 10px;
}
.detailSubcontent {
	line-height: 18px;
	margin-right: 20px;
}
.detailSubcontent span {
	font-size: 80px;
	color: #336699;
	float: left;
	line-height: 69px;
	width: 70px;
}
.detailSubcontent a {
	color: #336699;
	text-decoration: none;
}
.detailSubcontent a:hover {
	color: #CC6600;
	text-decoration: underline;
}
.detailSubcontent span.txt-big {font-size: 20px!important; width: 0px!important; display: block;}

.career {
	display: block; 
	border-top: 1px solid #CEE1F3;
	border-left: 1px solid #CEE1F3;
	border-right: 1px solid #CEE1F3;
	overflow: hidden;
	background: #FFFFEE;
	padding-bottom: 0px!important;
	}
	.career li {
		display: block; 
		float: left; 
		width:309px; 
		background: url(../images/icon/fastf_16.png) 15px 12px no-repeat; 
		border-bottom: 1px solid #CEE1F3;
		padding: 10px 10px 10px 35px;
		font-size: 12px;
		}
	.career li a {
	color: #336699;
	text-decoration: none;
	font-size: 14px;
	}
	.career li a:hover {
	color: #CC6600;
	text-decoration: underline;
}
	.career li.noArrow {
		display: block; 
		float: left; 
		width:309px; 
		background: none!important; 
		border-bottom: 1px solid #CEE1F3;
		padding: 10px 10px 10px 35px;
		font-size: 12px;
		}
.imgPurpose {
	float: right;
	width: 370px;
	text-align: center;
	margin-bottom: 0px!important;
	margin-top: 77px;
}
.imgPurpose_tree {
	float: right;
	width: 370px;
	text-align:right;
	margin-top:18px;
	margin-bottom:0px!important;
}
.email {
	display: block;
	width: 700px;
	padding-bottom: 40px;
	border-bottom: 1px dotted #e3e3e3;
	overflow: hidden;
	margin-bottom: 20px;
}
.email dt {
	display: block;
	float: left;
}
.email dt.imgEmail{
	display: block;
	float: left;
	width: 160px;
	margin: 25px 0 0 50px;
}
.email dt.imgSurvey{
	display: block;
	float: left;
	width: 160px;
	margin: 25px 0 0 50px;
}

.email dd {
	display: block;
	float: right;
	width: 390px;
	overflow: hidden;
	font-size: 15px;
	color: #5F5F5F;
	line-height: 18px;
	padding-top: 18px;
}
.email dd h5 {
	color: #336699;
	font-size: 16px;
	margin: 10px 0px 5px;
}
.email dd a {
	color: #336699;
	text-decoration: none;
}
.email dd a:hover {
	color: #CC6600;
	text-decoration: underline;
}
.email dd ul {
	display: block;
	width: 390px;
	overflow: hidden;
	font-size: 15px;
	color: #5F5F5F;
	padding-bottom: 0px!important;
	margin-bottom: 0px;
}
.email dd ul li {color: #5F5F5F; width: 350px; list-style: none; background: url(../images/icon/icon-disc.gif) no-repeat 0px 7px; padding-left: 15px; margin-bottom: 5px; }
.email dd ul li strong {
	color: #336699;
	font-weight:bold;
}

.email dd ul li a {
	color: #336699;
	text-decoration: none;
}
.email dd ul li a:hover {
	color: #CC6600;
	text-decoration: underline;
}

.listDetail {
	display: block;
	width: 700px;
	
}
.listDetail li {display: block; list-style: none; border-bottom: 1px dotted #e3e3e3; margin-bottom: 20px; padding-bottom: 15px;}
.listDetail li h5 {color: #336699; font-size: 16px; padding-bottom: 7px!important; margin-bottom: 0px!important;}
.listDetail li span  {font-size: 15px; 	color: #5F5F5F; line-height: 18px;}
.submenu {
	display: block;
	width: 710px;
	margin: 0px auto 30px;
	overflow: hidden;
	height: 80px;
}
.submenu li {
	list-style: none;
	display: inline;
	float:left;
}
.submenu li a {
	text-decoration: none;
	border: none;
}
.submenu li span {
	visibility: hidden;
}
.submenu li.define a {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/define.gif) no-repeat;
}
.submenu li.define a:hover {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/define-over.gif) no-repeat;
}
.submenu li.design a {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/design.gif) no-repeat;
	margin-left: -30px;
}
.submenu li.design a:hover {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/design-over.gif) no-repeat;
}
.submenu li.deliver a {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/deliver.gif) no-repeat;
	margin-left: -30px;
}
.submenu li.deliver a:hover {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/deliver-over.gif) no-repeat;
}
.submenu li.develop a {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/develop.gif) no-repeat;
	margin-left: -30px;
}
.submenu li.develop a:hover {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/develop-over.gif) no-repeat;
}
/*-- survey --*/
.submenu li.find a {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/find.gif) no-repeat;
}
.submenu li.find a:hover {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/find-over.gif) no-repeat;
}
.submenu li.assess a {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/assess.gif) no-repeat;
	margin-left: -30px;
}
.submenu li.assess a:hover {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/assess-over.gif) no-repeat;
}
.submenu li.draw a {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/draw.gif) no-repeat;
	margin-left: -30px;
}
.submenu li.draw a:hover {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/draw-over.gif) no-repeat;
}
.submenu li.test a {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/test.gif) no-repeat;
	margin-left: -30px;
}
.submenu li.test a:hover {
	display: block;
	float: left;
	width: 195px;
	height: 80px;
	background: url(../images/nav/test-over.gif) no-repeat;
}

.listMarketing {display: block; width: 710px; margin: 10px auto 20px; overflow: hidden;}
	.listMarketing li {display: inline; float: left; list-style: none; margin-right: 5px;}
	.listMarketing li a {border: none; text-decoration: none;}
	.listMarketing li span {visibility: hidden;}
	.listMarketing li.account a {display: block; width: 169px; background: url(../images/banner/banner-marketing-1.jpg) no-repeat; height: 147px;}
	.listMarketing li.account a:hover {display: block; width: 169px; background: url(../images/banner/banner-marketing-1-over.jpg) no-repeat;}
	.listMarketing li.international a {display: block; width: 169px; background: url(../images/banner/banner-marketing-2.jpg) no-repeat; height: 147px;}
	.listMarketing li.international a:hover {display: block; width: 169px; background: url(../images/banner/banner-marketing-2-over.jpg) no-repeat;}
	.listMarketing li.emailMarketing a {display: block; width: 175px; background: url(../images/banner/banner-marketing-3.jpg) no-repeat; height: 147px;}
	.listMarketing li.emailMarketing a:hover {display: block; width: 175px; background: url(../images/banner/banner-marketing-3-over.jpg) no-repeat;}
	.listMarketing li.survey a {display: block; width: 175px; background: url(../images/banner/banner-marketing-4.jpg) no-repeat; height: 147px;}
	.listMarketing li.survey a:hover {display: block; width: 175px; background: url(../images/banner/banner-marketing-4-over.jpg) no-repeat;}


.container form {
	display: block;
	width: 938px;
	overflow: hidden;
	margin: 0px auto;
	background: #fff;
	padding: 15px 20px;
	color:#5F5F5F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.container form .left_column {
	float:left;
	margin-bottom:66px;
	margin-left:30px;
	margin-top:10px;
	width:435px;
	overflow:hidden;
}
.form_entry_input textarea {
	font-weight:normal;
	width:433px;
	border:1px solid #d7d6d6;
	color:#757575;
}
.container form .form_entry_input input {
	border:1px solid #d7d6d6;
	color:#757575;
	padding:7px 4px;
	width:425px;
	margin-bottom: 0px;
}
.left_column h2 {
	padding-bottom:5px;
	color:#336699;
}
.left_column p {
	text-align: justify;
}
.warning {
	margin:5px 0;
}
.form_entry_input {
	margin-bottom:6px;
}
.form_entry_input label {
	display:none;
}
.right_column {
	border:1px solid #FFFFFF;
	margin-right:30px;
	margin-top:10px;
	width:410px;
	float:right;
	margin-bottom:50px;
}
.right_column h2 {
	margin-right: 30px;
	width: 410px;
	color:#336699;
	padding-left: 5px;
}
.map {
	background: url(../images/bg-right_column-quote-top.gif) no-repeat;
	margin:30px 7px 0;
	padding:25px 0px 17px;
	text-align:center;
}
.map h3 {
	font-size:22px;
	font-weight:bold;
	padding:17px 0;
	color:#336699;
}
.contact {
	background: url(../images/bg-right_column-quote-bottom.gif) no-repeat;
	margin:0 7px 8px;
	overflow:hidden;
	height: 280px;
}
.contact h3 {
	background: url(../images/bg-right_column-quote-middle.gif) no-repeat;
	color:#CC6600;
	font-size:16px;
	font-weight:bold;
	padding:25px 26px 5px;
}
.contact p {
	padding: 0 0 15px 26px;
}
button.submit {
	background:transparent url(../images/button/btn-submit.gif) no-repeat;
	border:0 none;
	cursor:pointer;
	float:right;
	height:27px;
	margin:8px 10px 10px 0;
	text-indent:-9999px;
	width:82px;
}
button.submit:hover {
	background-position:left bottom;
}
.left_column .description {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #D7D6D6;
	margin-bottom:24px;
	padding:18px;
	clear:both;
	overflow:hidden;
}
.left_column .description h2 {
	color: #336699;
}
.form_entry {
	margin-bottom:24px;
}
.form_entry label {
	background:#7E93A9 url(../images/bg-contact-label.gif) repeat-x;
	color:#FFFFFF;
	display:block;
	font-size:14px;
	padding:4px 9px;
}
.form_entry label.checking {
	width:215px;
	float:left;
}
.check_num {
	float:left;
	height:22px;
	height:18px;
	padding:2px 4px;
	width:190px;
	color:#757575;
}
.form_entry textarea {
	background:#FFFFFF url(../images/bg-contact-textarea.gif) repeat-x;
	border:1px solid #E9E9E9;
	color:#757575;
	padding:4px;
	width:425px;
}
.space {
	padding-bottom: 25px;
}
.services { display:block; height:1820px; }
.servicesother {  height:2050px;   }
.services a {color: #336699; text-decoration: underline; font-weight: bold; color: #CC6600;}
.services a:hover {
	color: #CC6600;
	text-decoration: underline;
}
.services-clip { background:url(../images/bg/whitepaper_greenpaperclips.png) no-repeat; width:650px; height:300px; position:absolute; top:200px; display:block; padding:120px 30px 0;  }
.services-clip  p { color: #336699; }
.services-clip ul li { line-height:25px;  }
.services-clip span { background:#FFFF33; }
.services-clip span.L100 { margin-left:100px; }
.services-clip span.L20 { margin-left:20px; }
.services-clip span.L76 { margin-left:76px; }
.services-clip span.L51 { margin-left:51px; }
.services .content { width:650px; padding: 330px 30px 0; position:relative; /padding-top:350px; }
.services .content p { color: #336699; line-height:22px;}
.services h5 { background:url(../images/bg/MarketEntryNote.png) no-repeat; width:220px; height:36px; font-size:16px; font-weight:bold; padding-top:15px; margin-top:30px; text-align:center; }
.services .content .forthai { background:url(../images/bg/ServicesforThai.jpg) no-repeat 0 30px; position:absolute; width:650px; left:-1px; padding:30px 30px 40px ; margin-top:20px; display:block; border-bottom:1px solid #00b0f0; border-top:1px solid #00b0f0; }
.services .content .forthai p { font-weight:bold; color:#000000; }
.services .content .forthai div  { padding-top:255px; }
.services .content .forthai div dl { width:100px; margin-right:10px; float:left; color: #336699; font-weight:bold;  }
.services .content .forthai div dl.last { margin-right:0px; }
.services .content .forthai div dl dt span  { background:#FFFF33; }
.services .content .contactus { display:block; text-align:center; background:url(../images/bg/bg-contactus.jpg) no-repeat 0 540px; height:200px; padding-top:540px;   }
.services .content .contactus p { font-size:18px!important; }
.services .content .contactus img { display:inline; }
.services .content .contactus .btn { margin:0 20px; }
.services .content span { background:#FFFF33; }

.services .other { padding-top:0px!important; }
.services-pin { background: url(../images/bg/bg_paperclips_onPin.jpg) no-repeat; width:650px;  display:block; padding: 30px 30px 0; height:390px;  }
.services-pin h4 { margin-bottom:70px; }
.services-pin p { line-height:22px; color: #336699; }
.services-pin span { background:#FFFF33; }

.org {display: block; width: 678px; margin: 5px auto; background: url(../images/logo-org.jpg) no-repeat; height: 101px; padding-bottom: 20px!important;}
	.org li {display: inline; float: left; height: 121px;}
	.org li span {visibility: hidden;}
	.org li a {background: url(../images/logo-org.jpg) no-repeat; text-decoration: none; display: block; height: 121px; }
	
	.org li.dss a {background-position: 0px 0px; width: 109px;}
		.org li.dss a:hover {background-position: 0px -121px;}
	
	.org li.nia a {background-position: 138px 0px; width: 138px; display: block;}
		.org li.nia a:hover {background-position: -109px -121px; display: block;}
	
	.org li.trf a {background-position: 247px 0px; width: 88px; display: block;}
		.org li.trf a:hover {background-position: -247px -121px; display: block;}
	.org li.rdctri a {background-position: 335px 0px; width: 127px; display: block;}
		.org li.rdctri a:hover {background-position: -335px -121px; display: block;}
	.org li.engineering a {background-position: 462px 0px; width: 110px; display: block;}
		.org li.engineering a:hover {background-position: -462px -121px; display: block;}
	.org li.engineering1 a {background-position: 572px 0px; width: 106px; display: block;}
		.org li.engineering1 a:hover {background-position: -572px -121px; display: block;}
		
		
	.detailOrg {display: block; width: 678px; margin: 10px auto 25px; overflow: hidden; border-top: 1px dashed #454545; padding-top: 20px;}
		.detailOrg dl {display: block; width: 678px; margin-bottom: 5px;}
			.detailOrg dl dt {display: block; float: left; padding: 5px; border: 1px solid #999; margin-top: 5px; margin-right: 10px;}	
			.detailOrg dl dd {display: block; float: right; width: 550px; margin-bottom: 10px;}
			.detailOrg dl dd a {color: #336699; text-decoration: none;}
			.detailOrg dl dd a:hover {color: #CC6600; text-decoration: underline;}
	.lay {
    display: none;
    position: relative;
	background: url(../bg-key.jpg) no-repeat;
	width: 860px; 
	padding: 20px;
	height: 160px;
	margin: 0px auto;
}
.subKey {
    display: none;
    position: relative;
	width:500px;
	background: url(../bg-key.jpg) no-repeat;
}
.imgLibrary {display: block; float: left; width: 450px; padding-bottom:25px;}
.titleLibrary {display: block; float: right; width: 250px; overflow: hidden; margin-top: 50px;}
	.titleLibrary em {display: block; font-style: normal;}
	
	

#footer {
	display: block;
	width: 980px;
	border-top: 10px solid #1B2052;
	background: #81AEBA none repeat scroll 0 0;
	margin: 0px auto 15px;
	overflow: hidden;
}
#footer ul {
	display: block;
	width: 700px;
	margin: 10px  auto;
}
#footer ul.thai {
	display: block;
	width: 450px!important;
	margin: 10px  auto;
}
#footer ul li {
	display: inline;
	float: left;
	border-right:1px solid #50838F;
	color: #1B2052;
	text-decoration: none;
	padding: 0px 15px;
}
#footer ul li a {
	color: #1B2052;
	text-decoration: none;
}
#footer ul li a:hover {
	color:#3E788F;
}
#footer ul li.last {
	border: none;
}
#footer .copy {
	display: block;
	margin: 2px auto;
	width: 700px;
	text-align: center;
	padding-bottom: 20px;
}
#footer .copy span {display:block;}
/*        Tab           */
.simpleTxt {
	font-size: 14px;
	line-height: 18px;
	color: #191F51;
}
.txtBlueBold {
	font-weight: bold;
	color: #369;
}
.txtBlueBold a {
	font-weight: bold;
	color: #369;
	text-decoration:none;
}
.cellMid {
	display:inline-block; 
	vertical-align:middle;
	height:60px;
}
.contentNew {
	display: block; 
	float: right; 
	width: 785px; 
	overflow: hidden; 
	margin: 0px 15px 0px 0px;
}
/*
	SLIDER
*/
.slider-wrap								{ width: 980px; margin: 0px auto; display:block; overflow:hidden; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 980px; height: 399px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 980px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{  }
#movers-row									{ float:left; width:735px; }
#movers-row div								{ float:left; width: 245px;}
#movers-row div a:hover 				{ color: #09F; background:#191845; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{
	line-height:60px;
	text-decoration:none;
	color:#FFF;
	font-size:21px;
	font-weight:bold;
	text-align:center;
	display: block;
	width: 245px;
	height:60px;
	background:#06C;
	position: relative;
	z-index: 9999;
	background-color: #1A2048;
}
.active-thumb 								{ background: #09F;}