﻿body {
	background-position: center;margin: 0px;padding: 0px;margin-bottom: 10px;
	background: #2D4588;text-align: center;	font-family: Verdana, Arial;
}

div#container {
	width: 982px;
	height: auto;
	margin: 0px auto;
	text-align: center;
	padding: 0px;
	border-top: 1px solid #888888; border-bottom:1px solid #555555; border-right: 1px solid #555555; border-left: 1px solid #888888;
	z-index: 1;	position: relative;	top: 6px;left: 0px;
	background: url('graphics/1pxbggradient.jpg') repeat scroll;
}


div#content { /*positions content div and provides formatting for any content page lacking its own styles*/
	position: absolute;	left:150px;	top: 115px;	width: 820px;	z-index: 3;
	text-align: center;	vertical-align: top;font-family: Arial;	font-size: 11pt;
	background-image: url('graphics/pagebgmiddle.jpg');	background-repeat:repeat-y;
	/*min-height:400px;  height:auto;  height:400px;these three address IE bug*/
	height:auto;
}

div#contentbgheader {
	position: absolute;	left:150px;	top: 100px;	width: 856px;	height:24px;z-index:4;
	background-image: url('graphics/pagebgtop.jpg');	background-repeat:no-repeat;
}

div#contentbgfooter { /*not active*/

	position: absolute;	left:0px;top: auto;	width: 856px;height:28px;z-index: 3;
	background-image: url('graphics/pagebgbottom.jpg');	background-repeat:no-repeat;
}

div.pagecontent { /*incorporate in each content page*/
	position:relative;	top:10px;left:0px;height:auto;	width:760px;
	text-align: left;	vertical-align: top;  font-family:Arial; font-size:12pt;
	margin: 0px 0px 12px 24px;
	background-color:#ffffff;
	}

div.pagecontent p.centered{
	text-align: center;
	}
	
div.pagecontent p.centeredbold{
	text-align: center;
	font-weight:bold;
	}

div#homepagecontent {
	width:766px; height:411px; overflow:hidden;
}


div.pagecontent p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	color: #253e82;	text-align: left;	margin-top: 14px;	margin-bottom: 20px;
	font-weight: normal;width:auto;
}

a#charlesemaillink {
	position:absolute;
	z-index:100;
	width:150px; height:30px;
	left:192px;bottom:32px;border:0px; border-color:253e82;border-style:solid;
	cursor:pointer;
	text-decoration:none;
}


div.pagecontent p.contentheader{
	font-family: Arial, Helvetica, sans-serif;	font-size: 16px;color: #253e82;	font-weight: bold;text-align: center;
	margin-top: 4px; margin-bottom: 20px;	
}

div.pagecontent p#contactpageheader{
	margin-top: 12px; margin-bottom: 20px;	
}




div.pagecontent p.contentheader#casestudiesheader{
	font-family: Arial, Helvetica, sans-serif;	font-size: 16px;color: #253e82;	font-weight: bold;text-align: left;
	margin-top: 4px; margin-bottom: 20px;
	margin-left:198px;	
}



div.pagecontent p.contentsubtitles{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-align: center;
	margin-top: 24px;
	margin-bottom: 0px;
	font-weight: bold;
}

div.pagecontent p.productheaders{/*product names*/

	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #253e82;
	text-align: left;
	margin-top: 24px;
	margin-bottom: 0px;
	font-weight: bold;
	
}

div.pagecontent p.productheadersred{/*product names*/

	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ce0226;
	text-align: left;
	margin-top: 24px;
	margin-bottom: 0px;
	font-weight: bold;
}

div.pagecontent img{
	border:0;
	
}


.sup{/*copyright*/
	font-size: 12px;
	
}

div.pagecontent p.producttext{/*product text*/
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #253e82;
	text-align: left;
	margin-top: 8px;
	margin-bottom: 4px;
	font-weight: normal;
	
	
}

div.pagecontent a.productbulletins{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 14px;
	margin-bottom: 28px;
	font-weight: normal;
	text-decoration: underline;
	
}

div.pagecontent p.footertext{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	margin-top: 14px;
	margin-bottom: 0px;
	font-weight: normal;
	
}

