/*GENERAL TAGS*/
body {
	font: normal none Arial, Verdana, Helvetica, Sans-serif;
	margin: 0;
	color: #000000; 
	background-color: #ffffff; 
	}
p {
	font: normal x-small Arial, Verdana, Helvetica, Sans-serif;
	color: #000000; 
	}
h1 {
	font: bold medium Arial, Verdana, Helvetica, Sans-serif;
	color: #003366;
	background-color: #ffffff;
	margin-bottom: -15px;
	border-bottom: 1px solid #003366;
	}
h2 {
	font: medium Arial, Verdana, Helvetica, Sans-serif;
	color: #003366;
	}
h3 {
	font: bold small Arial, Verdana, Helvetica, Sans-serif;
	color: #003366;
	}
ul	{
	list-style-type: disc;
	list-style: outside;
	font: bold x-small Arial, Verdana, Helvetica, Sans-serif;
	color: #cc0033;
	}
a {
	font: bold none Verdana, Arial, Helvetica, Sans-serif;
	text-decoration: underline;
	color: #003366; 	
	}
a:visited {
	color: #003366; 	
	}
a:active {
	color: #003366; 	
	}
a:hover {
	text-decoration: underline;
	color: #99ccff; 	
	}
/*HEADER*/
#header {
	width: 100%;
	}	
	p.header {
	background-color: #003366;
	text-align: right;
	font: italic bold x-small Arial, Verdana, Helvetica, Sans-serif;
	color: #ffffff;
	padding: 2px, 4px, 3px, 0px;
	}
	p.logo {
	background: white url("art/logo_bkgrd.gif");
	background-repeat: repeat-x;
	margin-top: -15px;
	}
	p.logoindex {
	background: white url("art/index_bkgd.gif");
	background-repeat: repeat-x;
	margin-top: -15px;
	}
	.indexpic {
	float: right;
	margin-top: -55px;
	}
/*TOP NAVIGATION*/
.topnavcurrent {
	text-decoration: none;
	color: #003366;
	background: #cce6ff;
	margin: 0px, 3px, 0px, 3px;
	border-left: 4px solid #cc0033;
	border-right: 1px solid #6699cc;
	padding-left: 1px;
	}
p.top {
	background-color: #003366;
	font: bold 12px Arial, Verdana, Helvetica, Sans-serif;
	color: #ffffff;
	width: 100%;
	margin-top: 2px;
	letter-spacing: 1px;
	border-bottom: 1px solid #003366;
	border-top: 1px solid #003366;
	padding-left: 2px;
	}
a.topnav:link {
	text-decoration: none;
	color: #ffffff;
	background: #003366;
	margin: 0px, 3px, 0px, 3px;
	border-left: 4px solid #003366;
	border-right: 1px solid #003366;
	padding-left: 1px;
	}
a.topnav:visited {
	text-decoration: none;
	color: #ffffff;
	background: #003366;
	margin: 0px, 3px, 0px, 3px;;
	border-left: 4px solid #003366;
	border-right: 1px solid #003366;
	padding-left: 1px;
	}
a.topnav:hover {
	text-decoration: none;
	color: #003366;
	background: #cce6ff;
	margin: 0px, 3px, 0px, 3px;
	border-left: 4px solid #cc0033;
	border-right: 1px solid #6699cc;
	padding-left: 1px;
	}
a.topnav:active {
	text-decoration: none;
	color: #ffffff;
	background: #0066cc;
	margin: 0px, 3px, 0px, 3px;
	border-left: 4px solid #003366;
	border-right: 1px solid #003366;
	padding-left: 1px;
	}
/*LEFT*/
#left {
	background-color: #ffffff;
	width: 48%;
	color: #000000;
	float: left;
	margin-left: 5px;
	padding: 0px, 15px, 0px, 15px;
	}
/*RIGHT*/
#right {
	background-color: #ffffff;
	width: 48%;
	color: #000000;
	float: right;
	margin-right: 5px;
	padding: 0px, 15px, 0px, 2%;
	}
