@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'DIN1451ComMittelschrift';
	src: url('din1451com-mittelschrift11-webfont.eot');
	src: local('?'), url('din1451com-mittelschrift11-webfont.woff') format('woff'), url('din1451com-mittelschrift11-webfont.ttf') format('truetype'), url('din1451com-mittelschrift11-webfont.svg#webfontlNxLt5Uy') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
  margin: 0px auto 20px;
  background-image:url(../images/bg.jpg);
  background-repeat:repeat-x;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#36424a;
  line-height:20px;
}
#header
{
  position : relative;
  margin:auto;
  top: 0px;
  width:940px;
  height:100px;
  background-image:url(../images/logo.gif);
  background-repeat:no-repeat;
  background-position:left;
}
#headerTmesys
{

 position : relative;
  margin:auto;
  top: 0px;
  width:940px;
  height:100px;
  background-image:url(../images/tmesys_logo.jpg);
  background-repeat:no-repeat;
  background-position:left;

}

#SecondaryMenu
{
  position : relative;
  width:375px;
  height: 31px;
  float:right;
  text-align:right;
}


#TopMenuDiv {
	height: 42px;
	background: transparent url(nav-bg.jpg) repeat-x 0 0;
}

#searchContent
{
  position: absolute; 
  top: 40px; 
  left: 658px;
  width: 283px;
}

.search{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#CCC
}

#MainBody{
  margin:0px auto;
  width:940px;
  padding-top:20px;
}

#Content{
  float:right;
  width:700px;
}

#LeftCol{
  float:left;
  width:220px;
}

#TopMenuDiv{
  margin:0px auto;
  width:940px;
  text-align:center;
}

.TopMenu a {
	display: block;		
	height: 42px;	
	text-indent: -9999px;		
	line-height: 42px;			
	background-repeat: no-repeat;		
	 background-position: top left; 	
}

.TopMenu .home { background-image: url(../images/nav-home.jpg); width: 99px; }
		
.TopMenu .different { background-image: url(../images/nav-different.jpg); width: 217px; }		
.TopMenu .capabilities { background-image: url(../images/nav-capabilities.jpg); width: 142px; }		
.TopMenu .knowledge { background-image: url(../images/nav-knowledge.jpg); width: 179px; }		
.TopMenu .news { background-image: url(../images/nav-news.jpg); width: 171px; }	
.TopMenu .contact { background-image: url(../images/nav-contact.jpg); width: 132px; }	
					
#footer{  
  margin: 0px auto 0;
  width: 940px;
  font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-family: 'DIN1451ComMittelschrift', sans-serif;
			font-size-adjust: 0.51;
}
#footer a {  font-weight: normal !important;
			font-style: normal !important;
			line-height:normal;
			font-family: 'DIN1451ComMittelschrift', sans-serif;
			font-size-adjust: 0.51;}
		
p, ul, li{
  font-size:12px;
  color:#333;
  line-height:18px;
  list-style-type: square;
}

.animatedSideImage
{
	position:relative;
}

.text{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333;
  line-height:20px;
  text-align:justify;
}

.footer{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#999;
}

hr{
  color:#ccc;
  height: 1px;
}

.quickref{
  font-weight: normal;
font-style: normal;
line-height:normal;
font-family: 'DIN1451ComMittelschrift', sans-serif;
font-size-adjust: 0.51;
  font-size:12px;
  color:#b49400;
  margin-left: 20px;
  margin-top: -20px;
  text-transform: uppercase;
}

#refBar {
		padding: 5px 0px;
		
		border-bottom-right-radius: 15px;
		-moz-border-radius-bottomright: 15px;
		-webkit-border-radius-bottomright: 15px;
		border-top-right-radius: 15px;
		-moz-border-radius-topright: 15px;
		-webkit-border-radius-topright: 15px;
		text-align: left;
		background-image:url('/images/FooterBar.gif');
		background-repeat:no-repeat;
	}
	
	#refBar ul { margin: 0 0 0 -30px;}
	
	#refBar ul li,
	#bottomNav ul li {
		display: block;
		float: left;
		margin-right: 5px;
	}
		#bottomNav ul { margin: 2px 0 0 -20px;  }
			#bottomNav ul li a {  text-transform: uppercase;  font-size: 10px !important;}
			#bottomNav ul li { font-size: 10px !important; }
		#refBar ul li, #refBar ul li a { color: #fff !important;	text-transform: uppercase; font-size: 11px; font-weight: bold;}
		#refBar ul li a { margin: 0 10px; }

	#copy { float: right; text-align: right; font-size: 10px !important;}

