body{ background:#ccc; margin:0px; padding:0; color: #fff}
html { min-height: 100%; margin-bottom: 1px; }
/*START OF COMMON */
#wrapper{width: 770px; font-family:Verdana, Arial, Helvetica; font-size:65%; margin: 0 auto; background:#fff; padding:0;}



img{border:none}

h1{font-weight:bold; font-size: 110%;}
h2{font-weight:bold; font-size: 110%;}

td {padding:0; margin:0;}
ul{ list-style-type: disc; margin: 0px 0px 0px 30px; padding: 0px; font-weight: bold}
li{ margin: 5px 0px}

.strong{font-weight: bold}
.right{ float: right}
a{ color: #003D7E; text-decoration: none}
a:hover{ color: #003D7E; text-decoration:  underline}

/*END OF COMMON */

/*START OF HEADER */

#header{padding-bottom:10px; vertical-align:top;}

#header #top{padding-bottom:10px; }

#header #nav{  width:100%;  clear: both; text-align:left; }

#logo { width:236px; padding-bottom:10px;float:left; }

.navlist li{display: inline;list-style-type: none;padding:0 5px;border-right:1px solid #666;}
.navlist li.last {border-right:none;padding-right:24px;}
.navlist li a { font-weight:normal; color:#6E6D6E; text-decoration:none;}
.navlist li a:link { }
.navlist li a:visited { }
.navlist li a:hover { font-weight:normal; color:#002A69; text-decoration:none;}
.navlist li a.selected {color:#002A69;}

#thankyou{ text-align: center; margin: 20px 0px 330px 0px}

/*END OF HEADER */


/*START OF CONTACT */
#contact h1, #contact p { padding-left:15px; padding-right:5px; }
#contact h1 { background: #003D7E; color:#fff; padding-top:2px; padding-bottom:2px;}
#contact h2 {background: #C1DBF7; color: #005382; padding: 3px 15px; margin: 0px; white-space: pre-wrap}
#contact h2 #small{ color:#589FEA; font-size:90%; font-weight: normal; margin-left: 15px}

#contact #profile{ background: #003D7E; margin: 0px; padding: 0px; height:143px}
#contact #profile #image{margin-left:8px; float: left; background: #000; padding:0px}
#contact #profile #info{margin:0px 0px 0px 115px; color: #86B5E6}
#contact #profile #info .features{ margin:10px 10px 0px 10px }
#contact #profile #info .item{color:#fff ;padding: 1px 0px 2px 15px; background-image: url(./i/bullet.gif); background-repeat: no-repeat; background-position: 0px 3px; font-weight: bold }
#contact #profile #info .item a{ color: #86B5E6; text-decoration: none;  font-weight: normal}
#contact #profile #info .item a:hover{ color: #86B5E6; text-decoration: underline; font-weight: normal}

#contact #right_col { background:#86B5E6; color:#005382; border-left:6px solid #fff; vertical-align:top; padding:27px 0 40px 0; width:460px;}
#contact #right_col a{color:#fff; text-decoration: none}
#contact #right_col a:hover{color:#fff; text-decoration: underline}

#contact #left_col { background:#003D7E;  padding:6px 0 150px 0; vertical-align:top; width:304px; }

#contact #img_indent {padding-left:15px;}
#contact #img_indent h2, #contact #img_indent p { margin-left:85px;}
/*END OFCONTACT */

/*START OF ABOUT */
#about h1, #about #right_col p { padding-left:15px; padding-right:5px; }
#about h1 { background: #003D7E; color:#fff; padding-top:2px; padding-bottom:2px;}
#about #right_col { background:#86B5E6; color:#fff; border-left:6px solid #fff; vertical-align:top; padding:27px 0 70px 0; width:460px;}
#about #left_col { background:#003D7E;  padding:6px 0 150px 0; vertical-align:top; width:304px; }
#about #left_col #mission_wrapper{width:180px; margin: auto; padding-top:30px}
#about #left_col #mission{ text-align: center; padding-top:10px}
/*END OF ABOUT */

/*START OF NEWS */
#news h1,#news h2, #news #right_col p, #news #left_col p { padding-left:15px; padding-right:5px; }
#news h1 { background: #003D7E; color:#fff; padding-top:2px; padding-bottom:2px;}
#news h2 { background: #D7EBFF; color:#003D7E; padding-top:2px; padding-bottom:2px; font-size: 95%}
#news #right_col { background:#86B5E6; color:#fff; border-left:6px solid #fff; vertical-align:top; padding:27px 0 70px 0; width:460px;}
#news #left_col { background:#003D7E;  padding:6px 0 150px 0; vertical-align:top; width:304px; }
#news #newsitems{ color:#003D7E; font-weight: bold; font-size:90%; margin-left:15px}
/*END OF NEWS */

/*START OF RECRUITMENT */
#recruitment{ width:100%; background: #86B5E6; color: #003D7E}
#recruitment h1, #recruitment p { padding-left:15px; padding-right:5px; }
#recruitment h1{background: #003D7E; color:#fff; padding-top:2px; padding-bottom:2px; width:460px; margin-top:27px}
#recruitment #jobs{ width:100%; margin-top:30px; }
#recruitment #jobs th{ background: #D7EBFF; padding:3px 0px; text-align: left}
#recruitment #jobs td{ color:#fff}
#recruitment #jobs a{color:#fff; text-decoration: none}
#recruitment #jobs a:hover{color:#fff; text-decoration: underline}
#recruitment #jobs .first{padding-left:30px; }
#recruitment #jobs .top{padding-top:20px}
#recruitment #benefits{padding: 40px 0px 30px 15px}
/* END OF RECRUITMENT */

/*START OF RECRUITMENT DETAILS*/
#rec_details h1, #rec_details #left_col p { padding-left:15px; padding-right:5px; }
#rec_details h1 { background: #003D7E; color:#fff; padding-top:2px; padding-bottom:2px;}
#rec_details #left_col { background:#86B5E6; color:#fff; vertical-align:top; padding:27px 0 70px 0; width:460px;}
#rec_details #right_col { background:#003D7E;  padding:6px 0 150px 0; vertical-align:top; width:304px; border-left:6px solid #fff; }
#rec_details #jobs_details th{  background: #D7EBFF; padding:3px 0px; text-align: left; color: #003D7E }
#rec_details #jobs_details td{ vertical-align: top; padding-top:3px}
#rec_details #jobs_details .first{ text-align: right; font-weight: bold; width:160px; padding-right:18px}

#rec_details #jobs_details .top{ padding-top:10px}
#rec_details #jobs_details .apply{ padding-top:25px}
/*END OF RECRUITMENT DETAILS */



/*START OF RECRUITMENT APPLY */
#rec_apply h1, #rec_apply p { padding-left:15px; padding-right:5px; }
#rec_apply h1{ background: #003D7E; color:#fff; padding-top:2px; padding-bottom:2px; margin-top:20px}
#rec_apply #links{margin: 30px 0px 10px 0px; color:#003D7E}
#rec_apply #form{padding:10px 0px 10px 0px; width:100%; }
#rec_apply #form table{margin-bottom:15px}
#rec_apply #form th{  background: #D7EBFF; padding:3px 0px; text-align: left; color: #003D7E }
#rec_apply #form th.label{ text-align:right; padding-right:10px}
#rec_apply #form td.box{ width:295px; padding-bottom:5px; vertical-align:top; }
#rec_apply #form td.cv{ padding-top:20px}
#rec_apply #form td.label{padding-right:10px; width:190px; text-align:right; padding-top:4px; vertical-align:top; }

#rec_apply #form table#jobtype{ width:100%; margin-left:60px; margin-bottom: 40px}
#rec_apply #form table#jobtype th{ color:#003D7E;padding:0px 0px 10px 0px; background:#86B5E6 }
#rec_apply #form table#jobtype .industrial{ width:40%}
#rec_apply #form table#jobtype .function{ width:60%}

#rec_apply #form .textbox{  width:220px; font-size:90%}
#rec_apply #form select{ font-size: 100%}
#rec_apply #left_col { background:#86B5E6; color:#fff; padding:6px 0px 20px 0px; vertical-align:top; width:495px; }
#rec_apply #left_col p {margin-bottom:0px; margin-top:10px}
#rec_apply #right_col { background:#003D7E; border-left:6px solid #fff; vertical-align:top; padding:6px 0 10px 0; width:269px;}
/*END RECRUITMENT APPLY */

/*START OF RECRUITMENT BENEFITS */
#rec_benefits h1, #rec_benefits p { padding-left:15px; padding-right:5px; }
#rec_benefits h1 { background: #003D7E; color:#fff; padding-top:2px; padding-bottom:2px;}
#rec_benefits #right_col { background:#86B5E6; color:#005382; border-left:6px solid #fff; vertical-align:top; padding:27px 0 40px 0; width:460px;}
#rec_benefits #right_col p{ width:350px; padding-top:20px}
#rec_benefits #left_col { background:#003D7E;  padding:6px 0 150px 0; vertical-align:top; width:304px; }

/*END OF RECRUITMENT BENEFITS */

/*START OF HOMEPAGE */
#main h1,#main  h2,#main  p,#main  ul {padding-left:15px;padding-right:5px; padding-bottom:0px;}

#main h1 {background: url(./i/corporate_home_text.gif) no-repeat top left;
	margin:0px 0px 10px 15px;
	padding-top: 15px; /*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:15px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
#main #left_col { width:460px; padding-top:15px; padding-bottom:10px; margin:0px; background:#00204E; border-top:5px solid #fff;  }
#main #left_col .features{ margin:0px 0px 0px 15px }
#main #left_col .item{color:#fff ;padding: 1px 0px 2px 15px; background-image: url(./i/bullet.gif); background-repeat: no-repeat; background-position: 0px 3px; font-weight: bold }
#main #left_col .item a{ color:#fff; text-decoration: none}
#main #left_col .item a:hover{ color: #fff; text-decoration: underline}

#main #left_col #indent_wrapper{margin-bottom: 5px}
#main #left_col .indent{color:#fff ;padding: 2px 0px 2px 15px; background-image: url(./i/blue_bullet.gif); background-repeat: no-repeat; background-position: 0px 3px; margin-left:15px}
#main #left_col .indent a{ color:#fff; text-decoration: none}
#main #left_col .indent a:hover{ color: #fff; text-decoration: underline}
#main #left_col #leftside{ float: left; width:225px; padding-bottom: 30px}
#main #left_col #rightside{  margin-left: 230px; color:#BDC3DC}


#main #right_col {width:310px; padding-top:0px;background:#86B5E6 url(./i/news_bg.jpg)  no-repeat bottom left; color:#003D7E; border-left:5px solid #fff; vertical-align:top;}	
#main #right_col h1{
	margin-top:15px;
	background: url(i/news.gif) no-repeat top left;
	margin-left:15px;
	padding-top: 12px; /*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:12px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
#main #right_col .features{ margin:20px 10px 0px 20px }
#main #right_col .item{color:#fff ;padding: 1px 0px 2px 15px; background-image: url(./i/bullet_news.gif); background-repeat: no-repeat; background-position: 0px 3px; font-weight: bold }
#main #right_col .item a{ color: #fff; text-decoration: none;  font-weight: normal}
#main #right_col .item a:hover{ color: #fff; text-decoration: underline; font-weight: normal}


#main #bottomleft { background:#BDC3DC; padding-top:15px; width:237px; vertical-align:top; border-top: 5px solid #fff; color:#003D7E}
#main #bottomleft h2 {
/*background: url(i/specialised.gif) no-repeat top left;	*/
	background: url(i/qipcotext.jpg) no-repeat top left;
	width:100px;
	margin-left:15px;
	padding-top: 17px; /*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:17px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}


#main #bottomright { background:#86B5E6; padding-top:15px; border-left:5px solid white;width:218px; vertical-align:top;border-top: 5px solid #fff}
#main #bottomright h2 {
	width:80px;	
	background: url(i/established.gif) no-repeat top left;
	margin-left:15px;
	padding-top: 17px;		/*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:17px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
#main #bottomright p,h2, #main #bottomleft p,h2{  margin:0px 0px 5px 0px; }
#main #bottomright img, #main #bottomleft img{float:right; margin-right:10px; margin-bottom:6px; margin-left:5px}
#main #bottomright p{ width:100px; margin-bottom: 15px}
#main #bottomright a{ color:#003D7E; text-decoration: none }
#main #bottomright a:hover{ color:#003D7E; text-decoration: underline }


#main #bottomfarright {color:#86B5E6; background:#00204E; padding-top:15px; border-left:5px solid white;vertical-align:top;border-top: 5px solid #fff; }
#main #bottomfarright h2 
{
    width: 152px;	
	background: url(i/commited.gif) no-repeat top left;	
	margin:0px 0px 0px 15px;	
	padding-top: 11px;		/*height of image*/
	overflow: hidden;
	/*tantrek hack for ie*/
	height:11px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
	
}
#main #bottomfarright p{ margin : 10px 120px 0px 0px }
#main #bottomfarright img{float:right; margin-bottom:6px; margin-left:5px; margin-right: 20px;}


#main #right_col img {margin:0 12px;}
/*END OF HOMEPAGE */




/*START OF FOOTER */
#footer{ text-align: left; padding:28px 0px 20px 55px;  font-size: 90%; clear: both; height: 42px; background: #fff;}

/*END OF FOOTER */