/*CENTER*/
#center {
	background: white url("art/background.gif");
	width: 100%;
	color: #000000;
	clear: both;
	border: 5px solid #003366;
	margin: 25px, 25px, 0px, 25px;
	padding: 10px, 0px, 10px, 0px;
	}
/*LEFT-inner*/
#leftinner {
	background-color: #ffffff;
	width: 48%;
	color: #000000;
	float: left;
	margin-left: 5px;
	border: 1px solid;
	padding: 5px, 15px, 5px, 15px;
	}
/*RIGHT-inner*/
#rightinner {
	background-color: #ffffff;
	width: 48%;
	color: #000000;
	float: right;
	margin-right: 5px;
	border: 1px solid;
	padding: 5px, 15px, 5px, 2%;
	}
/*CENTER-self*/
#centerself {
	background: white url("art/background.gif");
	width: 100%;
	color: #000000;
	clear: both;
	border: 5px solid #003366;
	margin: 25px, 25px, 0px, 25px;
	padding: 10px, 0px, 10px, 0px;
	}
/*LIST BOX*/
#listbox {
	border: 2px solid #003366;
	padding-right: 8px;
	}
/*LEFT INNER LIST BOX*/
#listboxleft {
	border: 0px dotted #000000;
	width: 50%;
	float: right;
	background-color: #ffffff;
	}
/*RIGHT INNER LIST BOX*/
#listboxright {
	border: 0px dotted #000000;
	width: 100%;
	background-color: #ffffff;
	margin-bottom: 15px;
}
/*SECONDARY TOP NAVIGATION*/
a.topnavcurrent2:link {
	text-decoration: none;
	color: #003366;
	background: #ffffff;
	margin: 0px, 3px, 0px, 3px;
	border-left: 4px solid #cc0033;
	border-right: 1px solid #003366;
	padding-left: 1px;
}
a.topnavcurrent2:link {
	text-decoration: none;
	color: #003366;
	background: #ffffff;
	margin: 0px, 3px, 0px, 3px;
	border-left: 4px solid #cc0033;
	border-right: 1px solid #003366;
	padding-left: 1px;
}
.topnavcurrent2 {
	text-decoration: none;
	color: #003366;
	background: #ffffff;
	margin: 0px, 3px, 0px, 3px;
	border-left: 4px solid #cc0033;
	border-right: 1px solid #003366;
	padding-left: 1px;
}
p.top2enclose {
	border: 1px solid #000000;
	margin-top: -21px;
	}
p.top2 {
	background-color: #cce6ff;
	font: bold 11px Arial, Verdana, Helvetica, Sans-serif;
	color: #003366;
	width: 760px;
	margin: 1px, 0px, 15px, 1px;
	letter-spacing: 1px;
	border-bottom: 1px solid #003366;
	border-top: 1px solid #003366;
	border-right: 1px solid #003366;
	border-left: 1px solid #003366;
	padding-left: 2px;
	}
a.topnav2:link {
	text-decoration: none;
	color: #003366;
	background: #cce6ff;
	margin: 0px, 3px, 0px, 3px;
	border-left: 4px solid #cce6ff;
	border-right: 1px solid #cce6ff;
	padding-left: 1px;
	}
a.topnav2:visited {
	text-decoration: none;
	color: #003366;
	background: #cce6ff;
	margin: 0px, 3px, 0px, 3px;
	border-left: 4px solid #cce6ff;
	border-right: 1px solid #cce6ff;
	padding-left: 1px;
	}
a.topnav2:hover {
	text-decoration: none;
	color: #003366;
	background: #ffffff;
	margin: 0px, 3px, 0px, 3px;
	border-left: 4px solid #cc0033;
	border-right: 1px solid #003366;
	padding-left: 1px;
	}