div#sitefooter a#meta4link {
	text-decoration:underline
}

div.pagecontent p.footertext img{
	
	margin-top: 14px;
	margin-bottom: 8px;
	border:0;
	
}

div.pagecontent p.managertext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #253e82;
	text-align: left;
	margin-top: 14px;
	margin-bottom: 20px;
	font-weight: normal;
}

div.pagecontent a.industrylinks{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #253e82;
	text-align: left;
	margin-top: 14px;
	margin-bottom: 20px;
	font-weight: bold;
	text-decoration:none;
	line-height:30px;
}


div.pagecontent p.semiheader {
	font-size:13px;
	font-weight: bold;
	margin-bottom:14px;
}

ul.listitems{
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	}

ul.listitems li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #253e82;
	line-height:20px;
	font-weight: normal;
}


div#contactpage{
	position:absolute;
	top:0px;left:20px;width:780px;height:635px;
	text-align:center;
	width:700px;
	background-color:#ffffff;
	margin:0;
	z-index:1;
}


div#contactpage p{
	text-align: center;
	color: #253e82;
}
div#emailconfirm{
	width:100%;height:100%;
	text-align: center;
	color: #253e82;
	margin: 0px 0px 0px 0px;/*this overrides div.pagecontent style margins when using a frame page.*/
	background-color:#ffffff;
	border:1px; border-color:#253e82;border-style:solid;
	border-top:0px;
}



table#contacts {
text-align:center;
width:760px;
}

table#contacts td{
text-align:center;
width:50%;
}

table#contactform {
text-align:center;
width:760px;
}

table#contactform td.buffer{
width:160px;
}

table#contactform td.labels{
text-align:left;
width:300px;

}
table#contactform td.replies{
text-align:left;
width:300px;

}


form#contactfields {
	text-align:center
}

textarea {
	width:500px;
}


div#contactpage input {
	height: 19px;
	color: #253e82;
	background: #ffffff;
	font-family: Arial;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	outline: 0;
	width: 160px;
	vertical-align: middle;
}
div#contactpage input#newsletterconfirm {
	width:20px;
}

div.managerresume {
	position: relative;
	background-color: #ffffff;
	margin-top: 28px;
}

div.resume img.managerphoto {
	position: absolute;
	border-style: solid;
	border-width: 1px;
	border-color:#253e82;
	margin-top: 14px;
	margin-bottom: 8px;
	left:0px; top:0px; 

}

div.manageraddress{
	position: absolute;
	display: block;
	left: 250px;
	margin-top: 0;
	margin-bottom: 8px;
	line-height: 20px;
	top: 0;
	vertical-align: top;
}

div.managertext{
	margin-top: 14px;
	margin-bottom: 8px;
	color: #253e82;
	font-size: 12px;
	
}



	
div#menubar {
	position: absolute;
	left: 9px;
	top: 16px;
	width: 150px;
	z-index: 6;
	text-align: center;
	margin: 0px;
	padding: 0;
	border-top: 0px solid #555555;
	border-bottom: 0px solid #333333;
	border-right: 0px solid #666666;
	border-left: 0px solid #666666;
	min-height:360px;  height:auto;  height:460px; /*these three address IE bug*/
}
 
 
img#companylogo{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	z-index: inherit;
}

div#menusystem {
	text-align: center;
	position:absolute; left:0px; top:134px; z-index:2;
	width: 140px;
	border: 0px;
	border-color: #2D4586;
	border-style: solid
	
	
	}
	
div#menusystem a {

	text-align: center;
	margin: 0px;
	cursor: pointer;
	display: block;
	border-top: 0px solid #364e82;
	border-bottom: 0px solid #333333;
	border-right: 1px solid #888888;
	border-left: 1px solid #333333;
	padding-top: 4px;
	padding-bottom: 4px;
	outline: 0;
	color: #ff0000;
	font-family: Arial;
	font-size: 8pt;
	text-decoration: none;
	width: 140px;
	background-color: #2D4586;
	line-height: 19px;
	background: #253e82 url('graphics/menuitemgrad.jpg')
}
	