#twoColNest{
  margin: 0px, auto;
  width:700px;
	}
#leftCol{
  float:left;
  width:340px;
	}
#rightCol{
  float:right;
  width:340px;
}

#menuContainter{
  margin: 0px, auto;
  width:938px;
  height:310px;
  background-color:#fff;
  }
#flash{
  width:570px; 
  height:310px;
  float:left;
}
#mainMenu{
  margin:0px, auto;
  width:940px;
  height:310px;
  background-color:#fff;
  }
#flashMenu{
  width:570px;
  height:310px;
  background-color:#fff;
  float:left;
  }
#jqueryMenu{
  width:217px;
  float:left;
  
  }
#sideMenu{
  width:140px;
  height:155px;
  float:left;
  margin-left:20px;
}
#sideMenu2{
  width:140px;
  height:155px;
  float:left;
  margin-left:20px;
}
#menu{
  width:210px;
  float:left;
} 
#menuRight{
  text-align:right;
  width:158px;;
  height: 310px;
  background-color:#fff;
  float:left;
}
#MainBody{
  margin:0px auto;
  width:940px;
  padding-top:20px;
  padding-bottom:20px;
}

#breadCrumb{
  float:right;
  width:700px;
  height:35px;
  }

#Content{
  float:right;
  width:700px;
}
#LeftCol{
  float:left;
  width:220px;
}
#contentNav{
  width:190px;
  min-height:290px;
  background-position:bottom;
  background-image:url(../images/contentNavBg.jpg);
  background-repeat:repeat-x;
  background-color:#e8eef4;
  line-height:25px;
  padding-top:10px;
  padding-left:20px;
}
#contentBox2Col{
  width:700px;
}
#contentBox2ColL{
  width:335px;
  float:left;
}
#contentBox2ColR{
 width:335px;
 float:right;
}  

/****** Links *************/

.breadCrumbLink { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #b49400 !Important; line-height:20px; text-decoration: none; font-weight:700;}
.breadCrumbLink a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #36424a !Important; line-height:20px; text-decoration: none; font-weight:700;}
.breadCrumbLink a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#36424a !Important; line-height:20px; text-decoration: none; font-weight:700;}
.breadCrumbLink a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#36424a !Important; line-height:20px;  text-decoration: underline; font-weight:700;} 
.breadCrumbLink a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#36424a !Important; line-height:20px;  text-decoration: none; font-weight:700;}

.TopMenu { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #fff !Important; text-transform: uppercase;  text-decoration: none;font-weight:700;}
.TopMenu a { display: block; height: 42px; line-height: 42px; background: transparent url(../images/nav-divider.jpg) no-repeat center right; float: left; }
.TopMenu a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #fff !Important;  text-decoration: none;  font-weight:700;}
.TopMenu a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff !Important;  text-decoration: none;  font-weight:700;}
.TopMenu a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff !Important;  text-decoration: underline; font-weight:700; } 
.TopMenu a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff !Important;  text-decoration: none;  font-weight:700;}
.TopMenu hr { display: none; }

.contentLinkMT { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #36424a !Important; line-height:20px; text-decoration: underline; font-weight:700;}
.contentLinkMT a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #36424a !Important; line-height:20px; text-decoration: underline; font-weight:700;}
.contentLinkMT a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#36424a !Important; line-height:20px; text-decoration: underline; font-weight:700;}
.contentLinkMT a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#36424a !Important; line-height:20px;  text-decoration: underline; font-weight:700;} 
.contentLinkMT a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#36424a !Important; line-height:20px;  text-decoration: underline; font-weight:700;}

.contentLink { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333 !Important;  text-decoration: underline; font-weight:700;}
.contentLink a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333 !Important;  text-decoration: underline; font-weight:700;}
.contentLink a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 !Important;  text-decoration:underline; font-weight:700;}
.contentLink a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 !Important;  text-decoration: underline; font-weight:700;} 
.contentLink a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 !Important;  text-decoration: underline; font-weight:700;}

