/*
Mass Reset
--------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
body { padding: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
pre, blockquote, form, label, ul, ol, li, dl, fieldset, address { margin: 0; padding: 0; }
dd, blockquote { margin-left: 40px; }
fieldset { padding: 10px; }

/*
Essential
--------------------------------------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #004483;
	}
#wrapper {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	}
#banner {
	width: 750px;
	height: 120px;
	background: url(../_g/banner_bg.gif) top center no-repeat;
	}
	
/*
Top-Nav
--------------------------------------------------------------------------------------------------------*/
#top-nav {
	float: left;
	padding: 0 0 0 27px;
	margin: 82px 0 0 0;
	}
#top-nav ul li.home {
	display: block;
	float: left;
	width: 46px;
	height: 30px;
	margin: 0 178px 0 0;
	text-decoration: none;
	border: none;
	}
a.home {
	display: block;
	float: left;
	width: 46px;
	height: 30px;
	margin-top: 8px;
	background: url(../_g/home_nav_bg.gif) 0 0 no-repeat;
	text-decoration: none;
	border: none;
	}
a:hover.home {
	width: 46px;
	height: 30px;
	margin-top: 8px;
	background: url(../_g/home_nav_bg.gif) 0 -30px no-repeat;
	text-decoration: none;
	}
#top-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#top-nav ul li {
	margin: 0;
	padding: 0;
	display: inline;
	}
#top-nav a span {
	display: none;
	}
	
/*
Top-Nav (with IE Hover Flicker Double Buffer Fix)
--------------------------------------------------------------------------------------------------------*/


/* Nav 1 --------------------------------------------------------------*/
#top-nav ul li.nav1 {
	display: block;
	float: left;
	width: 74px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) 0 0 no-repeat;
	text-decoration: none;
	border: none;
	}
a.nav1 {
	display: block;
	float: left;
	width: 74px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) 0 0 no-repeat;
	text-decoration: none;
	border: none;
	}
a:hover.nav1 {
	width: 74px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) 0 -38px no-repeat;
	text-decoration: none;
	}
/* Nav 2 --------------------------------------------------------------*/
#top-nav ul li.nav2 {
	display: block;
	float: left;
	width: 73px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -74px 0 no-repeat;
	text-decoration: none;
	border: none;
	}
a.nav2 {
	display: block;
	float: left;
	width: 73px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -74px 0 no-repeat;
	text-decoration: none;
	border: none;
	}
a:hover.nav2 {
	width: 73px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -74px -38px no-repeat;
	text-decoration: none;
	}
/* Nav 3 --------------------------------------------------------------*/
#top-nav ul li.nav3 {
	display: block;
	float: left;
	width: 104px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -147px 0 no-repeat;
	text-decoration: none;
	border: none;
	}
a.nav3 {
	display: block;
	float: left;
	width: 104px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -147px 0 no-repeat;
	text-decoration: none;
	border: none;
	}
a:hover.nav3 {
	width: 104px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -147px -38px no-repeat;
	text-decoration: none;
	}

/* Nav 4 --------------------------------------------------------------*/
#top-nav ul li.nav4 {
	display: block;
	float: left;
	width: 51px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -251px 0 no-repeat;
	text-decoration: none;
	border: none;
	}
a.nav4 {
	display: block;
	float: left;
	width: 51px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -251px 0 no-repeat;
	text-decoration: none;
	border: none;
	}
a:hover.nav4 {
	width: 51px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -251px -38px no-repeat;
	text-decoration: none;
	}
	
/* Nav 5 --------------------------------------------------------------*/
#top-nav ul li.nav5 {
	display: block;
	float: left;
	width: 65px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -302px 0 no-repeat;
	text-decoration: none;
	border: none;
	}
a.nav5 {
	display: block;
	float: left;
	width: 65px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -302px 0 no-repeat;
	text-decoration: none;
	border: none;
	}
a:hover.nav5 {
	width: 65px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -302px -38px no-repeat;
	text-decoration: none;
	}
	
/* Nav 6 --------------------------------------------------------------*/
#top-nav ul li.nav6 {
	display: block;
	float: left;
	width: 77px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -367px 0 no-repeat;
	text-decoration: none;
	border: none;
	}
a.nav6 {
	display: block;
	float: left;
	width: 77px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -367px 0 no-repeat;
	text-decoration: none;
	border: none;
	}
a:hover.nav6 {
	width: 77px;
	height: 38px;
	background: url(../_g/top_nav_bg.gif) -367px -38px no-repeat;
	text-decoration: none;
	}
	
/*
Content, Faint
--------------------------------------------------------------------------------------------------------*/
#content {
	width: 750px;
	float: left;
	margin: 0 auto;
	padding: 0 0 20px 0;
	background: url(../_g/content_bg.gif) top center repeat-y;
	}
#faint {
	width: 750px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	margin: 0 auto;
	float: left;
	background:  url(../_g/faint_bg.gif) bottom right no-repeat;
	}
	
