/***********************************************************
base.css
**********************************************************/
@import url("reset.css");

/*  common styles
**********************************************************/	
body { background: #163853 url(../img/body.bg.gif) repeat-x; }
img { behavior: url(../css/pngbehavior.htc); }

/*  #container
**********************************************************/	
#container {
	width: 92em;
	min-width: 92em;
	margin: 0 auto;
	position: relative;
}
	
/*  #header
**********************************************************/	
#header {
	padding: 0 1.5em 0 0;
	font-size: 1.3em;
	width: 68em;
	float: left;
}
#header #logo { 
	width: 160px;
	height: 96px;
	float: left;
	margin-left: -1.5em;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/logo.png,sizingMethod=scale); 
}
html > body #header #logo { 
	background: url(../img/logo.png) no-repeat;
	filter: none;
}

#header a { color: #ffffff; }
#header a.active { color: #598DB4; }
#header a:hover { color: #598DB4; }
#header ul {
	float: right;
	position: relative;
	top: 65px;
}
#header ul li {
	float: left;
	background: url(../img/top.nav.divider.gif) no-repeat right 2px;
	padding: 0 18px 0 14px;
}
	#header ul li.last { 
		background: none; 
		padding: 0 0 0 14px;
	}

/*  #content
**********************************************************/
#content { 
	background: #ffffff;
	width: 880px;
	float: left;
	padding: 20px;
	_padding: 20px 0 20px 20px;
	_width: 900px;
	border-top: 5px solid #E1E1E1;
}

	/***** leftNav *****/
	#content .leftNav {
		float: left;
		padding: 0 15px 0 0;
	}
	#content .leftNav #leftPromo {
		background: url(../img/nav.tout.bg.gif) no-repeat;
		width: 131px;
		height: 159px;
		padding: 14px;
		margin-top: 1.6em;
	}
		#content .leftNav #leftPromo h2 {
			color: #154462;
			font-size: 1.4em;
			border-bottom: 1px solid #CEDBE4;
			padding: 0 0 0.6em;
			line-height: 1.3em;
		}
			#content .leftNav #leftPromo h2.product {
				margin: 0 0 0.6em 0;
			}
		#content .leftNav #leftPromo h3 {
			color: #666666;
			font-size: 1.2em;
			padding: 0.5em 0 0.4em;
		}
		#content .leftNav #leftPromo h4 {
			color: #154462;
			font-size: 1.7em;
			padding: 0 0 0.6em;
			font-weight: bold;
		}
		#content .leftNav #leftPromo input { 
			padding-left: 2px;
			width: 123px; 
			margin-bottom: 0.5em;
		}
		
		ul#nav { 
			display: block;
			margin-bottom: 1.6em;
		}
		ul#nav li img { 
			/*** ie6 bug fix ***/
			display: inline-block;
			vertical-align: top;
		}
		ul#nav li#products a {
			height: 44px;
			width: 159px;
			display: block;
		}
		ul#nav li#applications a {
			height: 46px;
			width: 159px;
			display: block;
		}
	/***** main *****/
	#content .main {
		float: left;
		width: 706px;
	}

	#content .main .tout {
		float: right;
		background: url(../img/small.tout.bg.gif) no-repeat;
		width: 161px;
		height: 51px;
		padding: 10px;
		margin-bottom: 10px;
		_margin-bottom: 5px;
	}
		#content .main .tout img.left { 
			float: left;
			margin-right: 10px;
		}
		#content .main .tout img.right { 
			float: right;
			margin: 7px -9px 0 0;
		}
		#content .main .tout h3 {
			color: #666666;
			font-size: 1.1em;
			padding: 0 0 0.4em;
			text-transform: uppercase;
			font-weight: bold;
			border-bottom: 1px solid #CEDBE4;
			margin-bottom: 0.5em;
			width: 95px;
			float: left;
		}
		#content .main .tout a {
			color: #154462;
			text-transform: capitalize;
			font-size: 1.1em;
			padding: 0 1em 0 0;
			background: url(../img/arrow.blue.small.gif) no-repeat right 0.3em;
		}
	
	

	
	
/*  #footer
**********************************************************/	
#footer {}	
#footer #contact {
	background: url(../img/footer.bg.gif) repeat-x;
	line-height: 27px;
	width: 890px;
	float: left;
	vertical-align: middle;
	color: #588DB9;
	padding: 0 15px;
	font-size: 1.1em;
}	
	#footer #contact strong {
		color: #154462;
		padding-right: 0.5em;
	}
	#footer #contact p { 
		float: left;
	}
	#footer #contact p.address {
		float: right;
	}
#footer #btmFooter { 
	float: left;
	padding: 0.8em 0 1em 1.8em; 
	width: 887px;
}
#footer #btmFooter a {  
	color: #A5BDD3;
	font-size: 1.1em;
	margin-right: 0.8em;
	padding-right: 0.6em;
	border-right: 1px solid #A5BDD3;
	float: left;
}
	#footer #btmFooter span a,
	#footer #btmFooter a.last { border-right: none; margin: 0; padding: 0; }
#footer #btmFooter span {
	color: #A5BDD3;
	font-size: 1.1em;
	float: right;
}	
	#footer #btmFooter span a {
		font-size: 1em;
	}

