/* CSS Document */



	/*------------------------------------ GENERAL STYLES --------------------------------------------------------- */

	body {

	background-image:url(../images/pdiEft_bg.gif);

	background-color: #18546C;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	margin: 0px;

	padding: 0px;

	text-align: center;

	background-repeat: repeat-x;

	min-width: 760px;

	}

	

	a:link, a:visited {

	text-decoration: none;

	color: #fff;

	font-weight: normal;

	}

	

	a:hover, a:active {

	color: #fff;

	text-decoration: underline;

	}

	

	#main a:link, a:visited {

	text-decoration: none;

	color: #18546C;

	font-weight: normal;

	}

	

	#main a:hover, a:active {

	text-decoration: underline;

	}



	/*  ____________________________________ LOGO AND LOGO TEXT ------------------------------------------------------------ */



	h1 {

	margin: 0;

	position: relative;

	z-index: 5;

	top: 5px;

	left: 0px;

	background-image: url(../images/pdi_logo_new.gif);

	background-repeat: no-repeat;

	height: 44px;

	width: 350px;

	text-indent: 60px;

	font-size: 14px;

	color: #fff;

	line-height: 50px;

	font-weight: bold;

	}

	

	/* ------------------STYLE USED FOR SECTION HEADERS (LATEST NEWS, INDUSTRY LEADERS AND NEW PRODUCTS ETC.)-------- */

	

	h2 {

	font-size: 12px;

	font-weight: bold;

	padding-left: 10px;

	padding-top: 2px;

	padding-bottom: 0px;

	}



	

	/*------------------------------------------------------------------------------------------------------------- */

	

	#wrapper {

	width: 800px;

	margin: 0 auto; 

	text-align: left;

	background-color: #fff;

	position: relative;

	}

	

	#miniHeader {

	height: 50px;

	margin: 0 auto; 

	padding-left: 0px;

	background-color: #091F2A;

	position: relative;

	}

	

/* ----------------------------------------- CONTACT AND ABOUT LINK AT TOP RIGHT OF PAGE ------------------- */	

	#utilityLinks {

	position: absolute;

	top: 0px;

	left: 100px;

	height: 18px;

	width: 225px;

	text-align: center;

	color: #fff;

	float: left;

	margin-left: 500px;

	margin-top: 5px;

	}

	

	

	

	#utilityLinks a {

	color: #fff;

	text-decoration: none;

	padding: 0px 5px 2px;

	}

	

	#utilityLinks a:hover {

	color: #fff;

	text-decoration: underline;

	}

	

/* --------------------------------------- FLAGS ------------------------------------------------------ */	

	

	#flags {

	position: absolute;

	top: 20px;

	left: 140px;

	height: 11px;

	width: 150px;

	text-align: center;

	color: #fff;

	float: left;

	margin-left: 500px;

	margin-top: 5px;

	}

	

	#flags img {

	display: inline;

	padding: 0;

	}

	



	#flags a {

	text-decoration: none;

	padding: 0px 5px 2px;

	}

	

	#flags a:hover {

	text-decoration: none;

	}

	

/* ----------------------------------------------- HEADER AREA CONTAINING FLASH ---------------------------- */	

	

	#header {

	width: 790px;

	background-color: #FFF;

	margin-top: 0;

	margin-left: 5px;

	}



	

	#mainContent {

	width: 790px;

	background-color:#fff;

/*	height: 375px; */ 

	padding: 460px 5px 5px 5px;

	display:block; 

	position: absolute;

	top: 350px;

	left: 0px

	margin-left: 5px;

	

	}  

	