div#menusystem p.menuspacer{
	margin-top: 16px;
	margin-bottom: 16px;
	border-bottom: 0px;
	border-bottom-color: aqua;
	border-bottom-style: solid;
}

	
div#menusystem a:active{  /* mouseover image */
	background: url('graphics/menuitemgradreversec.jpg');
}
		
div#menusystem a:hover{  /* mouseover image */
	background: url('graphics/menuitemgradreversec.jpg');
}
		
div#menusystem a:focus{  /* mouseover image */
	background: url('graphics/menuitemgradreversec.jpg');
}
		
div#casestudymenupopup{
	padding-left:10px;
	padding-right:8px;
	display: block;
	font-family: Arial;
	color: #FF0000;
	text-align: center;
	background-color: #556897;
	position: absolute;
	left: 140px;
	top: 105px;
	width: auto;
	height: auto;
	z-index: 3;
	padding-top: 8px;
	padding-bottom: 7px;
	/*background: #253e82 url('graphics/menuitemgradreverse.jpg')*/
	
}

div.casestudytext {
	position: absolute;
	display: block;
	top: auto;
	left: 50px;
	width:380px;
	
	z-index: 3;

	}

div.casestudytext img{
	position: absolute;
	display: block;
	top: -35px;
	left:420px;
	z-index: 3;
	border:1px;
	
	border-style:inset;
	
}

div.casestudytext p.headertext{
	position: absolute;
	display: block;
	width:380px;
	left: 10px;
	z-index: 3;
	margin-top:16px;
	font-weight:bold;
	text-align:center;
	
}

div.casestudytext p.bodytext{
	position: absolute;
	display: block;
	top: 55px;
	left: 10px;
	width:380px;
	height:290px;
	z-index: 3;
	line-height:19px;
	margin-top:0px;
	
}


div#casestudymenupopup a {

	text-align: center;
	margin: 0px;
	cursor: pointer;
	display: block;
	outline: 0;
	color: #ff0000;
	font-family: Arial;
	font-size: 8pt;
	text-decoration: none;
	width: 130px;
	background-color: #253e82;
	line-height: 12px;
}

div#casestudybuttons  {
	width: 250px;
	height: 28px;
	position: absolute;
	z-index:5;
	left: 156px;
	top: 320px;
}

div#casestudybuttons input {
	color: #253e82;
	background: #ffffff;
	font-family: Arial;
	font-size: 12pt;
	margin: 0;
	cursor: pointer;
	padding: 0;
	outline: none 0;
	width: 60px;
	height: 28px;
	border-color: #333333 #666666;
	border-style: solid;
	border-width: 0px;
	font-weight: bold;
	text-decoration: none;
}

div#linkscontent {
	height:950px;
	margin:-10px;
	 margin-bottom:0px;
}

div#linkscontent img {
	margin-top:10px;
}

div#linksphoto {
	position:relative;
	background: url('photos/1375.jpg');
	background-repeat:no-repeat;
	width:285px; height:400px;
	left:0px;float:right;
	margin:0;
	
}

img#controlpanels {
	border-style: solid;
	border-width: 1px;
	border-color:#253e82;
	position:relative;
	float:right;
	margin:10px 12px 10px 10px;
}

a#contactlink{ 
	margin:0px; cursor:pointer;	display: block;
	padding-top: 4px; padding-bottom: 10px;
	outline: 0;
	color: #FFFFFF;	font-family:Arial;font-size:8pt; text-decoration:none; width:120px; background-color:#253e82;
	}
	
hr.menuline {
	margin-top: 4px; margin-bottom: 4px; width:90px; height:2px; text-align:center;
}

p#sitefooter {
	
	color: #7481a3;	font-family: Arial;	font-size: 8pt;	font-weight: bold;position: absolute;	bottom: 10px;left: 480px;z-index: 10;

}

div#sitefooter { position:absolute; bottom:7px; left:340px; margin-left:4px;color: #333;	font-family: Arial;font-size: 8pt;font-weight: normal; text-align:center;
}

#sitefooter a{color: #333; text-decoration:none}



div#siteheader {
	position: absolute;	left: 0px;top: 0px;	height: 150px;width: 980px;
	z-index: 2;	font-family: Arial;	text-align: center;	padding: 0px;
}

div#siteheader img{
	border-width:0px;
}