/************ products subnav *************/
ul#np {
	position: absolute;
	top: 0px;
	z-index: 99999;
}
	ul#np li#productsMenu {
		height: 44px;
		position: absolute;
		margin: 121px 0 0 0;
		display: block;
	}
	ul#np li#productsMenu a {
		background: url(../img/nav.products.gif) no-repeat 0 0;
		width: 159px;
		height: 44px;
		display: block;
		_display: inline-block;
	}
		ul#np li#productsMenu a:hover {
			background: url(../img/nav.products.over.gif) no-repeat 0 0;
		}
		ul#np li#productsMenu ul li a,
		ul#np li#productsMenu ol li a { background: none;	}
#navProducts {
	margin: -50px 0 0 150px;
	position: absolute;
	left: 0;
	top: 0;
	width: 510px;
	_width: 504px;
	display: none;
	padding: 6px 10px 10px 6px;
	_padding: 6px 0 10px 6px;
}

.active #navProducts {
	display: block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/product.subnav.bg.png,sizingMethod=scale); 
	position: static;
}
html > body .active #navProducts { 
	filter: none;
	background: url(../img/product.subnav.bg.png) no-repeat;
}

	
	/************ products  *************/
	#navProducts #colCapabilities {
		float: left;
		/*background: #F6F6F6;*/
		width: 249px;
	}
	#navProducts #colStandardProducts {
		/*background: #F6F6F6;*/
		float: left; 
		width: 250px; 
	}
		#navProducts #colStandardProducts ol,
		#navProducts #colCapabilities ul {
			padding: 0 2em 0 2em;
			height: 208px;
			display: block;
		}
		#navProducts #colStandardProducts ol { border-right: 2px solid #E2E2E2; }
			#navProducts #colStandardProducts ol li,
			#navProducts #colCapabilities ul li {
				font-size: 1.2em;
				color: #000;
				float: none;
				position: relative;
				border-bottom: 1px solid #E2E2E2;
			}
				#navProducts #colStandardProducts ol li a,
				#navProducts #colCapabilities ul li a {
					color: #588DB9;
					text-indent: 0;
					line-height: 1.3em;
					height: 20px;
					width: 207px;
					_width: 197px;
					padding: 8px 0 0 10px;
				}
				#navProducts #colStandardProducts ol li a:hover,
				#navProducts #colCapabilities ul li a:hover {
					background: url(../img/subnav.over.gif) no-repeat 0 bottom;
					color: #154462;
					text-decoration: none;
					border: 0;
				}
				#navProducts #colStandardProducts ol li.double a,
				#navProducts #colCapabilities ul li.double a {
					text-indent: 0;
					line-height: 1.3em;
					height: 38px;
					padding: 8px 0 0 10px;
				}
		
		#navProducts #colStandardProducts .head,
		#navProducts #colCapabilities .head {
			padding: .5em .5em 0 2em;
			height: 40px;
			background: url(../img/header.subnav.gif) repeat-x 0 0;
		}
			#navProducts #colStandardProducts .head { border-right: 2px solid #2C475B; }
			#navProducts #colStandardProducts .head h4,
			#navProducts #colCapabilities .head h4 {
				float: left;
				font-size: 1.3em;
				color: #fff;
				line-height: 2.7em;
				letter-spacing: 1px;
				text-transform: uppercase;
			}

/************ applications subnav *************/
li#applicationsMenu {  }
ul#na {
	position: relative;
	top: -46px;
	z-index: 99999;
}
	ul#na li#applicationsMenu {
		height: 45px;
		position: absolute;
		display: block;
	}
	ul#na li#applicationsMenu a {
		background: url(../img/nav.applications.gif) no-repeat 0 0;
		width: 158px;
		height: 45px;
		display: block;
		_display: inline-block;
	}
		ul#na li#applicationsMenu a:hover {
			background: url(../img/nav.applications.over.gif) no-repeat 0 0;
		}
		ul#na li#applicationsMenu ol li a { background: none; }
#navApplications {
	margin: 1px 0 0 157px;
	position: absolute;
	left: 0;
	top: 0;
	width: 249px;
	display: none;
	border: 1px solid #E1E1E1;
}
.active #navApplications { display: block; }

	/************ applications  *************/
	#navApplications #colApplications {
		float: left;
		background: #F6F6F6;
		width: 249px;
	}
		#navApplications #colApplications ol {
			padding: 0 3em 0 1em;
			_padding: 0 2em 0 1em;
			height: 160px;
		}
			#navApplications #colApplications ol li {
				font-size: 1.2em;
				color: #000;
				float: none;
				border-bottom: 1px solid #E2E2E2;
			}
				#navApplications #colApplications ol li a {
					color: #588DB9;
					text-indent: 0;
					line-height: 1.3em;
					height: 20px;
					width: 207px;
					padding: 8px 0 0 10px;
				}
				#navApplications #colApplications ol li a:hover {
					background: url(../img/subnav.over.gif) no-repeat 0 bottom;
					color: #154462;
					text-decoration: none;
					border: 0;
				}
		
		#navApplications #colStandardProducts .head,
		#navApplications #colCapabilities .head {
			padding: .5em .5em 0 1.5em;
			height: 45px;
			background: url(../img/header.subnav.gif) no-repeat 0 0;
		}
		
			#navApplications #colStandardProducts .head h4,
			#navApplications #colCapabilities .head h4 {
				float: left;
				font-size: 1.3em;
				color: #fff;
				line-height: 2.7em;
				letter-spacing: 1px;
				text-transform: uppercase;
			}