body {
    background-image: url(../images/bg_centered_dots_sliver2009.gif); 
	background-repeat: repeat-y;
	background-position: center;
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4;
	color: #333333;
/*	color: #000000; */
	text-align: center;
	}
div#header_right ul {
	list-style: none; 
	display: inline;
	}
	
div#header_right li {
	display: inline;
	}	

a:link {
/*	color: #336699; */
	color: white;
	text-decoration: none;
	}
	
a:visited {
/*	color: #006699; */
	color: white;
	text-decoration: none;
	}
	
a:hover {
	background: #5B99F0;
	color: #FFFFFF;
	text-decoration:none;
	}
	
a:active {
	color: #FFFFFF;
	}
	
a span {
	display: none;
	}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	line-height: 1.2em;
	#padding-top: 12px;
	color:#FFFFFF;
	}

div#left_box h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	line-height: 1.15em;
	padding-top: 17px;
	#padding-top: 29px;
	padding-bottom: 11px;
	color:#FFFFFF;
	}

.fine_print {
	color: black;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: .9em;
	line-height: 1.3;
	} 


.popup_title {
	color: black;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	}

div#container_frame {
	position: relative;
	width:920px;
	margin: 0 auto;
	padding:0px 0px 0px 0px;
	text-align:left;
	/*background-image:url(../images/bg-white1.gif)*/
	}

div#header{
	margin: 0px 0px 0px 0px;
	}

div#header_left {
/*	margin-top: 8px; 
	width: 132px;
	height: 46px; */
	padding-top:8px;
	float: left;
	}
	
* html div#header_left {
	padding-top:8px
	}	


div#header_right {
/*	margin-top: 25px; */
	padding-top:25px;
	margin-left: 310px;
	_margin-left: 220px;
	float: left;
	}


	div#header_right a:link {
		color: #003366;
		text-decoration: none;
		}
		
	div#header_right a:visited {
		color: #003366;
		text-decoration: none;
		}
		
	div#header_right a:hover {
		background: #FFFFFF;
		color: #336699;
		text-decoration:underline;
		}

		
	div#header_right a:active {
		color: #336699;
		}

		
	div#header_right a.category_on:link {
		color:#FFFFFF; 
		background-color:#3380B3; 
		border-bottom: 1px solid #3380B3;
		padding-left:4px;
		padding-right:4px;
		}
		
	div#header_right a.category_on:visited {
		color:#FFFFFF; 
		background-color:#3380B3; 
		border-bottom: 1px solid #3380B3;
		padding-left:4px;
		padding-right:4px;
		}	

	div#header_right a.category_on:hover {
		color:#FFFFFF; 
		background-color:#3380B3; 
		border-bottom: 1px solid #3380B3;
		padding-left:4px;
		padding-right:4px;
		text-decoration:underline;
		}
	div#header_right a.category_on:active {
		color:#FFFFFF; 
		background-color:#3380B3; 
		border-bottom: 1px solid #3380B3;
		padding-left:4px;
		padding-right:4px;
		text-decoration:underline;
		}
div#intro_box{
/*	margin-top: 15px;
	margin-bottom: 15px;  */
	padding-top: 20px;
	padding-bottom: 0px;
	_padding-top: 0px;
	_padding-bottom: 5px;
}
div#intro_box p {

	padding:20px 40px 5px 40px;
	#padding: 10px 40px 8px 40px;
	_padding-top: 8px;
	_margin: 0px 0px 0px 0px;
	#margin-bottom: 10px;
	line-height:1.5em;
	}



div#home_banner{
/*	margin-top: 3px; 
	margin-bottom: 5px;  */
	padding-top: 3px;
	padding-bottom: 5px;
	}
	
div#left_box{ 
	float: left;
	width: 372px;
	height: 350px;
	background-color: #336699;
	border: 1px solid #C3C3C3;
	padding-top: 12px;
	padding-right: 40px;
	padding-left: 39px;
	margin-top: 6px;
	color: #FFFFFF;
	margin-right: 7px;
	}

div#left_box p{
	#margin-top: 1em;
	#margin-bottom: 1em;
	}


div#left_box a:link.yeller {
	color: #FFFF66;
	text-decoration: none;}	
	
div#left_box a:visited.yeller {
	color: #FFFF66;
	text-decoration: none;}		

div#left_box a:hover.yeller {
	background: #5B99F0;
	color: #FFFF66;
	text-decoration: none;}		
	
div#left_box a:active.yeller {
	color: #FFFF66;
	}		
	

		
div#right_box{
	float: left;
	width: 384px ;
	height: 350px;
	background-color: #336699;
	border: 1px solid #C3C3C3;
	padding-top: 12px;
	padding-right: 34px;
	padding-left: 33px;
	margin-top: 6px;
	margin-left: 7px;
	color: #FFFFFF;
	}

div#right_box p {
	padding-top:0px;
	margin-top:0px;
	#margin-top: 1em;
	#margin-bottom: .7em;
	}
div#right_box a:link.yeller {
	color: #FFFF66;
	text-decoration: none;}	
	
div#right_box a:visited.yeller {
	color: #FFFF66;
	text-decoration: none;}		

div#right_box a:hover.yeller {
	background: #5B99F0;
	color: #FFFF66;
	text-decoration: none;}		
	
div#right_box a:active.yeller {
	color: #FFFF66;
	}		
	

	
	
div#footer_foundation {
	height: 120px;
	padding: 15px 65px 0 65px;
	}
	
div#footer {
	height: 120px;
	padding-top: 15px;
	padding-left: 150px;
	padding-right: 150px;
	}	