.contentLinkPdf { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666 !Important;  text-decoration: none;}
.contentLinkPdf a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666 !Important;  text-decoration: none;}
.contentLinkPdf a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666 !Important;  text-decoration: none;}
.contentLinkPdf a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666 !Important;  text-decoration: underline;} 
.contentLinkPdf a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666 !Important;  text-decoration: none;}

.footer { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333 !Important;  text-decoration: none;}
.footer a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333 !Important;  text-decoration: none;}
.footer a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 !Important;  text-decoration: none;}
.footer a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 !Important;  text-decoration: underline;} 
.footer a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 !Important;  text-decoration: none;}

.contentNavLink { font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #333 !Important;  text-decoration: none;}
.contentNavLink a:link { font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #333 !Important;  text-decoration: none;}
.contentNavLink a:visited { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333 !Important;  text-decoration: none;}
.contentNavLink a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333 !Important;  text-decoration: underline;} 
.contentNavLink a:active { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333 !Important;  text-decoration: none;}
/*
.contentBoxLink { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333 !Important;  text-decoration: none;}
.contentBoxLink a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333 !Important;  text-decoration: none;}
.contentBoxLink a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 !Important;  text-decoration: none;}
.contentBoxLink a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 !Important;  text-decoration: underline;} 
.contentBoxLink a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 !Important;  text-decoration: none;}
*/
.contentBoxLink { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333 !Important;  text-decoration: none;}
.contentBoxLink a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333 !Important;  text-decoration: none;}
.contentBoxLink a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 !Important;  text-decoration: none;}
.contentBoxLink a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 !Important;  text-decoration: underline;} 
.contentBoxLink a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 !Important;  text-decoration: none;}

.knowledgeCenterLink { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #36424a !Important; line-height:20px; text-decoration: none; font-weight:700;}
.knowledgeCenterLink a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #36424a !Important; line-height:20px; text-decoration: none; font-weight:700;}
.knowledgeCenterLink a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#36424a !Important; line-height:20px; text-decoration: none; font-weight:700;}
.knowledgeCenterLink a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#36424a !Important; line-height:20px;  text-decoration: underline; font-weight:700;} 
.knowledgeCenterLink a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#36424a !Important; line-height:20px;  text-decoration: none; font-weight:700;}

.new{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #b49400 !Important;  text-decoration:italic;none;}


.menuContentLinks { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #fff !Important;  text-decoration: none;}
.menuContentLinks a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #fff !Important;  text-decoration: none;}
.menuContentLinks a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff !Important;  text-decoration: none;}
.menuContentLinks a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff !Important;  text-decoration: underline;} 
.menuContentLinks a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff !Important;  text-decoration: none;}

a:link { font-family:Arial, Helvetica, sans-serif;  font-size:12px; color: #333 !Important;  text-decoration: underline;}
a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 !Important;  text-decoration: underline;}
a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333 !Important;  text-decoration: underline;} 
a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px;  color:#333 !Important;  text-decoration: underline;}

.orangeLink { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #36424a !Important;  text-decoration: none;font-weight:700; }
.orangeLink a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #36424a !Important;  text-decoration: none;  font-weight:700;}
.orangeLink a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#36424a !Important;  text-decoration: none;  font-weight:700;}
.orangeLink a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#36424a !Important;  text-decoration: underline; font-weight:700; } 
.orangeLink a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#36424a !Important;  text-decoration: none;  font-weight:700;}


#bottom-menu{
margin-top:8px;
width:940px;
height:80px;
border-top: 1px solid #c7c7c7;
padding-bottom:46px;
}

.bottom-menu-line{
margin-top:60px;
width:940px;
height:1px;
border-top: 1px solid #c7c7c7;
padding-bottom:0px;
}

#contentBox1{
background-image:url(../images/bottom-content-bg.jpg);
background-repeat:no-repeat;
width:288px;
height:108px;
float:left;
line-height:16px;
margin-right:8px;
margin-top:10px;
margin-left:0px;
}
#contentBox2{
background-image:url(../images/bottom-content-bg.jpg);
background-repeat:no-repeat;
width:288px;
height:108px;
float:left;
line-height:16px;
margin-right:8px;
margin-top:10px;
margin-left:0px;
}
#contentBox3{
background-image:url(../images/bottom-content-bg.jpg);
background-repeat:no-repeat;
margin-right: 0 !important;
width:285px;
height:108px;
line-height:16px;
margin-top:10px;
margin-left:0px;
}

