/************************************************
	Copyright
    Byte Art 2007
	CSS StyleSheet by Liwen Zhang
    Last Updated: 29 Jan 2008
	http://www.byteart.com

************************************************/

/************************************************
TEMPORARY STYLE                     [=TEMP]
GLOBAL STYLE                        [=GLOBAL]


Green   #336600
Purple  #361D62
Red     #A60531

************************************************/

/**********  [=TEMP]   **********/

/* { border:1px solid red; } */
.debug { color: Red; font-size: 16px; font-weight: bold; }

/**********  [=GLOBAL]   **********/
.labelred { color: #95167E; }
* { margin: 0; padding: 0; }
body { font: 13px/1.5  Arial, Helvetica, Verdana, Sans-Serif; }
#wrap { width: 770px; text-align: center; margin: 0 auto; overflow: hidden; }
h2 { font-size: 12px; font-weight: bold; }
h3 { font-size: 11px; font-weight: bold; line-height: 1.8; margin: 15px 0 0 0; }
h4 {font-size: 12px; font-weight: bold; margin-top:5px; }
.newstitle a{color:#0094A7;}
img { border: none; }
.clear { clear:both; margin-bottom:10px; }
a { text-decoration: none; color:#666666; }
a:hover { text-decoration: underline; }

ul li {list-style:none;}
ul.form,
ul.loginform,
ul.searchform { list-style: none; font-size: 11px;font-family:Verdana; }
ul.form{margin:10px 0px 10px 0px;}

ul.form li { margin: 0 0 5px 0; padding: 0; }
ul.form label { vertical-align: top; width: 220px; text-align: right; display: block; float: left; margin:0 15px 0 0;}
ul.form input.textfield { width: 220px; }
ul.form textarea { width: 220px; height: 80px; margin-top: 2px; }
ul.form textarea.high { width: 220px; height: 120px; margin-top: 2px; }
ul.form input.submitBtn { width: 80px; float:right; margin-right:72px; }

ul.loginform { margin: 30px 0;}
ul.loginform li { margin: 0 0 8px 0; padding: 0; }
ul.loginform label { vertical-align: top; width: 60px; text-align: left; display: block; float: left; margin:0 15px 0 0;}
ul.loginform input.textfield { width: 250px; font-size: 11px; height:15px; padding:2px 0; }
ul.loginform input.submitBtn { width: 80px; margin-left: 75px; }

ul.searchform { font-size: 11px; }
ul.searchform li { margin:20px 0 0 0; }
.shortdropdown { width: 224px;  font-size:12px; }
.longdropdown { width: 220px; font-size: 12px; }

.validationMsg { font-size: 11px; }
.errorMsg { color: Red; font-size:10px;}
a.newsArchiveLink { clear:both; display:block; margin: 20px 0 0 9px; text-align:left; font-weight:200; font-size:11px; }
a.newsArchiveLink:hover { text-decoration: underline;}

/**********  [=HEADER]   **********/

#header { height: 122px; margin:0 0 0px 0; }
		
	.headertext{font-family:Verdana;width: 450px; font-size:12pt; color:Black;padding-left:140px; padding-top:30px;float:left; }
    .logo { height: 110px; display:block; text-align:left; }
    .logo img { margin: 10px 0 0 0;float:left; }
    
    .navi { height: 25px; display: block; }
    .navi ul { list-style: none; height: 25px; }
    .navi ul li { display: inline;}
    .navi ul li a { width: 95px; height: 23px; background: url(graphics/nav_off.jpg); display:block; float:left; padding:5px 0 0 0; margin: 0px 1px 0px 0; }
    .navi ul li a { font-size: 11px; font-weight:bold; color: #666666; text-decoration: none;}  
    .navi ul li a.on { font-size: 12px; font-weight:bold; text-decoration: none; background: url(graphics/nav_on.jpg); color: #ffffff;}
    .navi ul li a:hover { background: url(graphics/nav_on.jpg); color: #ffffff; }
    .navi ul li a.last { width: 98px; margin: 0; background: url(graphics/nav_off_last.jpg); }
    .navi ul li a.laston { width: 98px; margin: 0; background: url(graphics/nav_on_last.jpg); color: #ffffff; }
    .navi ul li a.last:hover { background: url(graphics/nav_on_last.jpg); }
    
    .headerEmail {font-size: 11px; float: right; display: inline; width: 200px; text-align:right;  margin: 10px 0 0 0; padding: 0px; height: 15px; line-height: 15px;}
    .headerEmail a:hover { color: #A60531; }
	.headerFacebook {float: right; display: inline; margin: 0px 0px 0px 5px; padding: 0px; width: 15px; height: 15px;}
	.headerTwitter {float: right; display: inline; margin: 0px 0px 0px 10px; padding: 0px; width: 15px; height: 15px;}
    
/**********  [=HOME]   **********/

#homeMiddle { text-align: left; line-height:1.6; }
    .topBanner { height: 158px; background: url(graphics/image_home.jpg); display:block;margin-top:16px; }
    
    .top { font-size:11px; padding: 15px 23px 15px 23px; }
    .topleft { 
               width: 468px;
               border-right: 2px solid #C0C1C3; 
               float: left;
               display: block;
               margin: 0 23px 15px 0;
               padding: 8px 23px 0 0;
    }
    .topleft p { margin: 0 0 8px 0; }
    .topright { width: 207px; float: right; display: block; }
    .topright h2 { color: #0094A7; }
    .topright .newsItem { }
    .topright .newsItem p.content { padding: 6px 0 0 0; }
    .topright .newsItem p.mate { font-family:  Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; padding:5px 0 7px 0; }
    .topright .newsItem p.mate span.date { color: #0094A7; padding-right: 5px; padding-left: 12px; background: url(graphics/blue_arrow.gif) no-repeat 0px 3px; }
    .topright .newsItem p.mate a.readMore { color: #999999; text-decoration: none; }
    .topright .newsItem p.mate a.readMore:hover { color: #666666; }
    
    .bottom { clear: both; font-family: Arial, Helvetica, Verdana, Sans-Serif;  font-size: 11px; line-height: 1.4; 
              padding: 18px 0 23px 0; margin: 0 23px; }/*border-top: 2px solid #C0C1C3; }*/
    .bottom img { display:inline; float:left; margin: 5px 23px 0 0; }
    .bottom h2 { font-size: 12px; margin: 0 0 6px 0; line-height: 1.3; }
    .bottom .mate { margin: 6px 0 0 0; }
    
    .btmleft { width: 233px; display: block; float:left; border-right:2px solid #C0C1C3; margin: 0 23px 23px 0; }
    .btmleft .content { width: 117px; margin: 0 0 0 101px; }
    .bottom .btmleft h2 { color: #336600; }
    .bottom .btmleft .mate a { color: #336600; padding-left: 12px; background: url(graphics/green_arrow.gif) no-repeat 0px 4px; }
    
    .btmmiddle { width: 233px; display: block; float: left; border-right:2px solid #C0C1C3; margin-right: 23px; }
    .btmmiddle .content { width: 117px; margin-left: 101px; }
    .bottom .btmmiddle h2 { color: #361D62; }
    .bottom .btmmiddle .mate a { color: #361D62; padding-left: 12px; background: url(graphics/purple_arrow.gif) no-repeat 0px 4px; }
    
    .btmright { float:right; width:208px; }
    .btmright .content { width: 107px; margin-left: 101px; }
    .bottom .btmright h2 { color: #A60531; }
    .bottom .btmright .mate a { color: #A60531; padding-left: 12px; background: url(graphics/red_arrow.gif) no-repeat 0px 4px; }


/**********  [=SERVICES]   **********/

.internalLeft { width: 191px; /* background: #ffffff url(graphics/shadow_left.jpg) repeat-x 0 0; */ 
	/* tempCSS */ height: auto; display: block; float: left; min-height: 500px; }
	
.internalRight { width: 578px; display:block; margin:0; overflow:hidden; float:right;position:relative;padding:0px;	}

.internalNavi { font: 11px/1.4 Arial, Helvetica, Verdana, Sans-Serif; list-style: none; 
	text-align: left; padding: 22px 23px 23px; }
.internalNavi li.naviItem { height: 20px; border-bottom: 1px solid #c0c1c3; margin-bottom:1px; }
.internalNavi li.naviItem:hover { background:#fafafa; }
.internalNavi li.naviItem a { margin:6px 0 0 0; display:block; }
.internalNavi li.naviItem a:hover { text-decoration: none; }
	.GreenNaviTitle { color: #336600; padding-left: 13px; background: url(graphics/green_arrow_trans.png) no-repeat 0px 5px; }
	.PurpleNaviTitle { color: #361D62; padding-left: 13px; background: url(graphics/purple_arrow_trans.png) no-repeat 0px 5px; }
	.RedNaviTitle { color: #A60531; padding-left: 13px; background: url(graphics/red_arrow_trans.png) no-repeat 0px 5px; }
	.BlueNaviTitle { color: #0094A7; padding-left: 13px; background: url(graphics/blue_arrow_trans.png) no-repeat 0px 5px; }
	
.internalNavi li ul { font-size: 11px; list-style: none; }
.internalNavi li ul li { height: 16px; border:1px solid #ffffff;}
.internalNavi li ul li:hover { background:#f8f8f8; border:1px solid #dddddd;}
.internalNavi li ul li a { padding: 0 0 3px 2px; display: block; height:17px; }
.internalNavi li ul li a:hover { text-decoration: none; }
    /* with color arrows */
.internalNavi li ul li a.GreenNaviSubItem { color: #336600; padding-left: 10px; background: url(graphics/green_arrow_trans_small.png) no-repeat 0px 5px; }
.internalNavi li ul li a.PurpleNaviSubItem { color: #361D62; padding-left: 10px; background: url(graphics/purple_arrow_trans_small.png) no-repeat 0px 5px; }
.internalNavi li ul li a.RedNaviSubItem { color: #A60531; padding-left: 10px; background: url(graphics/red_arrow_trans_small.png) no-repeat 0 5px ; }
	/* without color arrows */
	.GreenSubItem { color: #336600; font-size: 11px; padding-left: 10px; }
	.PurpleSubItem { color: #361D62; font-size: 11px; padding-left: 10px;}
	.RedSubItem { color: #A60531; font-size: 11px; padding-left: 10px;}

.ucAttachments ol, 
.ucAttachments ol li { list-style:none; }
.ucAttachments ol li { line-height: 1.0em; text-align: left; padding-left:25px; }
.ucAttachments ol li a { display:block; font-size:11px; font-weight:bold; width:138px; border:1px solid #ffffff; padding: 2px;  }
.ucAttachments ol li a:hover { background:#f8f8f8; border:1px solid #dddddd; text-decoration:none; }

.internalBanner { padding:0px; margin:0px; position:relative;clear:both;}
.internalMain { padding: 23px ; text-align: left; }
.internalMain h2 { margin: 12px 0; }
	.red { color: #A60531; }
	.purple { color: #361D62; }
	.green { color: #336600; }
.internalMain .breadcrumb { font-size: 11px; color: #999999; }
.internalMain .breadcrumb a { color: #999999; text-decoration: none; }
.internalMain .breadcrumb a:hover { color: #666666; }
.internalMain .summary { font: 13px/1.5 Georgia, Times New Roman, Serif; color: #333333; }
.internalMain .content { font-size: 11px; line-height: 1.4; }
.internalMain .content p { margin: 6px 0 0 0; font-family:Verdana;}
.internalMain .content .attachments ol,
.internalMain .content .attachments ol li { list-style: none; }
.internalMain .content .attachments ol li { line-height: 1.8; }

/**********  [=LISTS]   **********/

.ulNewsList,
.ulPeopleList,
.ulCaseStudyList,
.ulVacList{ list-style: none;
    overflow:hidden; }
	
.ulNewsList li,
.ulPeopleList li,
.ulCaseStudyList li,
.ulVacList li {
    list-style-position: outside;
    font-size: 11px;
	height: 22px;
	display: block; 
	background: #f8f8f8; 
	padding:4px 12px 0; 
	margin: 0 0 4px 0;
}

.ulNewsList li span.newsLink,
.ulPeopleList li span.peopleLink,
.ulCaseStudyList li span.caseStudyTitle,
.ulVacList li span.vacTitle {
	color: #333333;
	width: 300px;
	display: block;
	float: left;
}
.ulNewsList li span.newsLink a,
.ulPeopleList li span.peopleLink a,
.ulCaseStudyList li span.caseStudyTitle a,
.ulVacList li span.vacTitle a { 
	color: #333333;
}

.ulPeopleList li span.peopelTitle,
.ulNewsList li span.newsDate,
.ulVacList li span.vacMeta {
	width: 150px;
	display: block;
	float: right;
	text-align: right;
	height:20px;
}

.vacancyMeta span { width:400px; display:block; height:22px; font-size:10px;}
.IntroTextContainer { margin-bottom: 12px; }

/********** [=QUOTE]   ****************/

.aboutBox { float: left; width: 532px; padding-top: 5px; font-size:11px; font-family:Verdana; }
.aboutBoxh { float: left; width: 532px; font-size:11px; font-family:Verdana; }
.aboutlefth{font-weight:bold; border:1px solid #CCCCCC; background-color:#0086A9; height:15px;padding:5px;width:520px; color:#FFFFFF;margin:0px 0px 10px 0px;}
.aboutleft { float: left; width: 230px; text-align: left;padding-top:2px; text-align:right; padding-left:30px; margin-right:15px;}
.aboutleftsm {font-size:10px; float: left; width: 210px; text-align: left;padding-top:2px; text-align:right; padding-left:30px; margin-right:15px;}
.aboutright { float: left; width: 220px; text-align: left; }
div.form { list-style: none; font-size: 11px; }
.textarea { width: 220px;  padding:2px 0; height:80px;}
.aboutright input.textfield { width: 220px;  padding:2px 0; }
.aboutright input.textfieldsm { width: 220px; font-size: 11px;  padding:2px 0; }
.sendbtn { margin: 10px 10px 0 0px; float: right; cursor: pointer; }
.radiobtn { padding-right: 5px; }
.button{width: 80px; margin-left: 75px; margin-bottom:20px;}
.contentf{border:solid 1px #EAEAEA; width:532px; height:1090px;}
.contentq{border:solid 1px #EAEAEA; width:532px; height:940px;}


/**********  [=CONTACT]   **********/

companyContactDetails { text-align:center;  width: 161px;}
address { font:10px/1.3 Verdana, Sans-Serif; margin:20px 15px;}
address span { display: block; text-align: left; width: 160px; }
address span.officename { font-size: 12px; color: #A60531; font-weight: 200; }
address span.mapLink a { text-decoration: underline; }

/**********  [=FOOTER]   **********/

#footer { clear: both; height: 55px; background: #C9CACC; display: block; padding: 0 0 0 23px; text-align: left; }
#footer p.meta { color: #ffffff; font-size: 11px; padding:10px 0 3px 0; }
#footer p.meta a { color: #ffffff; }
#footer p.meta a:hover { text-decoration: underline; }
#footer p.copyright { color: #666666; font-size: 11px; }
#footer p.copyright a { color: #666666; text-decoration: none; }
#footer p.copyright a:hover { text-decoration: underline; }

/**********  [=HIPS]   **********/

.HIPsTable { border: 1px solid #cccccc; width:545px; }
.HIPsTable th { font-size: 12px; font-weight:bold; padding:3px; text-align: center; color:White; background: #0086A9; }
.HIPsTable td { font-size:11px; padding: 3px 5px; text-align:center; }

/*********** [=NEWS]  **************/
.newsdesc{ font-size:10px; font-weight:bolder;}