﻿body {
	width:1024px;
	margin: 0px auto;
	background-color: gray;
		
		}
	#Header{
	 background-color: white;
 	 height:76px;
 	 
/* 	 margin:10px auto;*/
	 
	}
	.logo{
	position:relative ;
	top:30px;
	left:0px;
	padding: 10px;
	float:left;	
	
		}
		/*General Menus*/
	#menu {
	list-style-type:none;
	text-decoration: none;
	top:auto;
	height:200px;
	padding: 0;
	margin:0px 0px 0px 0px;
}	
	#menu li{
	list-style-type: none;
	display:inline-block ;
	overflow: hidden;
	width:140px;
	
	background-color:#004080 ;
	height:36px;
	margin:0;

	}
	#menu li a{
	width:140px;
	text-align: center;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	font-family:Tahoma, Helvetica, sans-serif ;
	text-decoration: none;
	color:#ffffff;
	background-color: #004080 ;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 10px 0px;
	}
	
	.hovLink {
	width:140px;
	text-align: center;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	font-family:Tahoma, Helvetica, sans-serif ;
	text-decoration: none;
	color:#ffffff;
	background-color: #004080 ;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}
	#menu li a:hover {
	background-color: #FFD71D  ;
	color:black;
	}
	#submenu {
	width:200px;
	display:none;
	position:absolute;	
	left:auto;
	margin:auto auto auto 20;
	top:auto;
	text-indent: 0px;
	padding: 0px 0px 10px 0px;
	
}
	ul#menu li:hover #submenu {
	display:block ;
}
	/*TEMPUS Menus*/
	.menuTempus {
	list-style-type:none;
	text-decoration: none;
	top:auto;
	height:180px;
	padding: 0;
	margin:0px 0px 0px 0px;
}	
	.menuTempus li{
	list-style-type: none;
	display:block  ;
	overflow: hidden;
	width:140px;
	
	background-color:#004080 ;
	height:36px;
	margin:0;

	}
	.menuTempus li a{
	width:120px;
	text-align: right ;
	font-size:18px;
	font-style: normal;
	font-weight:normal ;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#ffffff;
	background-color: #004080 ;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 10px 10px;
	}
	
	.menuTempus.hovLink {
	width:140px;
	text-align: center;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	font-family:Tahoma, Helvetica, sans-serif ;
	text-decoration: none;
	color:#ffffff;
	background-color: #004080 ;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}
	.menuTempus li a:hover {
	background-color: #FFD71D  ;
	color:black;
	}
	.submenuTempus {
	width:200px;
	display:none;
	position:absolute;	
	left:auto;
	margin:auto auto auto 20;
	top:auto;
	text-indent: 0px;
	padding: 0px 0px 10px 0px;
	
}
	ul.menuTempus li:hover #submenuTempus {
	display:block ;
}

