/* CSS Document */
/*	

	ChengDu Hi-Tech Development Zone
	By Yigit Erol
	www.Metafocus.co.uk

*/
html, body, div, span, applet, object, iframe, 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, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, ol, ul, li {	
	margin: 0;
	outline: 0;
}

/* remember to define focus styles! */
:focus {	
	outline: 0;
}

body {	
	position: relative;
	margin:	0;
	margin-bottom: 50px;
    margin-top: 0px;
    padding-top: 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EEE;
}

a img
{
	border:	none;
}

html {
	background-color: #4E4D53
}

#page {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#page_bottom {
	display: none;
}

#wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/Images/columns-back.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

.ThreeColLeft{
	float:left;
	width: 167px;
	padding: 0;
	padding-bottom: 21px;
	margin:	0;
	background-color: #F0AC1D;
} 

.ThreeColLeft h2
{
	display: none;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	color: #FFF;
}

.ThreeColLeft ul, .ThreeColLeft li, .ThreeColCentre ul, .ThreeColCentre li, #sectionmenu li
{
	list-style-type: none;
	padding: 0;
	margin:	0;
}

.ThreeColLeft ul
{
	line-height: 22px;
	padding-top: 93px;
	padding-bottom: 7px;
	margin-top: 0px;
	margin-bottom: 30px;
	background-image: url(/images/mainmenu_ul.gif);
	background-repeat: no-repeat;
	background-color: #F0B028;
}

.ThreeColLeft ul a
{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 20px;
	color: #FFF;
}

.ThreeColLeft ul a:hover
{
	background-image: url(/images/mainmenu-hover.gif);
	background-repeat: no-repeat;
}

.ThreeColLeft .active a, .ThreeColLeft .active a:hover
{
	background-image: url(/images/mainmenu_active.gif)!important;
	background-repeat: no-repeat;
}

.ThreeColLeft address
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	padding: 0 20px;
	margin-top: 40px;
	color: #FFF;
}

.ThreeColLeft address a
{
	text-decoration: none;
	color: #FFF;
}

.ThreeColCentre{
	float:left;
	width: 220px;
	padding: 0;
	padding-top: 35px;
	padding-bottom: 21px;
	background-image: url(/images/submenu_ul.gif);
	background-repeat: no-repeat;
	background-color: #4E4D53;
}

.ThreeColCentre h2
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	line-height: 22px;
	padding-left: 8px;	
	background-image: url(/images/submenu_header.gif);
	background-repeat: no-repeat;
	color: #FFF;
}

.ThreeColCentre ul
{
	height:	107px;
	padding: 44px 0;
	margin-bottom: 0;
	background-color: #57565C;
}

.ThreeColCentre ul a
{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px 24px;
	color:	#F0AC1D;
}

.ThreeColCentre ul .alternate a
{
	color: #F0D59A;
}

.ThreeColCentre .active a, .ThreeColCentre .active a:hover
{
	background-image: url(/images/submenu-active.gif)!important;
	background-repeat: no-repeat;
	color: #FFF!important;
}

.ThreeColCentre ul a:hover
{
	background-image: url(/images/submenu-hover.gif)!important;
	background-repeat: no-repeat;
}

.ThreeColCentre .submenu-2 a:hover
{
	background-image: url(/images/submenu-hover-2.gif)!important;
	background-repeat: no-repeat;
}

.ThreeColCentre .active-2 a, .ThreeColCentre .active-2 a:hover
{
	background-image: url(/images/submenu-active-2.gif)!important;
	background-repeat: no-repeat;
	color: #FFF!important;
}

.ThreeColCentre a:hover
{
	text-decoration: none;
}

#phone
{
	font-size: 17px;
	font-weight: bold;
	line-height: 17px;
	letter-spacing: 1px;
	padding: 0 23px;
	padding-bottom: 11px;
	color: #FFF;
}

#phone span
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 0;
	padding-left: 2px;
	color: #F0AC1D;
}

#featured h2
{
	margin-right: 10px;
	background-position: top right;
}

#featured
{
	text-align: right;
	padding-right: 35px;
	margin-bottom: 20px;
}

#featured img
{
	margin-top: 5px;
}

#featured a
{
	font-size: 12px;
	text-decoration: none;
	color: #F0AC1D;
}

#blog h2
{
	width: 60px;
	margin-bottom: 20px;
	background-position: top right;
}

#blog h3
{
	font-size: 12px;
	margin: 0 27px;
	color: #F0AC1D;
}

#blog h3 a
{
	color: #F0AC1D;
	text-decoration: none;
}

#blog h3 a:hover
{
	text-decoration: underline;
}

#blog p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:	5px 27px;
	color: #FFF;
}

.ThreeColRight {
	float:left;
 	width: 615px;
	color: #3F3F44;
	padding: 0;
	padding-bottom: 21px;
}

.ThreeColRight .twin h3, .ThreeColRight .twin h4
{
	width: 265px;
}

.ThreeColRight address
{
	font-size: 11px;
	font-style: normal;
	padding-left: 20px;
}

.ThreeColRight h2
{
	padding-left: 20px;
}

.ThreeColRight h3
{
	font-size: 13px;
	margin-left: 21px;
}

.ThreeColRight h4
{
	font-size: 12px;
	margin-left: 20px;
	color: #F0AC1D;
}

.ThreeColRight p, .thumbnail
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	line-height: 16px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.ThreeColRight .image-left
{
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}