/*--------------------------------------------------- NEWS SECTION STYLES ------------------------------------------------- */



	#news {

	width: 220px;

	height: 455px; 

	float: left;

	margin-left: 0px;

	margin-top: -455px;

	background-color:#1F627E;

	color:#fff;

	position: relative;

	}

	

	#news p {

	padding: 0px 4px 10px 4px;

	border-bottom: 1px solid #fff;

	}

	

	

	#news .last {

	border-bottom:none; 

	padding: 0px 4px 0px 4px;

	}



	#news .dbImage {

	display: block; 

	position: absolute;

	left: 60px;

	bottom: 5px;

	}

	

	

	/*--------------- THIS IS FOR THE WORD "LATEST" IN THE LATEST NEWS HEADER ------------------- */

	h2 .newsLeft {

	color: #DDBF83;

	}





	/* ------------------ NEWS DATE STYLE ----------------------------------------------- */



	.date {

	font-size: 10px;

	background-image:url(../images/arrow.gif);

	padding: 4px 40px 0px 18px;

	background-repeat: no-repeat;

	background-position: left center;

	display: block;

	border-bottom: none;

	}





/*--------------------------------------------------- "MAIN" (INDUSTRY LEADERS STYLES) ------------------------ */



	

	#main {

	width: 280px;

	height: 455px; 

	float:right;

	margin-left: 5px; 

	margin-right: 280px; 

	margin-top: -455px;

/*	margin-bottom: 5px;  */

	background-color:#fff;

	display: inline; 

	}

	

	#main img {

	display: block;

	float: left;

	padding: 2px;

	margin: 0px 4px; 

	}



	#main p {

	padding: 0 5px 0px 5px;

	}

	

	/* ------------------------- LINKS WITHING THE NEWS SECTION --------------- */

	#news a {

	text-decoration: none;

	color: #fff;

	padding: 2px 5px;

	}

	

	#news a:hover {

	color: #fff;

	text-decoration: underline;

	}



/* ------------------------------- STYLES USED TO POSITION AND PLACE NEWS AND FEATURES CONTENT -----------------  */

	

	#features {

	width: 280px;

	height: 455px; 

	float:right;

	margin-left: 0px;

	margin-top: -455px;

	background-color:#DDBF83;

	position: relative;

	}





	#features p {

	padding: 0px 4px 3px 4px;

	border-bottom: 1px solid #fff;

	}





	/* ------------------- STYLE FOR THE LAST SET OF FEATURES (REMOVES THE LINE FROM BELOW TEXT) ---------------------- */



	#features .last {

	border-bottom:none; 

	padding: 0px 4px 0px 4px;

	}





	/*--------------- THIS IS FOR THE LEFT WORD IN THE OTHER HEADERS ---------------------------- */

	

	h2 .featuresLeft {

	color: #990000;

	}

	

	/*--------------- THIS IS FOR THE RIGHT WORD IN THE OTHER HEADERS ---------------------------- */

	

	h2 .featuresRight {

	color: #000;

	}





	/* ----------------	LINKS WITHIN THE FEATURES AREA (...more) --------------------------------- */

	#features a {

	text-decoration: none;

	color: #fff;

	padding: 2px 5px;

	}

	

	#features a:hover {

	color: #fff;

	text-decoration: underline;

	}

	

	/* ------------- STRONG (BOLD) IS USED TO STYLE THE 800 NUMBER IN THE TECH SUPPORT AREA ------- */



	strong {

	color: #990000;

	font-size: 14px

	}





	/*-------------- STYLES FOR IMAGES USED IN CONTENT -------------------------------------------- */



	.contentImages {

	display: block;

	float: left;

	background-color:#FFFFFF;

	border: 1px solid #CCC;

	padding: 2px;

	

	}



	.noBorderImg {

	display: block;

	float: left;

	background-color:#FFFFFF;

	border: 1px solid #CCC;

	padding: 2px;

	margin: 0px 4px; 

	}



	

	



	/*--------------------- FOOTER STYLES ------------------------------------------------------------ */



	#footer {

	clear: both;

	margin-bottom: 0px; 

	position: absolute;

	top: 870px;

	left: 150px;  

	}

	

	#footer p {

	padding-top: 5px;

	color: #fff;

	text-align: center;

	}

	

	#footer a {

	text-decoration: none;

	color: #fff;

	padding: 2px 5px;

	}

	

	#footer a:hover {

	color: #fff;

	text-decoration: underline;

	}

	

	#copyright {

	clear: left;

	text-align: center;

	color: #fff;

	}