/* ======================================================== GLOBAL ==========================================================*/

/* Designed by: CHN HOSTING (www.chnhosting.com) */
*{
margin: 0;
}

html, body, form, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
	margin:0 0 0 0;
	padding:8px 0 0 0 ;
	border:0;
	position:relative;
}


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000; 
	background:url(../images/bg.jpg) #fff left 95px repeat-x;
}

html, body {
	height: 99%;
}

p{
font-size: 12px;
color:#333;
line-height:19px;
margin-bottom:8px;
}

.testimonial_l{
width: 250px;
height:150px;
background-image:url(../images/testimonial_l.gif);
background-repeat:no-repeat;
background-position:top left;
padding: 0 0 0 20px;
}

.testimonial_r{
display:block;
float:left;
width:240px;
padding: 10px 15px 20px 8px;
font-size: 12px;
color:#888;
line-height:19px;
margin-bottom:8px;
background-image:url(../images/testimonial_r.gif);
background-repeat:no-repeat;
background-position:bottom right;
}



a:link, a:visited{
color:#ff7200;
text-decoration:none;
}
a:hover, a:active{
text-decoration:underline;
}

.Wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -5em;
}

input:focus, input.focus, textarea:focus, textarea.focus, select:focus, select.focus{
background-color:#FFFFCC;
}

h1 {
background:url(../images/grey_arrow.gif) left center scroll no-repeat;
padding-left:20px;
font-size:15px;
line-height:25px;
color:#333;
}

h1.subtitle{
position:absolute;
bottom:-20px;
font-size:16px;
color:#333;
font-weight:bold;
}

.centered, p.centered {
	text-align:center;
}
.txtright{
text-align:right;
}

.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}


img {
	border:0px;
}

.cfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.cfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .cfix {height: 1%;}
.cfix {display: block;}
/* End hide from IE-mac */

.icon {
vertical-align:middle;
margin-right:5px;
}
.Content_title {
font-size:18px;
line-height:18px;
}
.viewprofiletext {
font-size:11px;
font-weight:bold;
color:#797979;
}
.biggerfont {
font-size:13px;
font-weight:bold;
}
.submenudiv {
position:absolute;
top:121px;
left:124px; 
background: transparent url('../images/submenu_l.gif') no-repeat scroll top left;
display: block;
float: left;
height: 28px;
padding-left: 8px; /* sliding doors padding */
text-decoration: none;
z-index: 15;
}
.submenudiv span {
background: transparent url('../images/submenu_r.gif') right top;
display: block;
float:left;
padding-right:8px;
text-decoration: none;

}
ul.submenu {
margin:0;
padding:0;
list-style:none;
}
ul.submenu li  {
padding:0 19px;
height:28px;
line-height:28px;
float:left;
}
ul.submenu li.activated a {
font-weight:bold;
color:#000;
}
ul.submenu li a {
color:#3b3b3b;
text-decoration:none;
}
ul.submenu li a:hover {
color:#000;
text-decoration:none;
}
/*======================================================= COLOR ====================================== */
.orange {
color:#ff9000;
}
/* ====================================================== BUTTON ===================================== */
a.top_btn {
    background: transparent url('../images/top_btn_r.gif') no-repeat scroll top right;
    display: block;
	float: left;
    height: 24px;
    padding-right: 28px; /* sliding doors padding */
    text-decoration: none;
}

a.top_btn span {
	color:#fff;
    background: transparent url('../images/top_btn_l.gif') no-repeat;
    display: block;
    line-height: 24px;
    padding-left:12px;
	text-decoration: none;
	font-size:11px;
	color:#000;
}