a.topnav2:active {
	text-decoration: none;
	color: #003366;
	background: #cce6ff;
	margin: 0px, 3px, 0px, 3px;
	border-left: 4px solid #cce6ff;
	border-right: 1px solid #cce6ff;
	padding-left: 1px;
	}
/*SPACER*/
.spacer {
	clear: both;
	}
/*FOOTER*/
#footer {
	clear: both;
	background-color: #ffffff;
	width: 100%;
	height: 15px;
	border-top: #003366 2px single;
	font: xx-small Arial, Verdana, Helvetica, Sans-serif;
	color: #999999;
	text-align: center;
	padding: 10px, 0, 10px, 0;
	}
/*OTHER*/
p.caption {
	text-align: left;
	font: normal xx-small Arial, Verdana, Helvetica, Sans-serif;
	color: #000000;
	margin-top: -15px;
	width: 80%;
	}
p.title {
	font: bold x-small  Verdana, Arial, Helvetica, Sans-serif;
	color: #cc0033;
	margin-bottom: -15px;
	}
h2.title {
	text-align: center;
	clear: both;
	background-color: #003366;
	color: #ffffff;
	width: 100%;
	margin: 15px, 25px, -25px, 25px;
	padding: 0px, 2px, 0px, 2px;
	}
h2.title2 {
	text-align: center;
	clear: both;
	background-color: #003366;
	color: #ffffff;
	width: 100%;
	margin: 15px, 25px, -25px, 25px;
	padding-top: 2px;
	}
h2.title3 {
	text-align: center;
	clear: both;
	background-color: #003366;
	color: #ffffff;
	width: 100%;
	margin-bottom: 1px;
	padding-top: 2px;
	}
h3.title3 {
	text-align: center;
	clear: both;
	background-color: #003366;
	color: #ffffff;
	width: 100%;
	margin-bottom: 1px;
	padding-top: 2px;
	}
p.processflow {
	text-align: center;
	background-color: #ffffff;
	clear: both;
	color: #ffffff;
	width: 80%%;
	margin: 27px, 25px, 0px, 25px;
	padding: 25px, 8px, 15px, 10px;
	border: 1px solid #003366;
	}
a.dlink {
	font: bold none Verdana, Arial, Helvetica, Sans-serif;
	text-decoration: underline;
	color: #ffffff; 	
	}
a:visited.dlink {
	color: #ffffff; 	
	}
a:active.dlink {
	color: #ffffff; 	
	}
a:hover.dlink {
	text-decoration: underline;
	color: #ffffff; 	
	}
p.dlink {
	text-align: center;
	background-color: #ffffff;
	clear: both;
	color: #ffffff;
	width: 80%%;
	margin: -15px, 25px, 10px, 25px;
	border-right: 1px solid #003366;
	border-left: 1px solid #003366;
	border-bottom: 1px solid #003366;
	}
p.centerimage {
	text-align: center;
	clear: both;
	color: #ffffff;
	width: 100%;
	margin: 27px, 25px, 0px, 25px;
	}
p.browser {
	font: normal x-small Verdana, Arial, Helvetica, Sans-serif;
	text-align: left;
	background-color: #ffffff;
	clear: both;
	color: #000000;
	width: 70%;
	margin-left: 25%;
	border: 1px solid #003366;
	padding: 10px, 15%, 15px, 15%;
	}	
/*red title but no content underneath*/
p.title2 {
	font: bold x-small  Verdana, Arial, Helvetica, Sans-serif;
	color: #cc0033;
	}
p.aboutcompany {
	width: 100%;
	margin: 20px, 25px, 20px, 25px;
}
/*CONTACT BOX*/
#contact {
	width: 100%;
	margin: 0, 25%, 0, 25%; 
	background-color: #ffffff;
	border: 1px solid #330066;
	padding: 15px, 0px, 25px, 0px;
}
p.contactheading {
	font: bold x-small Arial, Verdana, Helvetica, Sans-serif;
	color: #cc0033;
	padding: 0px, 0px, 0px, 5%;
}
p.contact {
	margin: 10px, 10%, 0px, 10%;
	font: normal x-small Arial, Verdana, Helvetica, Sans-serif;
	color: #003366;
	background-color: #ffffff;
	border: 1px solid #330066;
	padding: 10px;
	}
