/*
Theme Name: MCG New
Version: 1.6
Author: MCG

*/


*				{margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; color:#6e6e73; outline:none; line-height:17px;}
body			{font-size:0.625em; background:#fff}
a				{color:#007cb7; text-decoration:none}
a:hover			{text-decoration:underline;}
select, input, textarea	{font-family:Arial, Helvetica, sans-serif; color:#6e6e73; border:#d1d1cf solid 1px;}
input .button {background:url(images/button_SubmitContactUs.gif);}
input {padding:1px 0 2px 3px; color:#6e6e73;}

h2{font-size:1.167em; color:#333333;}
h3{font-size:1.167em; color:#000;}
h4, h5, h6{font-size:1em; color:#000}
img, fieldset{border:0}
.hidden{display:none;}
/***********/
ol, ul{list-style-type:none;}
ul{}
	ul li{}
ol{}
	ol li{}
dl{}
	dt{font-weight:bold; text-transform:upper/Scripts;} 
	dd{}
/***********/
table{}
	th, td{text-align:left; padding:0;}
	th{}
	td{}
	thead{font-weight:bold;}
		thead th{}
		thead td{}
	tbody{}
		tbody th{}
		tbody td{}
		
p{line-height:18px;}

/********** Common Classes ********/
.clear{height:0; clear:both; padding:0; margin:0; line-height:0;}

/********** Common Structure (for all templates) ********/
/********************************************************/

#wrapper { width:100%; font-size:1.2em;}

	/***********header************/
	#header{width:100%; border-top:#313131 solid 8px; background:#1b1c1c; padding:13px 0 15px 0}
	#headerContent{width:980px; margin:0 auto; overflow:hidden}
	#headerContent h1{display:block; float:left; margin:0 149px 0 0}
	
	#headerContent div{width:230px; float:left; padding:6px 0 0 0}
	#headerContent div ul{width:100%; overflow:hidden; margin:0 0 10px 0}
	#headerContent div li{display:block; float:left;}
	#headerContent div li a{background:url(images/ico_arrow_01.gif) 0 5px no-repeat; padding:0 0 0 10px; text-decoration:underline; font-size:0.912em; margin:0 10px 0 0}
	#headerContent div li a:hover{text-decoration:none}
	#headerContent div p{padding:0 0 0 10px;}
	#headerContent div img{margin:0 5px 0 0}
	
	/***********nav************/
	.nav{width:378px; display:block; float:left; padding:7px 0 0 0; margin:0 56px 0 0}
	.nav li{display:block; width:189px; float:left; margin:0}
	.nav li a{background:url(images/ico_nav_02.gif) 0 5px no-repeat; text-transform:upper/Scripts; color:#bebfbf; padding:0 0 0 10px; font-size:1.167em}
	.nav li a:hover{color:#fff; text-decoration:none; background:url(images/ico_nav_01.gif) 0 5px no-repeat}
	.nav .current a{color:#fff; background:url(images/ico_nav_01.gif) 0 5px no-repeat}
	

	
	.banner{width:100%; border-top:#e8ebf0 solid 11px; border-bottom:#e8ebf0 solid 11px; background:url(images/bgd_banner.jpg) 50% 0 no-repeat;}
		.banner div{width:980px; margin:0 auto; position:relative; height:91px;}
		.imgType{position:absolute; z-index:800; left:0; top:0}
		.title{position:absolute; z-index:9999; left:510px; top: 0px;}
				.title_about{position:absolute; z-index:9999; left:520px; margin: -3px 0px 0 -4px;}		
		.title_spotlight{position:absolute; z-index:9999; left:500px; margin: -3px 0px 0 -4px;}
		.title_services{position:absolute; z-index:9999; left:510px; margin: -3px 0px 0 -4px;}	
		.title_news{position:absolute; z-index:9999; left:510px; margin: -3px 0px 0 -4px;}	
		.title_contactus{position:absolute; z-index:9999; left:520px; margin: -3px 0px 0 -4px;}		
	/***********main************/
	#main{width:980px; margin:0 auto; padding: 16px 0 22px 0 ; overflow:hidden;}
	

	
	/***********lev************/
	#lev{width:196px; float:left; margin:0 30px 0 0}
		.levInfo{width:100%; background:url(images/bgd_line_01.gif) 0 100% repeat-x; padding:0 0 10px 0;}
		.lev1{}
			.lev1 li{display:block; background:url(images/ico_lev.gif) 0 0 no-repeat; padding:5px 0 5px 34px; margin:0 0 5px 0}
				.lev1 li a{font-size:1.167em;}
				
	/***********Scripts Info************/				
		./ScriptsInfo{width:100%; background:url(images/bgd_line_01.gif) 0 100% repeat-x; padding:0 0 10px 0;}
		./Scripts1{}
			./Scripts1 li{display:block; background:url(images/ico_/Scripts.gif) 0 0 no-repeat; padding:5px 0 5px 34px; margin:0 0 5px 0}
				./Scripts1 li a{font-size:1.167em;}	
				./Scripts1 li a.des{font-size:1.14em; color:#b2b2b2}	
				
					/***********Case Info************/				
		.caseInfo{width:100%; background:url(images/bgd_line_01.gif) 0 100% repeat-x; padding:0 0 10px 0;}
		.case1{}
			.case1 li{display:block; background:url(images/ico_case.gif) 0 0 no-repeat; padding:5px 0 5px 34px; margin:0 0 5px 0}
				.case1 li a{font-size:1.167em;}	
				.case1 li a.des{font-size:1.14em; color:#b2b2b2}	
				
				
	/***********Strategic************/				
		.strategic{width:100%; background:url(images/bgd_line_01.gif) 0 100% repeat-x; padding:0 0 10px 0;}
		.strategic1{}
			.strategic1 li{display:block; background:url(images/ico_strategic.gif) 0 0 no-repeat; padding:5px 0 5px 34px; margin:0 0 5px 0}
				.strategic1 li a{font-size:1.167em;}	
				.strategic1 li a.des{font-size:1.14em; color:#b2b2b2}		
				
				
	/***********Event************/					
		.event{width:100%; background:url(images/bgd_line_01.gif) 0 100% repeat-x; padding:0 0 10px 0;}
		.event1{}
			.event1 li{display:block; background:url(images/ico_event.gif) 0 0 no-repeat; padding:5px 0 10px 34px; margin:0 0 5px 0}
				.event1 li a{font-size:15px;}	
				.event1 li a.des{font-size:13.5px; color:#b2b2b2}
		.event_des{padding: 0 0 18px 5px; color:#282828}
		
	/************Infp*************/
			.info{padding:10px 0 0 15px}
			.info P{padding:0 0 20px 0}
			.info .mail{padding:0 0 20px 0; font-weight:bold}
		
	
			
					
	/***********content************/
	#content{width:522px; float:left; padding:10px 0 0 0;}
		#content h1{background:url(images/bgd_line_01.gif) 0 100% repeat-x; padding:0 0 7px 0; margin:0 0 15px 0;color:#c81716;  line-height:22px}
		#content h2{margin:0 0 5px 0;}
		#content h3{margin:0 0 5px 0;}
		#content ul {margin-top: 10px;}
		#content ul li { list-style-type: disc;margin: 0 0 0 20px;}
		#content ul li ul li{ list-style-type: circle; margin: 0 0 0 20px;}
		#content ol li{ list-style-type: demical;margin: 0 0 0 20px;}
		
		
#contact{width:400px; float:left; padding:10px 0 0 0;}
	
	/***********home************/
	.highlightHome{width:100%; }
	
			#mainhome{width:980px; margin:0 auto; padding: 16px 0 22px 0;}
			
	/***********flash feature************/
	#flashBanner{width:100%; overflow:hidden; border-top:#e8ebf0 solid 11px; border-bottom:#e8ebf0 solid 11px; background:url(images/bgd_flash.jpg) 50% 0 repeat-x}
		#flashBanner div{width:980px; margin:0 auto; height:366px; }
		#flashBanner div img{display:block}
		
		/*Sua loi flash o trang home*/
#flashBanner div{width:980px; margin:0 auto; height:366px; overflow:hidden; }
			
		
		/***********clients and /Scripts studies************/
		.contType{width:100%; margin:0 0 25px 0}
		.approach{display:block; float:left; margin:-22px 5px 0 0; }
		
		
				.clientsinfoflash{
					width:512px;
					float:left;
					padding:0 0 0px 0;
					margin:-33px 22px 0 0px;
					height:276px;
					z-index:22;
					}	
					.clientsinfoflash  h3{}

		.clientsInfo{width:509px; float:left; background:url(images/bgd_bottomInfo_01.gif) 0 100% no-repeat; padding:0 0 0px 0; }	
			.clientsInfo div{width:443px; background:url(images/bgd_topInfo_01.gif) 0 0 no-repeat; padding:30px 28px 4px 38px}
			.clientsInfo h3{margin:0 0 20px 0}
			.clientsInfo ul{width:100%; overflow:hidden; margin:0 0 17px 0}
			.clientsInfo li{display:block; float:left; margin:0 8px 0 0}
			.clientsInfo li img{border:#e8ebf0 solid 7px;}
			.clientsInfo a{text-decoration:underline}
			.clientsInfo a:hover{text-decoration:none}
		
		/***********fresh media************/
		.freshMedia{width:212px; height:266px; float:left; background:url() 0 0 no-repeat; margin: -20px 0 0px 0; padding:22px 11px 0px 11px;}
			.freshMedia  h3{margin:0 0 12px 0 }
		
		/***********intro************/
		.intro{width:100%;}
			.intro h2{color:#333333; margin:0 0 5px 0; font-size:1em}
			.intro h3{color:#000; margin:0 0 5px 0; font-size:1em}
			.intro p{margin:0 0 20px 0}
	
		/***********about us************/
		.aboutus{width:100%;}
		.aboutus p{margin:0 0 15px 0}
		
		
		/***********client spotlight *********/
		.client_spotlight{width:100%;}
		.client_spotlight_item{padding:0 0 24px 0;}
			.client_spotlight_icon{float:left; width:99px;border:1px #bfbfbf solid}
				.client_spotlight_content{float:right; padding:0 0 0 27px; width:393px;}
							.client_spotlight_content a.read{padding:0 0 0 5px;}
							
		/*marketing_service*/
		.marketing_service{width:100%;}	
			.marketing_service_item{padding:0 0 24px 0;}
				.marketing_service_icon{float:left; width:97px;border:1px #bfbfbf solid}
					.marketing_service_content{float:right; padding:0 0 0 25px; width:396px;}
						.marketing_service_content a.more{}
						
		/*In the News*/				
			.inTheNews{padding:10px 0 0 0; width:100%}
			.inTheNews P{padding:0 0 20px 0;}
			.inTheNews a{padding:0 0 20px 0;}	


		/**********list client - category list**************/
		.contextInfo H3{color:#1b6aa1; margin:0 0 10px 8px; font-size:1.3em}
		.contextInfo P{margin:0 0 0px 0; color:#5e7985; font-size:12px}			
		
		
	/***********contextual************/
	#contextual{width:202px; float:right; padding:10px 0 0 0}
		.imgType2{margin:0 0 13px 0}
			.imgType2 img{display:block; border:#c9c9c9 solid 1px;}
		
		.contextInfo{width:182px; background:#e6eff5; padding:15px; }
			.contextInfo img{padding:0 0 7px 0}
			.contextInfo p{font-size:12px; color:#5e7985; padding:0 10px; margin:3px 0 3px 0}
			.contextInfo p.style1,style2,i{font-size:12px; color:#5e7985; padding:0 0px 5px 0; margin:3px 0 3px 0}	
		
		
	/***********footer************/
	#footer{width:100%; border-top:#f2f4f7 solid 13px; padding:20px 0; font-size:0.912em}
		#footer div{width:980px; margin:0 auto; overflow:hidden}
		#footer ul{float:right;}
		#footer li{display:inline; background:url(images/bgd_lineFooter.gif) 100% 50% no-repeat; padding:0 10px 0 9px;}
		#footer li a{color:#c7c7c7;}
		#footer li a:hover{color:#0f7eb3; text-decoration:none}
		#footer .last{background:none; padding-right:0}
		#footer p{color:#c7c7c7;}
		
	/***********Form ContactUs************/
	
	
			SPAN.select{
	PADDING-RIGHT: 24px; PADDING-LEFT: 8px; BACKGROUND: url(images/bg_select.gif) no-repeat; OVERFLOW: hidden; WIDTH: 158px; COLOR: #666; POSITION: absolute; line-height:18px; height:20px;
}

			.reasonForInquiry{padding:0 0 7px 0;}	
		    	.labelselect{width:100px;float:left; padding:0 0 2px 0; width:100px}
				.controlselect{padding:3px 0 0 0; float:left; width:200px;}

			.formContactUs .comments {}
			.formContactUs .comments label {width:100px; float:left}
			.formContactUs .comments span {float:left ;background:url(images/bg_txtArea.gif) 0 0 no-repeat; width:295px; height:140px; padding:0 0 0 2px; display:block;}
			.formContactUs .comments span textarea { width:288px; height:131px; background:none; border:0; font-size:12px; overflow:auto;}	
			
			.how{}
				.label_how{float:left; width:96px}
				.input_how{float:left; padding:3px 0 0 3px}	
	
			.submit_ContactUs{padding:24px 0 0 100px}
			.bg_submit {display:block;background:url(images/button_SubmitContactUs.gif) 0 0 no-repeat;overflow:hidden; width:140px;height:35px; border:none}

	.wpcf7-form {
	PADDING-RIGHT: 0px; PADDING-LEFT: 55px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.wpcf7-form LABEL {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666
}
.wpcf7-form .type {
	MARGIN-BOTTOM: 5px; OVERFLOW: hidden
}
.wpcf7-form .type LABEL {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 90px; PADDING-TOP: 1px; TEXT-ALIGN: left
}
.wpcf7-form-control-wrap your-name {
	PADDING-RIGHT: 4px; DISPLAY: inline-block; PADDING-LEFT: 4px; BACKGROUND: url(images/bg_txtfield.gif) no-repeat 0px 0px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 22px
}
.wpcf7-form-control-wrap your-name INPUT.wpcf7-validates-as-required{
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 250px; HEIGHT: 19px; BORDER-RIGHT-WIDTH: 0px
}
SPAN.select {
	PADDING-RIGHT: 24px; PADDING-LEFT: 8px; BACKGROUND: url(images/bg_select.gif) no-repeat; OVERFLOW: hidden; WIDTH: 158px; COLOR: #666; LINE-HEIGHT: 18px; POSITION: absolute; HEIGHT: 20px
}
.reasonForInquiry {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; PADDING-TOP: 0px
}
.labelselect {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 100px; PADDING-TOP: 0px
}
.controlselect {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 200px; PADDING-TOP: 3px
}
.wpcf7-form .comments {
	
}
.wpcf7-form .comments LABEL {
	FLOAT: left; WIDTH: 100px
}
.wpcf7-form .comments SPAN {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 2px; BACKGROUND: url(images/bg_txtArea.gif) no-repeat 0px 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 295px; PADDING-TOP: 0px; HEIGHT: 140px
}
.wpcf7-form .comments SPAN TEXTAREA {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; OVERFLOW: auto; WIDTH: 288px; HEIGHT: 131px; BORDER-RIGHT-WIDTH: 0px
}
.how {
	
}
.label_how {
	FLOAT: left; WIDTH: 96px
}
.input_how {
	PADDING-RIGHT: 0px; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 3px
}
.submit_ContactUs {
	PADDING-RIGHT: 0px; PADDING-LEFT: 100px; PADDING-BOTTOM: 0px; PADDING-TOP: 24px
}
.bg_submit {
	DISPLAY: block; BACKGROUND: url(images/button_SubmitContactUs.gif) no-repeat 0px 0px; WIDTH: 140px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 35px; BORDER-BOTTOM-STYLE: none
}
		
@charset "utf-8";
/* CSS Document */
div.popupscreen{
	margin:0;
	padding:34px 0 0 43px ;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7b8286;
	background: url(images/bg_popup.gif) no-repeat;
	width:319px;
	height:265px;
	display:none; 
	position:absolute;
	float:left;
	
	z-index:10;
}
div.popupscreen p{
	margin:0;
	padding:15px 0 0 0px;
	float:left;
	width:234px;
}
div.popupscreen a{
color:#0f7eb3;
text-decoration:none;
}

div.popupscreen img{

}

div.popupscreenscreen #title{
	padding:34px 0 0 43px;
	margin:0;
	float:left;
}
/*// Fixess for feedback
Sua loi kink bi sai mau**/

#headerContent div li a{background:url(images/ico_arrow_01.gif) 0 5px no-repeat; padding:0 0 0 10px; text-decoration:underline; font-size:0.912em; margin:0 10px 0 0; color:#7db6dd}




/*Sua vi tri tieu de trang webs*/

.title{position:absolute; z-index:9999; left:530px; top:75px;}
.title_spotlight{position:absolute; z-index:9999; left:500px; top:75px;}
.title_services{position:absolute; z-index:9999; left:515px; top:75px;}	
.title_news{position:absolute; z-index:9999; left:517px; top:75px;}	
.title_contactus{position:absolute; z-index:9999; left:520px; top:75px;}
.title_about{position:absolute; z-index:9999; left:530px; top:75px;}		

/*Sua chieu cao dong*/
.client_spotlight_content H3{line-height:11px;}
.marketing_service_content H3{line-height:11px;}



/**/