a.top_btn:link, a.top_btn:visited, a.top_btn:active{
	text-decoration: none;
}
a.top_btn:hover {
    background-position: bottom right;
	text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

a.top_btn:hover span {
	color:#FF7200;
    background-position: bottom left;
    padding-left:12px; /* push text down 1px */
	text-decoration: none;
}
/* ====================================================== WRAPPER ==================================== */
.Wrapper {
width:960px;
margin:0 auto;
}
.Wrapper .Topbar {
height:120px;
}
.Wrapper .Topbar .language {
display:block;
margin-bottom:15px;
float:right;
}

.Wrapper .Topbar .selection{
display:block;
float:right;
height:57px;
padding-top:20px;
}
.selection .lang{
display:block;
text-align:right;
margin-bottom:8px;
}

.selection .lang a.chinese {
background:url(../images/thingrey_icon.gif) 0 center no-repeat;
padding-left:12px;
color:#c8c8c8;
text-decoration:none;
margin:0 5px;
font-size:11px;
}

.selection .lang a.chinese:hover {
margin:0 5px;
text-decoration:underline;
}
.selection .lang a.english {
background:url(../images/grey_icon.gif) 0 center no-repeat;
padding-left:12px;
text-decoration:none;
margin:0 5px;
color:#000;
font-size:11px;
}
.selection .lang a.english:hover {
margin:0 5px;
text-decoration:underline;
}


.Topbar ul.Menu {
margin:0;
padding:0px;
list-style:none;
float:left;
}
.Topbar ul.Menu li {
float:left;
display:inline;
list-style-type:none;
position:relative;
width:auto;
padding:0px;
}

.Topbar ul.Menu li.activated {
padding:0px 15px;
}

.Topbar ul.Menu li a{
height:43px;
width:126px;
float:left;
display:block;
}

.Topbar ul.Menu li.home a{
background-image:url(../images/homemenu.gif);
}
.Topbar ul.Menu li.aboutus a{
background-image:url(../images/aboutusmenu.gif);
}
.Topbar ul.Menu li.services a{
background-image:url(../images/servicesmenu.gif);
}
.Topbar ul.Menu li.solutions a{
background-image:url(../images/solutionsmenu.gif);
}
.Topbar ul.Menu li.training a{
background-image:url(../images/trainingmenu.gif);
}
.Topbar ul.Menu li.careers a{
background-image:url(../images/careersmenu.gif);
}
.Topbar ul.Menu li.project a{
background-image:url(../images/projectmenu.gif);
}
.Topbar ul.Menu li.mech a{
background-image:url(../images/mechanicalengineering.gif);
}

.Topbar ul.Menu li a:link, .Topbar ul.Menu li a:visited{
background-position:center;
}.Con
.Topbar ul.Menu li a:hover, .Topbar ul.Menu li a:active{
background-position:bottom;
}
.Topbar ul.Menu li.activated a:link, .Topbar ul.Menu li.activated a:visited, .Topbar ul.Menu li.activated a:hover, .Topbar ul.Menu li.activated a:active{
background-position:top;
}

/* ================================================ SOCIAL WEB PEOPLE PHOTOS =================================================== */
.Wrapper .Wayne {
width:305px;
position:absolute;
right:0;
top:134px;
z-index:35;
}

.Wrapper .Team{
position:absolute;
right:0;
top:250px;
z-index:10;
}

.Wrapper .Overview_pic{
position:absolute;
right:-23px;
width:428px;
top:120px;
z-index:10;
}

.Wrapper .Contact_pic{
width:293px;
position:absolute;
right:15px;
top:126px;
z-index:10;
}

.Wrapper .Career_pic{
width:395px;
position:absolute;
right:-15px;
top:125px;
z-index:10;
}

.Wrapper .Service_pic{
width:476px;
position:absolute;
right:-20px;
top:125px;
z-index:10;
}

.Wrapper .loading {
position:absolute;
right:75px;
top:350px;
z-index:9;
}

/* ================================================ HEADER =================================================== */
.Wrapper .Header {
background:url(../images/header_bg.jpg) no-repeat;
width:100%;
padding-top:25px;
margin-bottom:40px;
height:106px;
position:relative;
}

.Wrapper .PortHeader {
background:url(../images/header_bg.jpg) no-repeat;
width:100%;
padding-top:25px;
margin-bottom:8px;
height:106px;
position:relative;
}

.Wrapper .PortHeader h2{
margin-top:10px;
color:#202020;
font-size:38px;
font-weight:normal;
line-height:42px;
}
.Wrapper .PortHeader h3{
color:#202020;
font-size:16px;
font-weight:normal;
color:#444;
line-height:14px;
}

.Wrapper .PortHeader .navigate{
position:absolute;
right:0;
top: 40px;
}

.Wrapper .PortHeader .navigate a.prev:link, .Wrapper .PortHeader .navigate a.prev:visited{
width:72px;
height:27px;
display:block;
float:left;
background-image:url(../images/prev.gif);
background-position:top;
margin-right:8px;
}
.Wrapper .PortHeader .navigate a.prev:hover, .Wrapper .PortHeader .navigate a.prev:active{
background-image:url(../images/prev.gif);
background-position:bottom;
}

.Wrapper .PortHeader .navigate a.next:link, .Wrapper .PortHeader .navigate a.next:visited{
width:72px;
height:27px;
display:block;
float:left;
background-image:url(../images/next.gif);
background-position:top;
}
.Wrapper .PortHeader .navigate a.next:hover, .Wrapper .PortHeader .navigate a.next:active{
background-image:url(../images/next.gif);
background-position:bottom;
}


.Header .reach {
position:absolute;
padding-top:27px;
float:left;
margin-right:5px;
z-index:25;
font-size:36px;
padding-left:10px;
}
.Header .lightbulb {
position:absolute;
top: -0px;
z-index:20;
}
.Header .connects {
position:absolute;
font-size:16px;
color:#6a6a6a;
margin-left:195px;
top: 110px;
}
.Header .connects img {
margin-left:5px;
vertical-align:middle;
}
/* ============================================== CONTENT ========================================================== */
.Content {
float:left;
height:auto;
margin-bottom:30px;
min-height:483px;
}

* html div.Content  { 
   height: expression( this.scrollHeight < 484 ? "483px" : "auto" ); /* sets min-height for IE */
   min-height: 483px; /* sets min-height value for all standards-compliant browsers */
}

.Content .main_content {
background:url(../images/main_content_bg.gif) left top scroll repeat-x;
width:468px;
padding-top:3px;
margin-bottom:0px;
}
.main_content .introducediv {
padding:16px;
background:url(../images/dotted.gif) right top scroll no-repeat;
float:left;
width:202px;
}
.introducediv ul.list {
margin:0;
padding:0;
list-style:none;

}
.introducediv ul.list li {
padding:6px 0 6px 10px;
background:url(../images/smallline.gif) left 10px scroll no-repeat;
display:block;
list-style-type:none;
color:#333333;
font-size:12px;
}

a.clients:link, a.clients:visited{
display:block;
float:left;
margin-right:5px;
background-position:top;
height:55px;
}

a.clients:hover, a.clients.hover, a.clients:active{
display:block;
float:left;
margin-right:5px;
background-position:bottom;
}


/* ======================================================= FOOTER ================================================ */
.alpha{
position:relative;
width:95%;
padding:12px 2% 0px 3%;
z-index:30;
}

.alphabutt{
width: 100px;
height: 30px;
display:block;
position:absolute;
top: -45px;
right: 10px;
}

.Footer{
position:relative;
width:95%;
padding:12px 2% 0px 3%;
height: 77px;
background-color:#1D1D1D;
border-top:2px solid #FFD53C;
color:#999;
margin-top:-3em;
z-index:3;
}

.Footer .btn {
position:absolute;
top:-25px;
right: 10px;
z-index:55;
}


.Footer .copyRight {
clear:both;
float:left;
margin-right:20px;
font-size:11px;
}

.Footer .contactways {
float:left;
margin-right:20px;
font-size:11px;
margin-bottom:3px;
}
.Footer .contactways img {
margin-right:5px;
}

.Footer ul.links{
margin:0;
padding:0;
list-style:inside;
list-style-type:square;

}

.Footer ul.links li{
float:left;
margin-right:6px;
}

.Footer a:link, .Footer a:visited {
color:#999999;
}
.Footer a:hover, .Footer a:active {
color:#FF7200;
text-decoration:underline;
}

.Footer ul.links li a:link, .Footer ul.links li a:visited {
color:#999999;
padding-right:5px;
font-size:11px;
text-decoration:none;
}
.Footer ul.links li a:hover, .Footer ul.links li a:active {
color:#FF7200;
text-decoration:underline;
}



/* ================================================= ABOUT TEAM =================================================== */
.Content .Teampage {
width:820px;
float:left;
margin-bottom:58px;
}
.Teampage ul.teamnumber {
margin:0;
padding:0;
list-style:none;
}
.Teampage ul.teamnumber li {
padding:10px 15px 40px 0px;
list-style-type:none;
color:#333;
display:block;
}
.Teampage ul.teamnumber li.bg {
background:url(../images/greygradient_bg.gif) left top repeat-y scroll;
z-index:-1;
}

.Teampage ul.teamnumber li .director {
float:left;
background:url(../images/greybox_bg.gif) right top scroll no-repeat;
padding-right:40px;
height:45px;
line-height:29px;
width:auto;
min-width:220px;
font-size:11px;
color:#555555;
}

/* ================================================= ABOUT OVERVIEW =================================================== */
.Overview{
/*float:left;*/
text-align:justify;
width:620px;
padding-bottom:80px;
}

/* ================================================= ABOUT CAREER =================================================== */
.Career{
float:left;
width:588px;
height:auto;
margin-bottom:60px;
}
/* ================================================= PORTFOLIO =================================================== */
.Portfolio{
float:left;
padding-bottom:40px;
}

.Portfolio .screen1{
float:left;
width: 652px;
height:290px;
border:3px solid #e0e0e0;
margin-right:15px;
position:relative;
}

.Portfolio .screen2{
float:left;
width: 280px;
height:290px;
border:3px solid #e0e0e0;
position:relative;
}

.Portfolio .loading {
position:absolute;
top:50%;
left:50%;
z-index:9;
}

.Portfolio .screen1 img, .Portfolio .screen2 img{
position:absolute;
z-index:15;
}

.Description{
float:left;
display:block;
width: 652px;
margin-right:12px;
position:relative;
margin-top:30px;
}

.Testimonial{
float:left;
display:block;
width: 284px;
position:relative;
margin-top:15px;
}

.Tidbits{
float:left;
display:block;
width: 495px;
font-size:13px;
color:#555;
line-height:19px;
}

.Share{
float:left;
width: 142px;
height:60px;
background:url(../images/share.gif) no-repeat;
padding:25px 4px 0px 4px;
}

.Share img{
padding:4px 3px;
}

.Portfolio .Featured{
width: 100%;
float:left;
height:auto;
padding-bottom:35px;
margin-bottom:20px;
background:url(../images/shadow.gif) repeat-x bottom;
}

.Portfolio .Featured .thumb{
float:left;
width: 242px;
height:162px;
margin-right: 20px;
background:url(../images/featured_shadow.gif) no-repeat;
padding:4px;
}

.Portfolio .Featured .desc{
float:left;
width:645px;
height:auto;
}

.Portfolio .Featured .desc .title{
width:645px;
height:auto;
color:#006088;
font-size:28px;
font-weight:bold;
display:block;
}

.Portfolio .Featured .desc .subtitle{
color:#444;
font-size:17px;
font-weight:bold;
}

.Portfolio ul.case{
list-style:none;
margin:6px 0px 0px 0px;
padding:0px;
}

.Portfolio ul.case li{
float:left;
font-size:12px;
margin-right:23px;
height:260px;
color:#777;
position:relative;
}

.Portfolio ul.case img{
margin-bottom:9px;
}

.Portfolio ul.case .progress{
display:block;
font-size:10px;
color:#FF9900;
}

.Portfolio ul.case li .title{
display:block;
font-size:21px;
color:#222;
font-weight:bold;
}

.border {padding:0px; border: 3px solid #CCCCCC;}
a:link img.border {padding:0px; border: 3px solid #CCCCCC;}
a:hover {background-position: 0 0}
a:hover img.border {padding:0px; border: 3px solid #ffd507;}



/* ================================================= CONTACT =================================================== */
.Contact{
float:left;
width:665px;
margin-bottom:70px;
}

.Contact .form{
float:left;
width:390px;
background:url(../images/contact_bg.gif) no-repeat top;
padding:0px 15px;
margin:0;
}

.Contact .address{
float:left;
width:220px;
font-size:13px;
color:#333;
margin-left:15px;
line-height:20px;
}

.Contact .form span.l{
width: 90px;
float:left;
text-align:left;
}

.Contact .form ul{
padding:0;
margin:0;
list-style:none;
}

.Contact .form ul li{ 
padding: 5px 0px;
}

.Contact .form ul li input, .Contact .form ul li textarea{
width:265px;
}

a.formbutton {
    background: transparent url('../images/button_r.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 20px;
    margin-right: 6px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
}

a.formbutton span {
	color:#000;
    background: transparent url('../images/button_l.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 3px 11px 3px 18px;
	text-decoration: none;
}

a.formbutton:link, a.formbutton:visited, a.formbutton:active{
	text-decoration: none;
}
a.formbutton:hover {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

a.formbutton:hover span {
	color:#333;
    background-position: bottom left;
    padding: 3px 11px 3px 18px; /* push text down 1px */
}

ul.keys{
list-style:outside;
list-style-type:square;
margin:0 0 0 15px;
padding:0px;
}
ul.keys li{
padding:4px 0px;
color:#666;
}

.msg
{
  border:1px solid green;
  bacground: yellow;
  width:360px;
  padding:5px;
  margin:10px;
}

ul.related{
list-style:inside;
list-style-type:square;
margin:0;
padding-left:25px;
list-style-position:outside;
}

ul.related li{
margin: 5px;
}