/* CSS Document */

html,body{margin:0;padding:0}
body{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center; 	
	background-image:url(images/template/body-gradient.jpg);
	background-repeat: repeat-x;
	background-color: #004171;
}
p{margin:0 10px 10px 3px}
a{/*display:block;*/color: #981793;}
a:hover{/*display:block;*/color: #FF6600;}
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; color: #FF6600; padding: 0px; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: underline; padding: 0px;}

div#header, div#content {
/*	height:80px; line-height:80px;*/
	padding: .5em;
}
div#news {
	width: 150px;
	float: right;
	padding: 2px 0px 0px 12px;
	margin-left: 2em;
	font-size: 90%;
}
div#news2 {
	padding-bottom: 4px;
}
.topleftgradient, div#header, div#news, .subpagecontent {
	background-image: url(images/template/gradient-box.jpg); 
	background-position: top left;
	background-repeat: no-repeat;
}

.bottomrightgradient, div#news2 {
	background-image: url(images/template/gradient-box-br.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.subpagecontent {
	padding: 5px 5px 0 5px;
	margin: 5px 0 0 40px;
	height: auto; width: auto;
}
h1, h2, h3, h4, h5, h6 {
	color: #FF6600;
	padding-bottom: .25em;
	padding-top: .5em;
	margin-top: 0px;
	margin-bottom: 0px;
}
h2 { font-size: 120%; }
h3 { font-size: 100%; font-style: italic; }
h4 { font-size: 100%; }
h5, h6 { font-size: 100%; }
h1 {
	margin:0 0 0 5px; 
	padding: 5px 16px 5px 22px;
	font-size: 150%;
	background-image:url(images/template/green-arrow.gif); 
	background-position: left .45em;
	background-repeat: no-repeat;
	background-color: transparent;
}
h1.noarrow {
	background: none;
	padding-left: 0px;
	margin-left: 0px;
}
/*div#subpage h1 {
	background-image:url(images/template/green-arrow-big.gif); 
	padding-left: 35px;
	padding-bottom: 10px;
	padding-top: 15px;
}*/
/* Lame old IE: */

div#container{text-align:left}
div#content p{line-height:1.2; text-align: justify} /* Home page only */
div#extra{background:#FF8539}
div#footer{color: #FFF; font-size: 80%;}
div#footer p{margin:0;padding:5px 10px; text-align: center;}

div#container{width:740px;margin:0 auto; }
div#extra{float:right;width:350px}
div#footer{clear:both;width:100%}
div#navigation{background-image: url(images/template/menu-left.gif); background-position: top left;padding: 0 0 0 6px; background-repeat: repeat-y;}
div#navigation2{background-image: url(images/template/menu-right.gif); background-position: top right;padding-right:9px; background-repeat: repeat-y;}

div#wrapper{ margin: 14px auto; width: 700px; background-image: url(images/template/wrapper-bottom.gif); background-position: bottom left; padding-bottom: 11px; background-repeat: no-repeat; }
div#wrapper2{ background-image: url(images/template/wrapper-left-cont.gif); background-position: top left; background-repeat: repeat-y; }
div#wrapper2a{ background-image: url(images/template/wrapper-left.gif); background-position: top left; padding-left: 4px; background-repeat: no-repeat; }
div#wrapper3{ background-image: url(images/template/wrapper-right-cont.gif); background-position: top right;   background-repeat: repeat-y;  }
div#wrapper3a{  padding-right: 8px;  background-image: url(images/template/wrapper-right.gif); background-position: top right;  background-repeat: no-repeat;   }
div#wrapper4{  background-color: #fff; padding: 0 1em 0 2em; margin: 0;
  background-image: url(images/template/globe.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
  min-height:400px;
  height:auto !important;
  height:200px;
  border: 1px solid white;  /* Needed or Firefox throws an empty line after wrapper4 */
}
/* Replaced by Flash on home page. */
img.wrapper-top {
	display:block; 
	clear: both;
}
img#logo {
	padding: 9px 0px 6px 3px;
/*
	position: relative;
	top: 12px;
	left: 123px;
*/
}

dl { padding: 0; margin: 0; }
dt { padding: 0; margin: 0; }
dt { font-weight: bold; }
dd { padding: 0; margin: 0 0 .75em 0; }

