/* ------------------------------------------------------------------------------------------------------*/
/* ZERO OUT ALL BROWSER PRE-SET VALUES  -----------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



/* ------------------------------------------------------------------------------------------------------*/
/* BASE BLOCK ELEMENTS & GLOBAL STYLES ------------------------------------------------------------------*/

html, body { height: 100%; }

body { background: #C8C9CB url(../images/shared/bg_gradient.gif) repeat-x; }

#wrapper {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	/*height: 100%;  --- ADD THIS INTO IE 6 CSS */
	min-height: 100%;
	background: url(../images/shared/dropshadow_bgTile.png) repeat-y;
}

#header {
	width: 780px;
	height: 309px;
	margin: 0 5px 0 5px;
	padding: 0;
}

#pageContent {
	width: 770px;
	padding: 0 5px 40px 5px;
}

#footer {
	clear: both;
	position: absolute;
	bottom: 0;
	width: 770px;
	height: 45px;
	margin: 0 5px;
	padding: 0;
	background: #FFFFFF url(../images/shared/footer.gif) no-repeat;
}

.clear { clear: both; }


/* ------------------------------------------------------------------------------------------------------*/
/* HEADER BLOCK (LOGO & MAIN NAV)  ----------------------------------------------------------------------*/


#logo { 
	height: 51px;
	padding: 23px 0 33px 21px;
	text-indent: -5000px;
	background: url(../images/shared/logo.gif) no-repeat 21px 23px;
}

#mainNav {
	margin: 0 0 0 17px;
}

#mainNav ul {
	height: 20px;
	list-style: none;
	padding: 0;
	color: #668187;
}

#mainNav ul li {
	height: 20px;
	display: inline;
	float: left;
	margin: 0 0 0 18px;
	padding: 0;
}


/* Page Specific Background Banners ------------ */

/*body#home #pageContent			{ background-image: url(../images/home/bannerImg_home.jpg) no-repeat 5px 127px; }*/

body#company #header		{background: url(../images/company/bannerImg_company.jpg) no-repeat 0 127px; }

body#technology	#header		{ background: url(../images/technology/bannerImg_technology.jpg) no-repeat 0 127px; }

body#industrial #header		{ background: url(../images/industries/bannerImg_industrial.jpg) no-repeat 0 127px; }
body#processControl #header	{ background: url(../images/industries/bannerImg_processControl.jpg) no-repeat 0 127px; }
body#commercial #header		{ background: url(../images/industries/bannerImg_commercial.jpg) no-repeat 0 127px; }
body#medical #header		{ background: url(../images/industries/bannerImg_medical.jpg) no-repeat 0 127px; }
body#consumer #header		{ background: url(../images/industries/bannerImg_consumer.jpg) no-repeat 0 127px; }
body#automotive #header		{ background: url(../images/industries/bannerImg_automotive.jpg) no-repeat 0 127px; }

body#products #header		{ background: url(../images/products/bannerImg_products.jpg) no-repeat 0 127px; }

body#contact #header		{ background: url(../images/contact/bannerImg_contact.jpg) no-repeat 0 127px; }




/* ------------------------------------------------------------------------------------------------------*/
/* HEADER BLOCK (SUBNAV)  ----------------------------------------------------------------------*/


#subNav {
	margin: 0 0 0 47px;
	height: 15px;
}

#subNav ul {
	height: 15px;
	list-style: none;
	padding: 0;
	font-size: 10px;
	line-height: 10px;
}

#subNav ul li {
	float: left;
	margin: 0;
	padding: 8px 13px 0 9px;
	background: url(../images/shared/subnavDivider.gif) no-repeat .4em .8em;
}

#subNav ul li a.currentPage { color: #FFFFFF; text-decoration: none; }

#subNav a:link { color: #A3B3B7; text-decoration: none; }
#subNav a:visited { color: #A3B3B7; text-decoration: none; }
#subNav a:hover { color: #FFFFFF; text-decoration: none; }
#subNav a:active { color: #FFFFFF; text-decoration: none; }