ul.contact {
	list-style-type: none;
	font: normal x-small Verdana, Arial, Helvetica, Sans-serif;
	color: #330066;
	margin: -15px, 0px, 0px, 50px;
}
.center {
	margin: 20px, 0, 0, 30%; 
	}
p.centertag {
	font: bold small Verdana, Arial, Helvetica, Sans-serif;
	color: #330066;
	text-align: center;
	margin: 5px, 5px, -35px, 5px;
	}
.contactseal {
	float: right;
	margin-right: 5%;
	padding-left: 25px;
	}
ul.tradeshow {
	list-style-type: none;
	font: normal x-small Verdana, Arial, Helvetica, Sans-serif;
	color: #330066;
	}
li.tradeshowhead {
	font: bold x-small Verdana, Arial, Helvetica, Sans-serif;
	margin-bottom: -3px;
	}
li.tradeshowlastitem {
	margin: -5px, 0px, 12px, 0px;
	font: italic xx-small Verdana, Arial, Helvetica, Sans-serif;
	}
li.tradeshowdescript {
	margin-top: 140px;
	font: normal xx-small Verdana, Arial, Helvetica, Sans-serif;
	}
.tradeshowbooth {
	margin-left: 15px;
	font: normal xx-small Verdana, Arial, Helvetica, Sans-serif;
	}
.tradeshowbooth2 {
	margin-left: 118px;
	font: normal xx-small Verdana, Arial, Helvetica, Sans-serif;
	}
ul.news {
	list-style-type: none;
	font: normal x-small Verdana, Arial, Helvetica, Sans-serif;
	color: #330066;
	margin-left: 5px;
	}
li.newsdate {
	font: italic x-small Verdana, Arial, Helvetica, Sans-serif;
	margin-bottom: -3px;
	background-color: #ffcccc;
	border-bottom: 1px solid #330066;
	border-top: 3px solid #330066;
	}
li.newstitle {
	font: bold xx-small Verdana, Arial, Helvetica, Sans-serif;
	margin-bottom: -3px;
	}
li.newscontent {
	margin-bottom: 2px;
	font: normal xx-small Verdana, Arial, Helvetica, Sans-serif;
	padding-bottom: 4px;
	}
table.articles {
	font: normal x-small Verdana, Arial, Helvetica, Sans-serif;
	color:#000000;
	width: 350px;
	margin-top: 17px;
	}
.articlesunderline {
	font: italic x-small Verdana, Arial, Helvetica, Sans-serif;
	color:#000000;
	}
td.article {
	padding-bottom: 15px;
	}
table.installations {
	font: normal xx-small Verdana, Arial, Helvetica, Sans-serif;
	color:#000000;
	width: 100%;
	background-color: #ffffff;
	border: 2px solid #003366;
	}
tr.installation {
	background-color: #cccccc;
	}
tr.heading {
	font: bold xx-small Verdana, Arial, Helvetica, Sans-serif;
	color:#000000;
	}
/*CENTER LINED BKGRD*/
#box{
	background: white url("art/background.gif");
	width: 100%;
	color: #000000;
	clear: both;
	border: 3px solid #003366;
	padding: 10px, 0px, 10px, 0px;
	}
/*LEFT-inner LINED BKGRD*/
#boxleft {
	background-color: #ffffff;
	width: 45%;
	color: #000000;
	float: left;
	margin-left: 5px;
	border: 1px solid;
	padding-right: 5px;
	}
/*RIGHT-inner LINED BKGRD*/
#boxright {
	background-color: #ffffff;
	width: 45%;
	color: #000000;
	float: right;
	margin-right: 5px;
	border: 1px solid;
	}