#wrapper4 {
	position: relative;
	width: auto;
}
#subnav {
	position: absolute;
	top: -88px;
	left: 0px;
/*	top: 178px;  */
}
#subnav ul {
	list-style: none;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
#subnav ul li {
	width: 107px;
	padding: 0px 0px 0px 13px;
	margin: 0 0 0 5px;
	border-bottom: 1px solid #327EBE;
}
#subnav ul li:last-child, #subnav ul li#last {
	border-bottom: none;
}
#subnav ul a, #subnav ul a:hover, #subnav ul a:visited {
	padding: 5px 0 5px 12px;
	margin: 0;
	color: #05386B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	display: block;
	text-decoration: none;
}
#subnav ul a:hover, .subNavCurrent {
	color: #FF6600;
	background-image: url(images/template/subnav-bullet.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
#subpage {
/*	position: relative;
	left: 143px;*/

	position: relative;
	top: -70px;  /*This creates problems for float: right images in IE */
	margin: 0 0 0 120px;  
	padding: 0;
}
/*
#subpage div#wrapper4
{ 
	padding: 0 2em 0 2em; margin: 0;
	background-image: none;
}
*/
img {
	border: none;
}
blockquote {
	margin: 2px 18px;
}

table {
	padding: 0px;
	margin: 0px;
}
table tr td {
	vertical-align: top;
}
table.borderedrows {
	border: 1px solid black; 
	border-collapse: collapse;
}
table.borderedrows td {
	border-bottom: 1px solid black;
	padding: 3px;
	vertical-align: middle;
}

div#homeflash {
	position: relative;
	left: -44px;
}
div#wrapper {
	z-index: -2;
}
div#navigation {
	z-index: 1;
	position: relative; /* Required for the menu to overlap the homepage flash */
}
img.rightside, img.rightside-noborder {
	float: right;
	clear: right;
	margin: 5px 0em 5px 10px;
	border: 1px solid #004171;
	display: inline;
}
img.rightside-noborder {
	border: none;
}
img.leftside, img.leftside-noborder {
	float: left;
	clear: left;
	margin: 5px 10px 5px 0px;
	border: 1px solid #004171;
}
img.leftside-noborder {
	border: none;
}
img.wide {
}
ul {
	padding-top: 2px;
	margin-top: 2px;
}
img.wrapper-top#company-info {
	background-image: url(/images/template/company-info.jpg);
}
img.wrapper-top#contact-us {
	background-image: url(/images/template/contact-us.jpg);
}
img.wrapper-top#in-the-news {
	background-image: url(/images/template/in-the-news.jpg);
}
img.wrapper-top#products {
	background-image: url(/images/template/products.jpg);
}
img.wrapper-top#support {
	background-image: url(/images/template/support.jpg);
}
img.wrapper-top#technology {
	background-image: url(/images/template/technology.jpg);
}
img.wrapper-top-print {
	display: none;
}

@media print {
	body{
		font-size: 10pt;
	}
	* {
		background-color: white !important; 
		background-image: none !important; 
/*		margin: 0px; padding: 0px; */
	}
	img { page-break-inside: avoid; }
/*	#subpage a:after{content:"[" attr(href) "]"; } */
	#subnav, #navigation { display: none !important; }
	div#container, div#wrapper4, div#wrapper3, div#wrapper2, div#wrapper1 {
		padding: 0px; margin: 0px; width: 650px;
	}
	div#container{width: auto; margin:0 auto; }
	div#extra{float: none;width:auto;}
	div#footer{clear:both;width:auto;}
	#subpage { 
		margin: 0px; 
		padding: 0px;
		position: relative;
		top: 0px;  /*This creates problems for float: right images in IE */
	}
	.subpagecontent { padding: 0px; margin: 0px; width: auto; }
	img.wrapper-top {
	  	display: none; 
	}
	img.wrapper-top-print {
		display: none;
	}
	img#company-info.wrapper-top {
	}

	div#wrapper {
		margin: 0px;
		padding: 0px;
	}
	img.spacer {
		display: none;
	}
	h1 {
		margin:0 0 0 0px; 
		padding: 5px 16px 5px 0px;
		font-size: 150%;
		background-image: none; 
	}
}