@charset "utf-8";
/* CSS Document */

body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	background: #fff url(../images/bg.jpg) no-repeat bottom left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7a7a7a;

}
/* global tags */
p { padding: 0px; margin: 0px; }
.absmiddle { vertical-align: middle; }
.center { text-align: center; }
.right { text-align: right; }
.padcent { margin: 0 10px 0 10px; }
.padbot { margin: 0 0 10px 0; }
.padbt { margin: 10px 0 10px 0; }
.clear { clear: both; }
.right { float: right; }
.imgleft { float: left; margin: 3px 10px 0 0; }
.imgright { float: right; margin: 3px 0 0 10px; }
.sep { border-top: 1px dashed #bebebe; }
h3 { font-size: 13px; font-weight: bold; color: #7A7A7A; padding: 0px; margin: 5px 0 10px 0; }
.borderb { border-bottom: 1px dotted #c0c0c0; }
.nb { border: 0px; }
.br { border: 5px solid #e5e5e5; }
.lbr { border: 1px solid #e5e5e5; }
.title { float: left; margin: 0 0 5px 0; color: #E58E1A; font-size: 12px; width: 100%; font-weight: normal; }
.notify { padding: 3px; background-color: #f4f4f4; border: 1px solid #d3d3d3; margin: 0 0 7px 0; width: 279px; }
.notifySub { padding: 10px; background-color: #fffbf5; border: 1px solid #ffcc66; }
*:focus { outline: none; }
.hlights2 { color: #E58E1A; }
.error { color: #FF0000; }
.padtop { margin: 10px 0 0 0; float: left; border-top: 1px dashed #E5E5E5; width: 100%; padding: 10px 0 0 0; text-align: left; }
.fb_button { float: right; vertical-align: middle; } .fb_button img { border: 0px; }

a:link, a:visited, a:hover { text-decoration: none }


/* end global tags */


#wrapper{
  width: 607px;
  text-align:left;
  height: auto;
}
#content {
  width: 100%;
  overflow: hidden;
  height: auto;
  padding: 15px 0 0 0;
 
  
}
.demo {
 width: auto;
  position: relative;
  overflow: hidden;
  height: auto;
  text-align: left;
  padding: 0px;
  margin: 0 0 15px 0;
}
.demoAbout {
 width: auto;
  position: relative;
  overflow: hidden;
  height: auto;
  text-align: left;
  padding: 0px;
  margin: 0 0 0 0;
}


.collapse {
	text-align: left;
	background-color: #ededed;
	padding: 0 15px 10px 15px;
	margin: 0 0 20px 0;
	overflow: auto;
	border: 1px solid #dedede;
	width: 575px;
}
	.colTitle {
		font-size: 12px;
		font-weight: bold;
		margin: 10px 0 10px 0;
		text-decoration: underline;
		color: #d15a65;
	}
	
/* --- Links  --- */

.expand {
	font-size: 12px;
	font-weight: normal;
	display: block;
}
.switch {
	padding: 10px 0 0 0; 
}





#header {
	width: 100%;
	height: 54px;
	background: url(../images/bg-head.jpg) repeat-x top left;
}
	#header .headCont {
		width: 996px;
		height: 54px;
		margin: 0 auto;
		color: #fff;
	}
		#header .subNav {
			width: 700px;
			float: left;
			height: 54px;
		}
			#header .subNav ul {
				padding: 0px;
				margin: 12px 0 0 0;
			}
				#header .subNav li {
					display: inline;
					list-style-type: none;
					padding: 0 10px 0 0;
				}
					#header .subNav li a:link, #header .subNav li a:visited {
						color: #fff;
						text-decoration: none;
					}
					#header .subNav li a:hover {
						color: #d9dcdd;
						text-decoration: none;
					}
					#header .subNav li img {
						vertical-align: middle;
					}
		#header .date {
			width: 286px;
			float: left;
			height: 42px;
			padding: 12px 10px 0 0;
			text-align: right;
		}