#subNav ul li a.currentPage 		{ color: #FFFFFF; text-decoration: none; }
#subNav ul li a.currentPage:link 	{ color: #FFFFFF; text-decoration: none; }
#subNav ul li a.currentPage:visited { color: #FFFFFF; text-decoration: none; }
#subNav ul li a.currentPage:hover  	{ color: #FFFFFF; text-decoration: none; }
#subNav ul li a.currentPage:active 	{ color: #FFFFFF; text-decoration: none; }



/* ------------------------------------------------------------------------------------------------------*/
/* MAIN CONTENT BLOCK  -------------------------------------------------------------------*/

#mainContent {
	width: 635px;
	margin: 0;
	padding: 0 0 75px 55px;
}


/* Single Column Layouts ------------ */

#mainContent.singleColumn {
	width: 545px;
	padding-right: 75px;
}

#mainContent.singleColumn .contentImg{
	padding: 0 0 15px 15px;
	float: right;
	margin-right: -75px;
}



/* Double Column Layouts ------------ */

#mainContent.doubleColumn {
	/*width: 635px;*/
}

#mainContent.doubleColumn #mainColumn {
	/*display: inline;   caombat IE double-margin issue */
	float: left;
	width: 370px;
}

#mainContent.doubleColumn #sideColumn {
	/*display: inline;   caombat IE double-margin issue */
	float: right;
	width: 210px;
}



/* Text Styles ------------ */

#mainContent h1 {
	font-size: 20px;
	line-height: 16px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #084C8D;
	text-transform: lowercase;
	font-weight: normal;
}

#mainContent h2 {
	font-size: 11.5px;
	line-height: 13px;
	letter-spacing: .03em;
	margin:20px 0 4px 0;
	padding: 4px 0 0 0;
	color: #084C8D;
	text-transform: uppercase;
	font-weight: bold;
}

#mainContent h3 {
	font-size: 11.5px;
	line-height: 13px;
	letter-spacing: .03em;
	margin:20px 0 0 0;
	padding: 4px 0 0 0;
	color: #084C8D;
}

#mainContent p {
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
	color: #668187;
}

#mainContent p.intro {
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
	color: #084C8D;
	font-weight: bold;
}

#mainContent p.horizontalRule {
	margin: 6px 0 12px 0;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
	background: url(../images/shared/horizRule.gif) no-repeat bottom left;
}


/* Lists ------------ */

#mainContent ul {
 	list-style-type: none;
	padding: 0;
	margin: 0 0 14px -3px;
	font-size: 11px;
	line-height: 13px;
	color: #668187;
}

#mainContent li {
	margin: 8px 0 10px 0;
	background-image:url(../images/shared/listBullet.gif);
	background-repeat: no-repeat;
	background-position: .4em .4em;
	padding-left: 13px;
}


/* Sub-Lists ------------ */

#mainContent ul li ul{
 	list-style-type: none;
	padding: 0;
	margin: 0 0 14px -3px;
	font-size: 11px;
	line-height: 13px;
	color: #668187;
}

#mainContent ul li ul li {
	margin: 8px 0 0 0;
	background-image:url(../images/shared/sublistBullet.gif);
	background-repeat: no-repeat;
	background-position: .4em .4em;
	padding-left: 13px;
}


#mainContent a:link { color: #084C8D; text-decoration: none; }
#mainContent a:visited { color: #084C8D; text-decoration: none; }
#mainContent a:hover { color: #DF6A2B; text-decoration: underline; }
#mainContent a:active { color: #DF6A2B; text-decoration: underline; }




/* -------------------------------------------------------------------------------------------------------*/
/* FOOTER BLOCK  -----------------------------------------------------------------------------------------*/

#footer p {
	color: #B1C0C5;
	font-size: 9px;
	line-height: 10px;
	margin: 25px 0 5px 55px;
}

#footer a:link { color: #B1C0C5; text-decoration: none; }
#footer a:visited { color: #B1C0C5; text-decoration: none; }
#footer a:hover { color: #668187; text-decoration: underline; }
#footer a:active { color: #668187; text-decoration: underline; }