.ThreeColRight .image-center
{
	text-align: center;
}

.ThreeColRight .full_width
{
	clear:both;
}

.ThreeColRight .full_width p
{
	width: 575px;
}

.ThreeColRight .twin p
{
	width: 265px;
}

.ThreeColRight .twin
{
	float: left;
}

.ThreeColRight .twin_alternate
{
	float: right;
}

.ThreeColRight .twin li, .ThreeColRight .full_width li
{
	font-size: 12px;
	padding: 3px;
}

.ThreeColRight .full_width li
{
	width: 550px;
}

.ThreeColRight .full_width li ul li
{
	width: 500px;
}

.ThreeColRight a
{
	text-decoration: none;
	color: #212E84;
}

.ThreeColRight a:hover
{
	text-decoration: underline;
	color: #212E84;
}

.full_width table
{
	width: 575px;
	font-size: 11px;
	border: 1px solid #4E4D53;
	border-collapse: collapse;
	margin-left: 20px;
}

.full_width table th, .full_width table td 
{
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

.full_width table th
{
	width: 170px;
}

#other-metafocus-website
{
	padding-left: 20px;
	padding-bottom: 12px;
        margin-top: -39px;
}

#other-metafocus-website a
{
	font-size: 12px;
	font-weight: bold;
	color: #57565C;
}

#flash-banner img
{
	float:left;
}

.VertButtons {
	width: 141px;
	float: right;
	margin-left: 15px;
}

.VertButtons a {
	display:block;
        height:45px;
        margin:0 0 15px 0px;
        width:141px;
}

#interClients {
	width: 100%;
	background: #f6f6f6;
	margin: 0px;
	padding: 10px 0px;
}

#carouselHolder {
	border-top: 1px solid #212E84;
	border-bottom: 1px solid #212E84;
	margin: 20px 0px 20px 20px;
}

.clear {
	clear:both;
}
.clear1px {
	clear:both;
	overflow:hidden;
	height:1px;
}

body {}

.bodyClass {}

h1 {
        margin:0px;
}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p {}

li {}

#row1 {
	display:none;
}
#row2 {
	display:none;
}
#row3 {
	background-repeat: repeat-y;
	background-image: url(/Images/columns-back.gif);
}

#navigation{
display:none;
}
.header {
	
}

.TopRowClass {
      
}

.footer {
	clear: both;
	padding-top: 50px;
	background-image: url(/images/footer.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.footer ul
{
	width: 982px;
	text-align: right;
	position: absolute;
	padding: 0; 
	margin:	0; 
	margin-top:-30px;
}

.footer li
{
	list-style-type: none; 
	display: inline;
}

.footer a
{ 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
	color: #3F3F44; 
}

.footer a:hover
{
	text-decoration:					underline;
}

#sectionmenu
{
	width: 614px;
	height: 195px;
	background-image: url(/images/global_top_banner.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

.sectionmenu-china
{
	background-image: url(/images/sectionmenu-china.jpg)!important;
}

.sectionmenu-europe
{
	background-image: url(/images/sectionmenu-europe.jpg)!important;
}

#sectionmenu ul
{
	width: 337px;
	line-height: 22px;
	margin:	0;
	background-repeat: no-repeat;
}

.sectionmenu-5-items ul
{
	padding: 44px 0;
}

.sectionmenu-6-items ul
{
	padding: 32px 0;
}

#sectionmenu ul a
{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 20px;
	color: #FFF!important;
}

.company_logos {
	margin-bottom:18px;
	margin-top:20px;
	text-align:center;
}

.full_box
{ 
	border:	1px solid #4E4D53; 
	border-left: none; 
	background-color: #FFF; 
}

#workshop-logos
{
	float: right;
	width: 180px!important;
	margin-top: 40px;
	text-align: right!important;
}

.box-section h3
{
	font-size: 16px!important;
	padding:17px 15px 0 65px;
	margin-top:	0;
	background-image: url(/images/box-section-header-international.gif);
	background-repeat: no-repeat;
	color: #312974;
}

.box-section-international h3
{
	background-image: url(/images/box-section-header-international.gif);
	background-repeat: no-repeat;
}

.box-section-china h3
{
	background-image: url(/images/box-section-header-china.gif);
	background-repeat: no-repeat;
}

.box-section-europe h3
{
	background-image: url(/images/box-section-header-europe.gif);
	background-repeat: no-repeat;
}

.box-section
{
	clear: both;
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 30px;
	background-image: url(/images/box-section-body.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.box-section li
{
	list-style-image: url(/images/box-section-bullet.gif);
}

.box-section .twin ul
{
	width: 210px;
	padding-left: 70px;
}

.thumbnail
{
	float: left;
	width: 155px;
	padding: 8px;
	margin-left: 13px;
}

.thumbnail img
{
	border:	1px solid #4E4D53;
}

.thumbnail .flag
{
	float: right;
	padding: 2px 3px;
	border:	none;
}

.ordered-list ol li
{
	font-size: 12px;
	padding: 3px;
	padding-right: 20px;
	list-style-type: decimal;
	text-align: justify;
}

.ordered-list ol li ul li
{
	padding-right: 20px;
	list-style-type: circle;
	text-align: justify;
}

.ordered-list p
{
	width: 575px;
}

.contactcol{
	font-size:small;
	margin-left:20px;
	width:560px;
}

.contactcol label{
	font-size:small;
}

.contactcol a{
	font-size:small;
}