#bodyCont {
	width: 996px;
	height: auto;
	margin: 0 auto;
    line-height: 1.4em;
	overflow: auto;
}

				#bodyCont .newsContainer {
					width: 609px;
					float: left;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					height: auto;
				}
				#bodyCont .newsContainer h2 {
					font-size: 14px;
					font-weight: bold;
					margin: 10px 0 10px 0;
					padding: 0 0 0 0;
				}
				#bodyCont .newsTitle {
					width: 374px;
					float: left;
					margin: 10px 0 0 0;
				}
				#bodyCont .newsTitle h3 {
					font-weight: bold;
					font-size: 12px;
					padding: 0 0 5px 0;
					margin: 0px;
				}
					#bodyCont .newSec {
						float: left;
						width: 587px;
						padding: 10px 10px 10px 10px;
						border: 1px solid #e5e5e5;
						margin: 0 0 10px 0;	
						
					}
					#bodyCont .thumbDesc h3 {
						font-weight: normal;
						font-size: 12px;
						padding: 0 0 5px 0;
						margin: 0px;
					}
						#bodyCont .thumbDesc h3 span {
							font-weight: normal;
						}
							#bodyCont .thumbDesc h3 a:link, #bodyCont .thumbDesc h3 a:visited {
								color: #7A7A7A;
								text-decoration: none;
								font-weight: bold;
							}
							#bodyCont .thumbDesc h3 a:hover {
								color: #E58E1A;
								text-decoration: none;
							}
						#bodyCont .thumbPic {
							float: left;
							width: auto;
							height: auto;
							padding: 0 10px 0 0;
						}
							#bodyCont .thumbPic a:link img, #bodyCont .thumbPic a:visited img {
								border: 1px solid #d5d5d5;
								margin: 3px 0 0 0;
							}
							#bodyCont .thumbPic a:hover img {
								border: 1px solid #e8e8e8;
								margin: 3px 0 0 0;
							}
						#bodyCont .thumbDesc {
							float: left;
							width: 492px;
							height: auto;
							padding: 0 10px 0 0;
						}
						#bodyCont .thumbDesc a:link, #bodyCont .thumbDesc a:visited {
							color: #E58E1A;
							text-decoration: none;
						}
						#bodyCont .thumbDesc a:hover {
							color: #8a8a8a;
							text-decoration: underline;
						}
							#bodyCont .thumbDesc span {
								font-size: 11px;
							}

	#bconTop {
		width: 996px;
		height: 140px;
		background: url(../images/border-top.png) no-repeat bottom left;
		float: left;
	}
		#bconTop .logo {
			padding: 8px 0 0 0;
			width: 271px;
			float: left;
		}
			#bconTop .logo img {
				border: 0px;
			}
		#bconTop .contactCont {
			padding: 0 0 0 0;
			width: 725px;
			height: 100px;
			background: url(../images/tuv.png) no-repeat center right;
			float: left;
			margin: 15px 0 0 0;
		}
			#bconTop .stick {
				width: 1px;
				float: right;
				border-left: 1px dotted #c5c5c5;
				height: 68px;
			}
			
			#bconTop .contet {
				float: right;
				width: 145px;
				margin: 0 5px 0 12px;
				color: #7A7A7A;
			}
			#bconTop .contet span {
				color: #e58e1a;
			}
				#bconTop .contet a:link, #bconTop .contet a:visited {
					color: #E58E1A;
					text-decoration: underline;
				}
				#bconTop .contet a:hover {
					color: #e58e1a;
					text-decoration: none;
				}
			
			
	#bconMid {
		width: 950px;
		height: auto;
		background: url(../images/border-mid.png) repeat-y top left;
		padding: 5px 23px 15px 23px;
		float: left;
	}
		
		
		
		
		
		
		#headerSlide {
			width: 950px;
			height: 295px;
			background: url(../images/m-curve-head.gif) repeat-x top left;
			float: left;
		}
			#headerSlide .hleftCurve {
				width: 10px;
				height: 295px;
				background: url(../images/l-curve-head.gif) no-repeat top left;
				float: left;
			}	
				#headerSlide .hmidCurve {
					width: 930px;
					float: left;
					padding: 10px 0 5px 0;
					height: 280px;
				}													
			#headerSlide .hrightCurve {
				width: 10px;
				height: 295px;
				background: url(../images/r-curve-head.gif) no-repeat top left;
				float: left;
			}	
			
			/*** set the width and height to match your images **/
			#slideshow {
				position:relative;
				height:350px;
			}
			#slideshow img {
				position:absolute;
				top:10;
				left:0;
				z-index:8;
				opacity:0.0;
			}
			#slideshow img.active {
				z-index:10;
				opacity:1.0;
			}
			#slideshow img.last-active {
				z-index:9;
			}
			/*** end css slideshow **/
		
		#categories {
			width: auto;
			float: left;
			height: 159px;
			margin: 10px 0 0 0;
		}	
			
			#categories .conCorp {
				width: 310px;
				height: 159px;
				float: left;
				background: url(../images/ban-corporate.png) no-repeat top left;
			}	
			#categories .conCSR {
				width: 310px;
				height: 159px;
				float: left;
				background: url(../images/ban-CSR.png) no-repeat top left;
			}	
			#categories .conCareers {
				width: 310px;
				height: 159px;
				float: left;
				background: url(../images/ban-Careers.png) no-repeat top left;
			}	
			
			#categories .concat {
				width: 175px;
				float: right;
				height: 159px;
			}
				#categories .textHead {
					padding: 20px 0 0 0;
				}
					#categories .textHead h1 {
						font-size: 18px;
						font-weight: normal;
						padding: 0px;
						margin: 0 0 8px 0;
					}
					
				#categories .desc {
					color: #9d9d9d;
					width: 164px;
					float: left;
					padding: 4px 10px 10px 0;
					line-height: 1.3em;
					font-size: 12px;
				}
				
				#categories a:link {
					text-decoration:none;
					cursor: pointer;
				}
				#categories a:link .button, #categories a:visited .button {
					width: 88px;
					height: 27px;
					background: url(../images/button-read.png) no-repeat top left;
					float: left;
					color: #787878;
					padding: 5px 0 0 14px;
					font-size: 11px;
					display: block;
					text-decoration: none;
					cursor: pointer;
				}
				#categories a:hover .button {
					width: 88px;
					height: 27px;
					background: url(../images/button-read-hover.png) no-repeat top left;
					float: left;
					color: #9d9d9d;
					padding: 5px 0 0 14px;
					font-size: 11px;
					display: block;
					text-decoration: none;
					cursor: pointer;
				}
				
					

			
		#textCont {
			width: 950px;
			float: left;
			height: auto;
			margin: 10px 0 10px 0;
		}	
			#leftCont {
				width: 630px;
				float: left; 
				height: auto;
				margin: 0 10px 0 0;
			}	
			#leftCont .container {
				float: left;
				
				margin: 0 0 20px 0;
				padding: 0px;
			}
			#leftCont .upLinks {
				padding: 5px 0 5px 7px;
				float: left;
				height: auto;
				width: 600px;
				border: 1px solid #E5E5E5;
				background-color: #f8f8f8;
				margin: 0 0 10px 0;
			}
				#leftCont .upLinks span {
					color: #E58E1A;
				}
			
			#leftCont .con {
					float: left;
					border: 1px solid #e5e5e5;
					padding: 10px;
					background-color: #fff;
					margin: 0 0 10px 0;	
					width: 586px;
				}
					
				#leftCont .heading {
					width: 630px;
					height: 30px;
					float: left; 
				}
					#leftCont .lcurve {
						width: 9px;
						height: 30px;
						float: left; 
						background: url(../images/l-curve.gif) no-repeat top left;
					}
					#leftCont .mcont {
						width: 609px;
						height: 24px;
						float: left; 
						background: url(../images/m-curve.png) repeat-x top left;
						padding: 6px 0 0 3px;
					}
						#leftCont .mcont h1 {
							color: #9b9b9b;
							padding: 2px 0 0 0;
							margin: 0px;
							font-size: 14px;
							font-weight: normal;
						}
							#leftCont .contentAbout {
								float: left;
								width: 608px;
								padding: 15px 10px 10px 10px;
								border-left: 1px solid #d3d3d3;
								border-bottom: 1px solid #d3d3d3;
								border-right: 1px solid #d3d3d3;
								border-top: 1px solid #fff;
								background: #fff url(../images/building.png) no-repeat bottom right;
								height: auto;
							}
							#leftCont .content {
								float: left;
								width: 608px;
								padding: 15px 10px 10px 10px;
								border-left: 1px solid #d3d3d3;
								border-bottom: 1px solid #d3d3d3;
								border-right: 1px solid #d3d3d3;
								border-top: 1px solid #fff;
								background: #fff url(../images/grad.gif) repeat-x top left;
								height: auto;
							}
								#leftCont .gallery {
									width: 608px;
									height: auto;
									float: left;
								}
									#leftCont .contGal {
										width: 150px;
										float: left;
										margin: 0 2px 2px 0;
										height: 100px;
									}
										#leftCont .contGal img {
											border: 0px;
										}
							
							#leftCont ul.sitePad {
								padding: 0 0 0 15px;
								margin: 0 0 0 0;
							}
							#leftCont ul.sitePadl2 {
								padding: 15px 0 15px 0;
								margin: 0 0 0 0px;
							}
							
							#leftCont .content ul, #leftCont .contentAbout ul {
								list-style-type: none;
								margin: 0 0 0 0;
							}
								#rightCont .content ul, #rightCont .contentAbout ul {
								list-style-type: none;
								margin: 0 0 0 0;
								padding: 0 0 0 15px;
							}
							blockquote {
								padding: 0px;
								margin: 0 0 0 30px;
							}

							#leftCont ul li, #rightCont ul li {
								list-style-image: url(../images/arrow.gif);
								padding: 3px 0 3px 0;
							}
							
							#leftCont ul.sitePad li {
								list-style-image: url(../images/arrow.gif);
								padding: 5px 0 0 0;
							}
							
								#leftCont .content a:link, #leftCont .content a:visited {
											color: #7A7A7A;
											text-decoration: none;
										}
											#leftCont .content a:link span, #leftCont .content a:visited span {
											color: #E58E1A;
											text-decoration: none;
										}
								#leftCont .content a:hover {
											color: #E58E1A;
											text-decoration: none;
										}
								
								#leftCont .contentAbout a:link, #leftCont .contentAbout a:visited {
											color: #7A7A7A;
											text-decoration: none;
										}
											#leftCont .contentAbout a:link span, #leftCont .contentAbout a:visited span {
											color: #E58E1A;
											text-decoration: none;
										}
								#leftCont .contentAbout a:hover {
											color: #E58E1A;
											text-decoration: none;
										}
	
								
							#leftCont .contact {
								width: 608px;
								float: left;
								padding: 15px 0 10px 0;
								margin: 0 0 0 0;
								height: auto;
								border-top: 1px dotted #e5e5e5;
							}
							#leftCont table td {
								font-size: 12px;
								padding: 5px 0 5px 0;
							}
							#leftCont table td .small {
								font-size: 11px;
							}
								#leftCont .subcontact {
									width: 175px;
									float: left;
									height: 140px;
									padding: 5px 10px 5px 10px;
									border: 1px solid #e5e5e5;
									margin: 0 5px 5px 0;
								}
							
							#leftCont .newsCont {
										width: 608px;
										height: auto;
										padding: 7px 0 7px 0;
										float: left;
									}
										#leftCont .details {
											float: left;
											width: 460px;
										}
										#leftCont .detailsSub {
											float: left;
											width: auto;
										}
										#leftCont .thumb {
											float: left;
											width: auto;
											height: auto;
											padding: 3px 0 0 0;
										}
										#leftCont .thumb2 {
											float: left;
											width: 111px;
											height: auto;
											padding: 3px 15px 0 0;
											text-align: center;
										}
											#leftCont .thumb a:link img, #leftCont .thumb a:visited img {
												border: 1px solid #e5e5e5;
											}
											#leftCont .thumb a:hover img {
												border: 1px solid #ececec;
											}
										#leftCont .desc {
											float: left;
											padding: 0 0 0 10px;
											width: 527px;
										}
											#leftCont .desc h3 {
												padding: 0px;
												margin: 0px;
												font-size: 12px;
												font-weight: normal;
												color: #3a4e5c;
												margin: 0 0 5px 0;
											}
											#leftCont .desc span {
												font-size: 11px;
											}	
								
							
							#leftCont .contAbout {
								padding: 10px 0 10px 0;
								border-top: 1px dotted #c0c0c0;
								width: 603px;
								float: left;
								margin: 0 0 0 0;
							}
							#leftCont .thumbAbout {
								width: 130px;
								height: auto;
								float: left;
								text-align: center;
							}
								#leftCont .thumbAbout img {
									border: 0px;
								}
							#leftCont .detailsAbout {
								width: 473px;
								height: auto;
								float: left;
							}
	
							#leftCont .rcurve {
								width: 9px;
								height: 30px;
								float: left; 
								background: url(../images/r-curve.gif) no-repeat top left;
							}
								
			
			#rightCont {
				width: 310px;
				float: left; 
				height: auto;
			}
				#rightCont .subContainer, #leftCont .subContainer {
					float: left;
					margin: 0 0 10px 0;
					height: auto;
				}
				#rightCont .heading {
						width: 310px;
						height: 30px;
						float: left; 
					}
						#rightCont .lcurve {
							width: 9px;
							height: 30px;
							float: left; 
							background: url(../images/l-curve.gif) no-repeat top left;
						}
						#rightCont .mcont {
							width: 289px;
							height: 24px;
							float: left; 
							background: url(../images/m-curve.png) repeat-x top left;
							padding: 6px 0 0 3px;
						}
							#rightCont .mcont h1 {
								color: #9b9b9b;
								padding: 2px 0 0 0;
								margin: 0px;
								font-size: 14px;
								font-weight: normal;
							}
								#rightCont .conDetails {
									float: left;
									padding: 0px 0 8px 0;
								}
								#rightCont .conDetailsb {
									float: left;
									width: 288px;
									padding: 0 0 10px 0;
								}
								#rightCont .content {
									float: left;
									width: 288px;
									padding: 8px 10px 10px 10px;
									border-left: 1px solid #d3d3d3;
									border-bottom: 1px solid #d3d3d3;
									border-right: 1px solid #d3d3d3;
									border-top: 1px solid #fff;
									background: #fff url(../images/grad.gif) repeat-x top left;
									height: auto;
								}
									#rightCont .subscribe {
										margin: 5px 0 0 0;
										float: left;
										width: 287px;
										height: auto;

									}
									#rightCont .formStyle {
										padding: 0 7px 0 0;
										float: left;
										height: auto;

									}
									
									#rightCont .submit {
										height: 26px;
										width: 65px;
										cursor: pointer;
										float: left;
									}
								
								
									#rightCont .formStyle input {
										width: 209px;
										float: left;
										color: #7a7a7a;
										font-size: 12px;
										height: 20px;
										
									}
								
									#rightCont .content img { border: 0px; }
									
									#rightCont .content a:link span, #rightCont .content a:visited span {
										color: #E58E1A;
										text-decoration: underline;
									}
										#rightCont .content a:hover span {
										color: #9b9b9b;
										text-decoration: none;
									}
									
									#rightCont .thumbCont {
										width: 100px;
										float: left;
										padding: 8px 0 0 0;
									}
										#rightCont .thumbCont a:link img, #rightCont .thumbCont a:visited img {
												border: 1px solid #e5e5e5;
											}
											#rightCont .thumbCont a:hover img {
												border: 1px solid #ececec;
											}
											
		
												#rightCont .cat {
													border: 1px solid #ececec;
													text-align: left;
													height: auto;
													float: left;
													width: 271px;
													background-color: #f2f2f2;
													margin: 7px 0 3px 0;
													padding: 5px 5px 5px 10px;
												}
												
												#rightCont a:hover .cat {
													background-color: #fff;
												}
												
												
												#rightCont .thumbContCat a:link img, #rightCont .thumbContCat a:visited img {
														border: 1px solid #e5e5e5;
														margin: 0 0 3px 0;
													}
													#rightCont .thumbContCat a:hover img {
														border: 1px solid #ececec;
														margin: 0 0 3px 0;
													}
									#rightCont .detailsCont {
										float: left;
										width: 186px;
										padding: 5px 0 0 0;
									}
									#rightCont .detailsContb {
										float: left;
										width: 288px;
										padding: 5px 0 0 0;
									}
									#rightCont .detailsContc {
										float: left;
										width: 285px;
										padding: 5px 0 0 0;
									}
									
									#rightCont .newsCont {
										width: 288px;
										height: auto;
										padding: 7px 0 7px 0;
										float: left;
									}
										#rightCont .thumb {
											float: left;
											width: auto;
											height: auto;
											padding: 3px 0 0 0;
										}
											#rightCont .thumb a:link img, #rightCont .thumb a:visited img {
												border: 1px solid #e5e5e5;
											}
											#rightCont .thumb a:hover img {
												border: 1px solid #ececec;
											}
										#rightCont .desc {
											float: left;
											padding: 0 0 0 10px;
											width: 203px;
										}
											#rightCont .desc h3 {
												padding: 0px;
												margin: 0px;
												font-size: 12px;
												font-weight: normal;
												color: #3a4e5c;
												margin: 0 0 5px 0;
											}
											#rightCont .desc span {
												font-size: 11px;
												color: #7A7A7A;
											}
											#rightCont .newsArch {
												float: left;
												width: 288px;
												text-align: left;
												padding: 5px 0 0 0;
											}
								
									#rightCont .content a:link, #rightCont .content a:visited {
										color: #7A7A7A;
										text-decoration: none;
									}
									#rightCont .content a:hover {
										color: #e58e1a;
										text-decoration: none;
									}
										#rightCont .newsArch a:link, #rightCont .newsArch a:visited {
											color: #7A7A7A;
											text-decoration: underline;
										}
										#rightCont .newsArch a:hover {
											color: #e58e1a;
											text-decoration: none;
										}
								#rightCont .rcurve {
									width: 9px;
									height: 30px;
									float: left; 
									background: url(../images/r-curve.gif) no-repeat top left;
								}	
		
																

#footer {
	width: 100%;
	height: 96px;
	background: url(../images/bg-footer.jpg) repeat-x top left;
	line-height: 1.6em;
}
	#footer .footCont {
		width: 996px;
		height: 71px;
		margin: 0 auto;
		text-align: center;
		color: #fff;
		font-size: 11px;
		padding: 25px 0 0 0;
	}
	
	#footer .footCont a:link, #footer .footCont a:visited {
		color: #d9dcdd;
		text-decoration: none;
	}
	#footer .footCont a:hover {
		color: #fff;
		text-decoration: none;
	}