.contentBoxLink {	
	background-repeat:no-repeat;
	padding: 10px;
	width:268px;
	height:110px;
	float:left;
	line-height:16px;
	margin-right:16px;
}


#bottom-menu-lables{
width:940px;
height:75px;
}
#contentBox1-lable{
background-image:url(../images/contentBox-lable-featured.jpg);
background-repeat:no-repeat;
width:308px;
height:39px;
padding-top:8px;
float:left;
margin-right:8px;
text-align:left;
display: block;
}

	#contentBox1-label a,
	#contentBox2-label a,
	#contentBox3-label a {
		display: block;
		width:280px;
		height:39px
	}
	

#contentBox2-lable{
background-image:url(../images/contentBox-lable-knowledge.jpg);
background-repeat:no-repeat;
width:308px;
float:left;
height:39px;
padding-top:8px;
margin-right:8px;
text-align:left;

}
#contentBox3-lable{
background-image:url(../images/contentBox-lable-news.jpg);
background-repeat:no-repeat;
width:308px;
height:39px;
float:left; 
text-align:left;
padding-top:8px;

}
.contentBoxLinkBig { font-family:"Myriad Pro", Arial, sans-serif; font-size:16px; color: #00338e !Important;  text-decoration: none; text-transform: uppercase; font-weight: bold;text-indent:-9999px;
			display: block; width: 307px; height: 40px; }
.contentBoxLinkBig a:link { display: block; width: 307px; height: 40px; font-family:"Myriad Pro", Arial, sans-serif; font-size:16px; color: #00338e !Important;  text-decoration: none; text-transform: uppercase; text-indent:-9999px;}
.contentBoxLinkBig a:visited { font-family:"Myriad Pro", Arial, sans-serif; font-size:16px; color: #00338e !Important;  text-decoration: none; text-transform: uppercase;text-indent:-9999px;}
.contentBoxLinkBig a:hover  { font-family:"Myriad Pro", Arial, sans-serif; font-size:16px; color: #00338e !Important;  text-decoration: underline; text-transform: uppercase;text-indent:-9999px;} 
.contentBoxLinkBig a:active { font-family:"Myriad Pro", Arial, sans-serif; font-size:16px; color: #00338e !Important;  text-decoration: none; text-transform: uppercase;text-indent:-9999px;}

.h2Link { font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #333 !Important;  text-decoration: underline; font-weight:bold;}
.h2Link a:link { font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #333 !Important;  text-decoration: underline; font-weight:bold;}
.h2Link a:visited { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333 !Important;  text-decoration:underline; font-weight:bold;}
.h2Link a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333 !Important;  text-decoration: underline; font-weight:bold;} 
.h2Link a:active { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333 !Important;  text-decoration: underline; font-weight:bold;}


h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
	}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;}
	
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;}
.smallheight{
	line-height:15px;
	margin-bottom:10px;
	}
#smBox{
	width:700px;
	height:auto;}
#smContentBox{
	width:209px;
	padding:10px;
	float:left;
	}
.footerPageHeader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	color:#333;
}
#smBox{
	width:700px;
	height:auto;}
#smContentBox{
	width:310px;
	padding:10px;
	float:left;
	}
.sup {
vertical-align: super;
font-size: 60%;
}

.menu,
.menu ul {
margin:0;
padding:0;


}
.menu {width:170px;}
.menu li {
margin:0;
padding:0;
line-height: 22px;
margin-bottom:1px;
list-style:none;
/*background-color:##f6f6f8;*/
}
/****** UserControl LOB Left Navigations ****////
.menu a {
display:block;
padding:2px 5px;
color:#000;
/*background:#f6f6f8;*/
text-decoration:none;
}
.menu a:hover {/*background:#FFF;*/}
.menu ul li {padding-left:10px;}
.menu ul a {/*background:#a0c2e0;*/}
.hidden {display:none;}