div#footer-prods {
	width:100%; 
	color: #333333;
	border-top: 1px solid #F5F5F5;
	padding-top:6px;
	padding-bottom:1px;
	text-align:center;
	font-size:.9em;
	margin-bottom: 10px;
	}	
	
div#footer-prods a:link {
	color: #336699;
	text-decoration: none;
	}
	
div#footer-prods a:visited {
	color: #006699;
	text-decoration: none;
	}
	
div#footer-prods a:hover {
	color: #049EEB;
	background:#FFFFFF;
	text-decoration:underline;
	}
	
div#footer-prods a:active {
	color: #006699;
	}



div#header_right a {
	color: #000000;
	}



div#right_box a:hover span { /* definition of <span> tag when hovering */
	display: block;
	position: absolute;
	top: 403px;
	top /*\**/: 400px\9;
	#top: 403px; /* layer's place and dimension that you can change at will */
	_top: 404px;
	left: 0px;
	padding-left: 230px;
	padding-right: 14px;
	text-align: left;
	text-decoration:none;
	color: #FFFFFFF;
	background-color: #336699;
	border-top: 1px;
	border-right: 0px;
	border-bottom: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #C3C3C3;
	font-size:11px;
	}

@media screen and (-webkit-min-device-pixel-ratio:0){
div#right_box a:hover span {  top: 397px; }
}


/*body:last-child div#right_box a:hover span {
	top: 403px;
	}

body:first-of-type div#right_box a:hover span {  top: 397px; }
*/
/** html div#right_box a:hover span {
	top: 306px;
	left: 0px;
	}*/


/*@media screen and (-webkit-min-device-pixel-ratio:0) {
div#right_box a:hover span {
	display: block;
	position: absolute;
	top: 397px;
	left: 0px;
	padding-left: 230px;
	padding-right: 14px;
	text-align: left;
	text-decoration:none;
	color: #FFFFFFF;
	background-color: #336699;
	border-top: 1px;
	border-right: 0px;
	border-bottom: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #C3C3C3;
	font-size:11px;
	}	
}
*/

div#left_box a:hover span { /* definition of <span> tag when hovering */
	display: block;
	position: absolute;
	top: 403px;
	top /*\**/: 400px\9;
	#top: 403px; /* layer's place and dimension that you can change at will */
	_top: 404px;
	padding-left: 204px;
	padding-right: 24px;
	text-align: left;
	text-decoration:none;
	color: #FFFFFF;
	background-color: #336699;
	border-top: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-left: 0px;
	border-style: solid;
	border-color: #C3C3C3;
	font-size:11px;

	}	

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#left_box a:hover span {
	display: block;
	position: absolute;
	top: 397px;
	padding-left: 204px;
	padding-right: 24px;
	text-align: left;
	text-decoration:none;
	color: #FFFFFF;
	background-color: #336699;
	border-top: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-left: 0px;
	border-style: solid;
	border-color: #C3C3C3;
	}	
}*/

/*body:last-child div#left_box a:hover span {
	top: 403px;
	}


body:first-of-type div#left_box a:hover span {  top: 403px; }
*/

@media screen and (-webkit-min-device-pixel-ratio:0){
div#left_box a:hover span {  top: 397px; }
}

p.alacarte {
	font-size:1.1em;
	line-height:1.7em;
	font-weight:bold;
	text-align:center; 
	margin-bottom: 0px;
	}


/* EPS HOVERS (LEFT) --> BEGIN */

.pdapop, .poetpop, .therauditpop, .fcepop, .rtwpop, .technopop {
	left: 451px;
	width: 240px;
	padding: 75px 50px 0px 0px;
	#padding: 65px 20px 0px 0px;
	height: 287px;
	#height: 297px;
	font-size: .95em;
	font-weight:normal;
	line-height: 1.5em;
	}
	
.pdapop {
	background-image: url(../images/hover_PDA_2009.jpg);
	}

.poetpop {
	background-image: url(../images/hover_POET_2009.jpg);
	}

.therauditpop {
	background-image: url(../images/hover_theraudit_2009.jpg);
	}

.fcepop {
	background-image: url(../images/hover_FCE_2009.jpg);
	}

.rtwpop {
	background-image: url(../images/hover_RTW_2009.jpg);
	}

.technopop {
	background-image: url(../images/hover_technology_2009.jpg);
	}

/* EPS HOVERS (LEFT) --> END */



/* PRODUCT HOVERS (RIGHT) --> BEGIN */

.primusrspop, .techtrainerpop, .mcupop, .evaltechpop, .simulatorIIpop, .evaluatorpop {
	width: 225px;
	padding: 75px 20px 0px 0px;
	#padding: 65px 20px 0px 0px;
	height: 287px;
	#height: 297px;
	font-size: .95em;
	font-weight:normal;
	line-height: 1.5em;
	}

.primusrspop {
	background-image: url(../images/hover_primusrs_2009.jpg);
	}
	
.techtrainerpop	{
	background-image: url(../images/hover_techtrainer_2009.jpg);
	}

.mcupop	{
	background-image: url(../images/hover_MCU_2009.jpg);
	}

.evaltechpop {
	background-image: url(../images/hover_evaltech_2009.jpg);
	}

.simulatorIIpop {
	background-image: url(../images/hover_simulatorII_2009.jpg);
	}
	
.evaluatorpop {
	background-image: url(../images/hover_evaluator_2009.jpg);
	}


/* PRODUCT HOVERS (RIGHT) --> END */


div.clearfloats {
	clear:both;
	}

div#footer img {
	float: left;
	margin-right: 15px;
	}

div#footer p {
	margin-top: 15px;
	#margin-top: 29px;
	color: #30597F;
	}


