/* GENERIC GLOBAL STYLES */
/**************************/
body {
	margin: 0;
	font-size: 62.5%;
	color: #000000;
	font-family: arial, helvetica, verdana, sans-serif;
	background: #fff url('/images/bg_body.jpg') repeat-x top left;
	}
img {border: 0;}
hr {
	background-color: #edceda;
	color: #edceda;
	height: 1px;
	border: 0;
	margin: 0;
	display: inline;
	padding: 0;
	}
h1 {
	font-size: 2em; /* 20 pixels */
	font-weight: bold;
	margin: 0;
	}
h2 {
	font-size: 1.6em; /* 16 pixels */
	font-weight: bold;
	margin: 0 0 10px 0;
	}
h3 {
	font-size: 1.2em; /* 12 pixels */
	font-weight: bold;
	margin: 0 0 10px 0;
	}
p {
	font-size: 1.2em; /* 12 pixels */
	line-height: 1.5em; /* 15 pixels */
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
ul {
	font-size: 1.2em; /* 12 pixels */
	line-height: 1.5em; /* 15 pixels */
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	}
#footer ul {margin-bottom: 0;}
ul a {
	text-decoration: none;
	}
a, a:hover, a:visited {
	color: #000000;
	text-decoration: underline;
	}
dl {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	}
dl dt {
	float: left;
	margin: 0 50% 0 0;
	padding: 0;
	}
dl dd {
	margin: 0 50% 10px 0;
	}
dl dd.more{
	float: right;
	padding-left: 20px;
	margin: 0;
	}
dl dd.more ul a,
dl dd.more ul a:visited {
	padding-left: 15px;
	font-size: .9em;
	text-transform: uppercase;
	text-decoration: none;
	}
dl dd.more ul a:hover{
	text-decoration: none;
	background: transparent url('/images/bg_subnav.gif') no-repeat 0 50%;
	}
a.special, 
a.special:hover,
a.special:visited {
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
	}

/******************************/
/* PRIMARY PAGE LAYOUT STYLES */
/******************************/
#container {
	width: 670px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}
#column01 {
	float: left;
	width: 155px;
	margin-right: 15px;
	overflow: visible;
	}
#column02 {
	margin: 0 10px 0 0;
	width: 490px;
	float: left;
	display: inline;
	}
#column03 {
	float: left;
	width: 155px;
	margin-right: 15px;
	overflow: visible;
	text-align: left
	}
#column02 p {margin-bottom: 10px;}
#footer {
	width: 542px;
	padding: 20px 69px 0 69px;
	border-top: 1px solid #edceda;
	float: left;
	display: block;
	overflow: visible;
	margin: 30px 0 20px 0;
	font-size: .95em;
	line-height: 1.4em;
	text-align: center;
	}
#floating_column {
	width: 150px;
	padding: 0;
	text-align: center;
	float: right;
	display: inline;
	}
#floating_column_Lrg {
	width: 250px;
	padding: 0;
	text-align: center;
	float: right;
	display: inline;
	}
.floater p {margin-right: 150px;}
#landing_strip {
	background: #2b2828 url('/images/bg_landing.jpg') no-repeat top left;
	width: 670px;
	height: 265px;
	float: left;
	margin: -35px 0 10px 0;
	}
#landing_strip img {
	float: right;
	display: inline;
	height: 265px;
	width: 400px;
	}
#landing_strip p {
	font-family: "Helvetica Neue", helvetica, arial, verdana, sans-serif;
	font-size: 1.6em;
	line-height: 1.7em;
	width: 190px;
	height: 220px;
	overflow: visible;
	margin: 25px 0 0 40px;
	padding: 0;
	color: #fff;
	}


/* BANNER AND HEADER STYLES */
#header {
	float: left;
	width: 100%;
	margin: 70px 0 10px 0;
	padding-top: 40px;
	background: transparent url('/images/cell.gif') no-repeat top right;
	z-index: 5;
	}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
h1#logo {
	width: 323px;
	height: 146px;
	padding: 0;
	margin: 0;
	background: transparent url('/images/logo.gif') no-repeat 0 50%;
	}
h1#logo span{display: none;}

/* MAIN NAVIGATION STYLES */
#nav {
	width: 520px;
	padding: 1px 0 0 55px;
	background: transparent url('/images/bg_nav_main.gif') no-repeat top left;
	font-size: 1.1em;
	float: right;
	margin-top: -60px;
	}