/*TEMPUS Menus Content*/
	.menuTempusContent {
	list-style-type:none;
	text-decoration: none;
	top:auto;
	height:180px;
	padding: 0;
	margin:0px 0px 0px 0px;
	width:230px;
	
}	
	.menuTempusContent li{
	list-style-type: none;
	display:block  ;
	overflow: hidden;
	width:230px;
	
	background-color:#004080 ;
	
	height:36px;
	margin:0;

	}
	.menuTempusContent li a{
	width:210px;
	text-align: right ;
	font-size:18px;
	font-style: normal;
	font-weight:normal ;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#ffffff;
	background-color: #004080 ;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 10px 10px;
	}
	
	.menuTempusContent.hovLink {
	width:140px;
	text-align: center;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	font-family:Tahoma, Helvetica, sans-serif ;
	text-decoration: none;
	color:#ffffff;
	background-color: #004080 ;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}
	.menuTempusContent li a:hover {
	background-color: #CCCCCC  ;
	color:black;
	}
	.submenuTempusContent {
	width:200px;
	display:none;
	position:absolute;	
	left:auto;
	margin:auto auto auto 20;
	top:auto;
	text-indent: 0px;
	padding: 0px 0px 10px 0px;
	
}
	ul.menuTempusContent li:hover #submenuTempus {
	display:block ;
}
/* End MenuTempus Content*/
/*MyLinks*/
	.MyLinks {
	list-style-type:none;
	text-decoration: none;
	top:auto;
	height:160px;
	padding: 0;
	margin:0px 0px 0px 0px;
	width:130px;
	
}	
	.MyLinks li{
	list-style-type: none;
	display:block  ;
	overflow: hidden;
	width:160px;
	
	background-color:#00CC00 ;
	
	height:36px;
	margin:0;

	}
	.MyLinks li a{
	width:140px;
	text-align:center  ;
	font-size:18px;
	font-style: normal;
	font-weight:normal ;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#ffffff;
	background-color:#00CC00 ;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 10px 10px;
	}
	
	.MyLinks.hovLink {
	width:160px;
	text-align: center;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	font-family:Tahoma, Helvetica, sans-serif ;
	text-decoration: none;
	color:#ffffff;
	background-color: #112233 ;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}
	.MyLinks li a:hover {
	background-color:#00FF00  ;
	color:black;
	}
	
/* End mylinks*/

/*TM44 Menus*/
	.menuTM44 {
	list-style-type:none;
	text-decoration: none;
	top:auto;
	height:39px;
	width:700px;
	padding: 0;
	margin:0px 0px 0px 0px;
}	
	.menuTM44 li{
	list-style-type: none;
	display:inline;
	overflow: hidden;
	width:180px;
	height:0px;
	
	background-color: #FFFFFF ;
	
	margin:0;

	}
	.menuTM44 li a{
	width:180px;
	text-align:center ;
	font-size:18px;
	font-style: normal;
	font-weight:normal ;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#000000;
	background-color: #EEEEEE ;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 10px 10px;
	
	}
	
	.menuTM44.hovLink {
	width:140px;
	text-align: center;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	font-family:Tahoma, Helvetica, sans-serif ;
	text-decoration: none;
	color:#ffffff;
	background-color: #CCCCCC ;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	

}
	.menuTM44 li a:hover {
	background-color: #BBBBBB  ;
	

	color:black;
	}
	.TM44Details{
	
	background-color: #BBBBBB;
}
/*END TM44*/



	.TempusFactoryPnlClass
	{
	background-color: #FFFFFF;width:798px;height:500px;left:350px;float: right;
}
	#TempusFactoryPnlA
	{
	display:block;
	
	}
	#TempusFactoryPnlB
	{
	display:none ;
	}
	#TempusFactoryPnlC
	{
	display:none ;
	}
	#TempusFactoryPnlD
	{
	display:none ;
	}
	#TempusFactoryPnlE
	{
	display:none ;
	}
	#TempusFactoryPnlF
	{
	display:none ;
	}
	#TempusFactoryPnlG
	{
	display:none ;
	}
	#TempusFactoryPnlH
	{
	display:none ;
	}
	#TempusFactoryPnlI
	{
	display:none ;
	}
	#TempusFactoryPnlJ
	{
	display:none ;
	}

	#A{
	display:block;
	}
	#B{
	display:none;
	}
	#C{
	display:none;
	}

	#social {
	display:inline-block ;
	 margin:0px 20px auto auto;
	 left:auto;
	 width:750px;
	 height:100px;
	 
	 text-align: left;
}
	#socialul{
	display:inline;
	text-align:right;
	margin: 0px 20px auto auto;
	left:auto;
	list-style: none;
}
	#NavigateBar {
	top:0px;
	height: 36px;
	background-color: #004080 ;
	
		}
	#NavigateBarTempus {
	top:0px;
	height: 110px;
	width:0px;
	background-color: #004080 ;
		}
	#NavigateBarTM44 {
	top:0px;
	height: 36px;
	width:0px;
	background-color: #004080 ;
		}

	.NavigateBarTempusContent {
	top:0px;
	height: 110px;
	width:200px;
	background-color: #004080 ;
		}

	#ForeImage {
	top:auto ;
	height:496px;
}
	#ForeImageFactory {
	top:auto ;
	height:372px;
	display:block ;
}

	#ForeImageOffice {
	top:auto ;
	height:372px;
	display: none ;
}
	#ForeImageConstruction {
	top:auto ;
	height:372px;
	display: none ;
}


	#GrayLine {
	height:4px;
	background-color: #CC3300;
		}
	#GrayLine0 {
	height:4px;
	background-color: #C72E30;
		}
	#GrayLine1 {
	height:4px;
	background-color: #C72E30;
		}
	#GrayLine2 {
	height:1px;
	background-color: #999999;
		}
	#GrayLine3 {
	height:1px;
	background-color: #999999;
		}
	.ThinGrayLine {
	height:1px;
	background-color: #999999;
		}
	#ContentMain {
	background-color:#FFFFFF;
	height:500px;
	margin: 0px 0px 0px 0px;
		}

	#Content {
	background-color:#FFFFFF;
	height:900px;
	margin: 0px 0px 0px 0px;
		}
	#ContentTempusFactory {
	background-color:#FFFFFF;
	height:500px;
	margin: 0px 0px 0px 0px;

	}
	#ContentTempusOffice {
	background-color:#FFFFFF;
	height:500px;
	margin: 0px 0px 0px 0px;

	}
	#ContentTempusConstruction {
	background-color:#FFFFFF;
	height:500px;
	margin: 0px 0px 0px 0px;

	}
	.ContentImg{
	 background-color: #FFFFFF;
 	 height:275px;
 	 
	 margin: 0px 0px 0px 0px;
	 
	
}
	.thumbnailNoBorder {
	
	padding: 8px;
	margin-left:15px;
	left:auto;
	display:inline ;
	border-color:#FFFFFF

}	

	.thumbnail {
	
	padding: 8px;
	margin-left:15px;
	left:auto;
	display:inline ;
	border:thin;
	border-color:silver;
	border-style:solid ;
}	
	.thumbnailTitle {
	
	padding:16px 0px 0px 0px;
	margin:19px 15px 15px 15px;
	left:auto;
	display:inline ;
	
}
	.thumbnailDescription {
	
	padding:16px 0px 0px 0px;
	margin:19px 15px 15px 15px;
	left:auto;
	display:inline ;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 19px;
	color:#666666;
	text-decoration:none ;
}

	#Footer {
	height:32px;
	background-color: #000000;
	margin: 0px 0px 0px 0px;
		}
	h1 {
	font-size:60px;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	margin: 0px 0px 0px 0px;

}
	h2 {
	font-size:40px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding-left:10px;
	color:#808080
	
	}
	h3 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	}
	h4 {
	font-size:14px;
	font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	}
	h5{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif ;
	margin: 0px 0px 0px 0px;
	text-align:center;
	color:silver;
	top:auto ;
	padding: 10px;
	}
	h6 {
	font-size:24px;
	font-style: normal ;
	font-weight: normal;
	font-family:Calibri, Arial, Helvetica, sans-serif ;	text-align:left;
	margin: 0px 0px 0px 0px;
	padding-top: 4px;
	}
	h7 {
	font-size:24px;
	font-style: normal ;
	font-weight: normal;
	font-family:Calibri, Arial, Helvetica, sans-serif ;	text-align:center ;
	margin: 0px 0px 0px 0px;
	padding-top: 4px;
	}

	.content-text {
	padding-left: 10px;
	padding-right: 10px;
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif ;
	font-size: 24px;
	color:#666666
	
	}
	.content-text-subtitle{
	padding-left: 10px;
	padding-right: 10px;
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif ;
	font-size: 18px;
	
	}	
	.content-text-description{
	padding-left: 10px;
	padding-right: 10px;
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif ;
	font-size: 16px;
	 top:0px;

}
	.NormalText {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	
}
	.dottedUnderline{
	border-bottom-color: gray ;
	border-bottom: thin ;
	border-bottom-style: dotted ;
}