#productnav {
	display:block;
	float:left;
	margin:17px 0 10px 0;
	width:480px;
	}
	
#productnav ul {
	list-style:none;
	}
	
#productnav li {
	display:inline;
	float:left;
	margin:0 3px 3px 0;
	width:220px;
	padding:5px;
	background: #DCE3E9;
	}
	
#productnav li a {
	display:block;
	text-decoration:none;
	font-size: 12px;
	color: #004483;
	}
	
#productnav li a:hover {
	text-decoration:underline;
	}
	

/*
Lside
--------------------------------------------------------------------------------------------------------*/
#lside {
	width: 210px;
	float: left;
	margin: 0 30px 0 15px;
	padding: 0;
	display: inline;
	}
#cpc {
	width: 210px;
	height: 80px;
	margin: 0;
	padding: 0;
	background: url(../_g/complete_process_control.gif) top left no-repeat;
	}
#left-nav {
	width: 210px;
	height: 400px;
	margin: 20px 0 0 0;
	padding: 16px 0 0 0;
	background: url(../_g/left_nav_bg.gif) top left no-repeat;
	}
#left-nav ul {
	margin: 0 0 0 60px;
	padding: 0;
	list-style: none;
	height: 96px;
	}
#left-nav ul li a span {
	display: none;
	height: 23px;
	margin: 0;
	padding: 0;
	}
#left-nav ul li {
	margin: 0;
	padding: 0;
	width: 145px;
	overflow: hidden;
	height: 23px;
	display: inline;
	/*vertical-align: bottom;  This fixes the IE5 Win gap! */
	}
#left-nav ul li a {
	width: 145px;
	height: 23px;
	display: block;
	margin: 0;
	padding: 0;
	}
#left-nav ul li a.left1 {
	width: 145px;
	height: 23px;
	margin: 1px 0 0 0;
	padding: 0;
	display: block;
	}
#left-nav ul li a:hover.left1 {
	background: url(../_g/left_technical_bulletins.gif) top left no-repeat;
	}
#left-nav ul li a.left2 {
	width: 145px;
	height: 23px;
	margin: 1px 0 0 0;
	padding: 0;
	display: block;
	}
#left-nav ul li a:hover.left2 {
	background: url(../_g/left_iom_manuals.gif) top left no-repeat;
	}
#left-nav ul li a.left3 {
	width: 145px;
	height: 23px;
	margin: 1px 0 0 0;
	padding: 0;
	display: block;
	}
#left-nav ul li a:hover.left3 {
	background: url(../_g/left_software_downloads.gif) top left no-repeat;
	}
#left-nav ul li a.left4 {
	width: 145px;
	height: 23px;
	display: block;
	margin: 1px 0 0 0;
	padding: 0;
	}
#left-nav ul li a:hover.left4 {
	background: url(../_g/left_representatives.gif) top left no-repeat;
	}
#left-block {
	margin: 15px 0 0 20px;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#left-block ul {
	list-style:none;
	text-align:right;
	}
	
#left-block li {
	width:200px;
	padding:0;
	margin:0;
	}
	
#left-block li a {
	display:block;
	margin:0 10px 0 0;
	text-decoration:none;
	font-size: 14px;
	color: #004483;
	padding:5px;
	}
	
#left-block li a:hover {
	background:#BFD0E0;
	}

/*
Rside
--------------------------------------------------------------------------------------------------------*/
#rside {
	width: 480px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline
	}
#boxes {
	width: 480px;
	margin: 0;
	padding: 0;
	}
#boxes a img {
	border: none;
	margin: 0;
	padding: 0;
	}
#single-col {
	width: 460px;
	margin: 0;
	padding: 10px 0 0 0;
	}
	
#col-1 {
	float: left;
	width: 220px;
	margin: 10px 10px 10px 0;
	padding: 0;
	}
#col-2 {
	float: left;
	width: 220px;
	margin: 10px;
	padding: 0;
	}
	

/*
Footer
--------------------------------------------------------------------------------------------------------*/
#footer {
	width: 750px;
	height: 45px;
	float: left;
	margin: 0;
	padding: 0;
	background: url(../_g/footer_bg.gif) top center no-repeat;
	}
#footer p {
	color: #004483;
	font-size: 10px;
	margin: 10px 10px 10px 30px;
	}
	
	
/*
Typography
--------------------------------------------------------------------------------------------------------*/
p {
	margin: 0 0 15px 0;
	padding: 0;
	text-align: justify;
	line-height:16px;
	}
h1 {
	margin: 15px 0 10px 10px;
	padding: 0;
	font-size: 21px;
	color: #004483;
	text-align: right;
	}
h2 {
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 14px;
	color: #004483;
	}
td {
	padding:5px;
	border-bottom:2px solid #fff;
	border-left:1px solid #fff;
	}
.titlebar {
	background:#004483;
	color:#fff;
	}