#nav li {
	float: left;
	font-family: "Helvetica Neue", arial, helvetica, verdana, sans-serif;
	text-transform: uppercase;
	z-index: 100;
	}
#nav li#nav_home {
	background: transparent url('/images/bg_nav_corner.gif') no-repeat top left;
	}
#nav li a {
	display: block;
	margin: 0;
	padding: 4px 11px 3px 11px;
	color: #fff;
	background: #595558 url('/images/bg_nav.gif') repeat-x top left;
	text-decoration: none;
	border-top: 1px solid #838486;
	margin-top: -1px;
	z-index: 100;
	}
#nav li a:hover {
	color: #fff;
	background: #949494 url('/images/bg_nav_down.jpg') repeat-x top left;
	border-top: 1px solid #9a9a9c;
	margin-top: -1px;
	z-index: 100;
	}
/* Calls in proper downstate for main navigation based on the body id  */
#p_home #nav #nav_home a, 
#p_customer #nav #nav_customer a, 
#p_products #nav #nav_products a, 
#p_about #nav #nav_about a, 
#p_careers #nav #nav_careers a, 
#p_contact #nav #nav_contact a {
	color: #fff;
	background: #949494 url('/images/bg_nav_down.jpg') repeat-x top left;
	border-top: 1px solid #9a9a9c;
	margin-top: -1px;
	z-index: 100;
	}


/* SUBNAV STYLES */
#subnav {
	width: 155px;
	font-size: 1em;
	list-style: none;
	margin-top: -1px;
	}
#subnav li {
	padding-bottom: 4px;
	padding-top: 4px;
	border-bottom: 1px solid #edceda;
	}
#subnav a, #subnav a:visited {
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 15px;
	}
#subnav a:hover {
	color: #000000;
	background: transparent url('/images/bg_subnav.gif') no-repeat 0 50%;
	}
/* The last li in the subnav needs to have the class sn_last applied to it to remove bottom border  */
#subnav li.sn_last {border-bottom: none;}
/**********************************************/
/* Calls in proper downstate for sub navigation based on the body class and subnav id  */
/* Need to add a line for all subpages */
/* All pages should have a body id for the main nav, and a class applied for the subnav */
/**********************************************/
.p_products00 #subnav #sn_products00 a,
.p_products01 #subnav #sn_products01 a,
.p_products02 #subnav #sn_products02 a,
.p_products03 #subnav #sn_products03 a,
.p_products04 #subnav #sn_products04 a,
.p_products05 #subnav #sn_products05 a,
.p_products06 #subnav #sn_products06 a,
.p_products07 #subnav #sn_products07 a,
.p_products08 #subnav #sn_products08 a,
.p_products09 #subnav #sn_products09 a {
	color: #000000;
	background: transparent url('/images/bg_subnav.gif') no-repeat 0 50%;
	}
#subnav li a.download,
#subnav li a.download:hover,
#subnav li a.download:visited {
	color: #000000;
	background: transparent url('/images/arrow_down.gif') no-repeat 0 50%;
	}


/* BREADCRUMB STYLES -- COMMUNICATE WITH PHP INCLUDE */
#breadcrumbs {
	float: right;
	display: inline;
	border-bottom: 1px solid #edceda;
	width: 550px;
	padding-left: 120px;
	padding-bottom: 10px;
	margin-top: -35px;
	}
#breadcrumbs p{
	text-transform: uppercase;
	color: #000000;
	font-size: 1em;
	}
#breadcrumbs a, #breadcrumbs a:hover, #breadcrumbs a:visited {
	text-decoration: none;
	color: #000000;
	}
#breadcrumbs a.first {margin-left: none;}
#breadcrumbs img {padding: 0 5px;}



/* GRID STYLES -- EVERYTHING IS IN DEFINED LISTS */
.grid dl {
	float: left;
	display: inline;
	width: 230px;
	margin: 0 15px 20px 0;
	padding: 0;
	}
.grid dl dt {
	float: left;
	width: 130px;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
	}
.grid dl dd {
	margin: 0 110px 0 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: normal;
	}
.grid dl dd.img {
	margin: 0;
	}
.grid dl dd.img img{
	float: right;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
	}
.grid dl dd a,
.grid dl dd a:hover,
.grid dl dd a:visited {
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
	}


/* FOOTER STYLES */
#footer ul {
	width: 100%;
	text-align: center;
	}
#footer ul li {
	display: inline;
	padding: 0 2px;
	margin: 0;
	}
#footer ul a {
	text-decoration: none;
	}
#footer p {margin-top: 10px;}