/* index.css*/

body { 
	text-align: center; 
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	background-color:rgb(9,53,127);

}

#buffer{
   	width:960px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/background.jpg);
    background-repeat:repeat-y;

}

#wrapper{
   	width:900px;
	margin-left: auto;
	margin-right: auto;

} 

#PageHeader{
	position: relative;
	width: 900px; height: 116px;
	padding: 0px;
	clear: both;
	background-color: white;
	background-image: url(images/brownBanner.jpg);
	background-repeat: no-repeat;
}

#EngaLogo {
	position:absolute;
	width:378px;
	height:56px;
	left: 100px;
	top: 20px;
	background-image: url(images/engatechLogo.jpg);
	background-repeat: no-repeat;
}

#logoCognex{
	position: absolute;
	top: 20px; left: 740px;
}
#moto{
	position: absolute;
	top:75px; left:136px;
	text-align: left;
	font-weight: bold;
	font-family: "Times New Roman", serif;
	font-size: 12pt;
	color: rgb(128,0,0);
}
#motoShadow{
	position: absolute;
	top:76px; left:135px;
	text-align: left;
	font-weight: bold;
	font-family: "Times New Roman", serif;
	font-size: 12pt;
	color: black;
}

#menuBanner{
	position: relative;
	background-image: url(images/bannerBlack.jpg);
	width: 900px; height: 43px;
}

#menuNavBar{
	position: absolute;
	top: 12px;
	width: 900px;
	text-align: center;
}

#menuNavBarShadow{
	position: absolute;
	top: 15px;
	width: 900px;
	text-align: center;
}

#PromoBanner{
	position: absolute;
	top: 0px;
	left: 750px;
	width: 150px;
	text-align: left;
	height: 60px;
	border:none;
	font-weight: bold;
	background-image: url(images/smallInsight.jpg);
}

.noborder, .noborder tr, .noborder th, .noborder td { 
    border: none;
}

a.navbar:link, a.navbar:visited {
	color: rgb(153,194,214);
	clear: both;
	text-decoration: none;
	font-size: 10pt;
	font-family: "Arial Black", serif;
}

a.navbar:hover {
	color: rgb(204,204,51);
	text-decoration: none;
	font-size: 10pt;
	font-family: "Arial Black", serif;
} 

a.navbarSeperator {	
	color: white;
	text-decoration: none;
	font-size: 10pt;
	font-family: "Arial Black", serif;
}

a.navbarShadow {
	color: black;
	text-decoration: none;
	font-size: 10pt;
	font-family: "Arial Black", serif;
	text-decoration: none;
	width: 724px;
}

a.tabbar:link, a.tabbar:visited{
	text-align: center;
	font-size: 10pt;
	font-family: Georgia, serif;
	color: rgb(128,0,0);
	font-weight: bold;
	text-decoration: none;
	vertical-align: text-bottom; 
}

a.tabbar:hover {
	text-align: center;
	font-size: 10pt;
	font-family: Georgia, serif;
	color: rgb(0,0,0);
	font-weight: bold;
	vertical-align: text-bottom; 
} 

#TabMenu{
	position: relative;
	width: 900px;
	height: 150px;
	background-image: url(images/bannerPageContent.jpg);
	background-repeat: repeat-y;
	background-color: white;
}

#TabLeftTop{
	position: absolute;
	text-align: center;
	top: 0px; left: 0px;
	width: 248px; height: 30px;
	background-color: rgb(204,204,204);
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

#TabCenterTop{
	position: absolute;
	text-align: center;
	top: 0px; left: 248px;
	width: 264px; height: 30px;
	background-color: rgb(204,204,204);
	border-top: none;
	border-bottom: none;
	border-left: solid white thin;
	border-right: none;
}

#TabRightTop{
	position: absolute;
	text-align: center;
	top: 0px; left: 510px;
	width: 248px; height: 30px;
	background-color: rgb(204,204,204);
	border-top: none;
	border-bottom: none;
	border-left: solid white thin;
	border-right: none;
}

#TabLeftBottom{
	display: inline;
	width: 268px; height: 28px;
	background-color: rgb(204,204,204);
	border-top: none;
	border-left: none;
	border-right: none;
}

#TabCenterBottom{
	display: inline;
	width: 224px; height: 28px;
	background-color: rgb(204,204,204);
	border-top: none;
	border-left: solid white thin;
	border-right: solid white thin;
}

#TabRightBottom{
	display: inline;
	width: 268px; height: 28px;
	background-color: rgb(204,204,204);
	border-top: none;
	border-left: none;
	border-right: none;
}

#PageTitle{
	position: relative;
	width: 900px;
	height: 60px;
	background-image: url(images/bannerPageTitle.jpg);
	clear: both;
}

H1{
	position: absolute;
	left: 70px;
	text-align: left;
	margin:0px;
	top: 20px;
	font-size: 14pt;
	font-family: "Arial Black", serif;
	color: rgb(0,102,153);
}

H2{
	font-size: 12pt;
	font-family: Georgia, serif;
	color: rgb(128,0,0);
	font-weight:bold;
}
#PageTitleText{
	position: absolute;
	left: 70px;
	text-align: left;
	margin:0px;
	top: 20px;
}
#PageTitleShadow1{
	position: absolute;
	left: 70px;
	top: 18px;
	text-align: left;
	font-size: 14pt;
	font-family: "Arial Black", serif;
	color: white;
	font-weight: bold;

}
#PageTitleShadow2{
	position: absolute;
	left: 67px;
	top: 20px;
	text-align: left;
	font-size: 14pt;
	font-family: "Arial Black", serif;
	color: silver;
	font-weight: bold;

}
#PageContent {
	position: relative;
	width: 900px;
	background-image: url(images/bannerPageContent.jpg);
	background-repeat: repeat-y;
	clear: both;
	background-color: white;
}
#PageContentText {
	position: relative;
	display: block;
	width: 770px;
	text-align: justify;
	font-size: 12pt;
	font-family: Georgia, serif;
	color: rgb(64,0,0);
	background-color: white;
	left: 70px;
}

#FlashBox {
	position: relative;
	display: block;
	width: 620px;
	height: 250px;
	text-align: justify;
	font-size: 12pt;
	font-family: Georgia, serif;
	color: rgb(128,0,0);
	background-color: white;

}

a img {
	border: none;
} 

a.PageContent:link, a.PageContent:visited {
	color: black;
	text-decoration: none;
	font-weight: bold;
}
a.PageContent:hover {
	text-decoration: none;
	font-weight: bold;
	color: rgb(204,204,51);
} 

a.PromoBanner:link, a.PromoBanner:visited {
	color:#660099;
	text-decoration: none;
	font-weight: bold;
}
a.PromoBanner:hover {
	text-decoration: none;
	font-weight: bold;
	color: rgb(204,204,51);
}