/*-------------------------------------------------------------------------------------------page layout */
body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #FFFFFF;
	line-height: 1.3em;
}
#body_frame {
	width:965px; 
	border: 1px none #000000;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	
	}
/*-----------TOP */	
#header {
	float: left;
	padding-top:8px;
	padding-left:63px;
}
#logo {
	float: left;
	width: 280px;
}
#topnav {
	float: left;
	width: 420px;
}
#form {
	float: left;
	width: 141px;
	height: 110px;
	font-size: 85%;
	font-style:italic;
	color:#999999;
	padding-left:12px;
}

/*-----------MIDDLE */	
#middle {
	float:left;
	background-image: url(i/ccc.gif);
	background-repeat: repeat-y;
	border-top:solid 1px #CCCCCC;
	width: 965px;
	background-position: 222px;
}
#leftcont {
	float: left;
	padding-top:30px;
	padding-bottom:13px;
	padding-left:82px;
	width: 140px;
	color: #193D61;
}
#content {
	float:left; 
	width:505px;   
	padding-top:30px;
	padding-right:21px;
	padding-left:15px;
	height:530px;
}
#content2 {
	float:left; 
	width:505px;   
	padding-top:30px;
	padding-right:21px;
	padding-left:15px;
}
#content3 {
	float:left; 
	width:511px;   
	padding-top:30px;
	padding-right:15px;
	padding-left:15px;
}
#rightnav {
	float: left;
	padding-top:17px;
	padding-bottom:13px;
	padding-left:12px;
	font-weight:bold;
	color:#00ADA7;
	width: 190px;
	font-size: 85%;
	height:424px;
}
/*-----------HOME */	
#home_tit  {
	float:left;
	width:880px;
	padding-left: 82px;
	border-top: solid 1px #CCCCCC;
}
#home_tit h1 {font-size: 150%; color:#193D61; margin-top:7px; margin-bottom:14px;}
#home_left  {
	float:left;
	width: 336px;
	height:469px;
	margin-right:13px;
	background-image:url(i/home_bg.jpg);
	background-repeat:no-repeat;
	background-position: 82px bottom;
	padding-left: 82px;
}
.home_left_tit  {              
	width: 143px;
	height:30px;
	background-image: url(i/home_bg_title.png);
	background-repeat: repeat-x;
	padding-left:10px;
	padding-top:12px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:105%;
}
.home_left_cell  {
	padding-left:10px;
	font-weight:bold;
	font-size:105%;
}
.home_left_p{
	padding-left:10px;
	padding-right:10px;
	padding-top: 20px;
}
.home_left_lastp {
	padding-right:80px;
	padding-top: 30px;
	padding-left: 100px;
}
#home_right  {
	float:left;
	width: 455px;
	height:469px;
	background-image:url(i/home_bg_map.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
/*-----------HOME PREVIOUS*/	
#flashcontent  {              
	float:left;             
	border-top:solid 1px #CCCCCC;
	font-size:85%;
	width: 880px;
	padding-top: 20px;
	padding-left:85px;
}

#content_home_ima {
	float:left;  
	padding-right:40px; 
	padding-top:0px;
	vertical-align:top;
}
#content_home_txt1 { 
	padding-left:126px; width:478px; float:left;
}
#content_home_txt2 { 
	float:left; width:243px; text-align:right;
}
#content_home_txt a.orange { color:#FF6600; font-weight:bold; text-decoration:underline;}
#content_home_txt a:hover.orange { color:#193D61;}
/*-----------HOME 	
#flashcontent  {              
	float:left;             
	border-top:solid 1px #CCCCCC;
	font-size:85%;
	width: 951px;
	padding-top: 20px;
	padding-left:85px;
}

#content_home_ima {
	float:left;  
	padding-right:40px; 
	padding-top:0px;
	vertical-align:top;
}
#content_home_txt1 { 
	padding-left:126px; width:478px; float:left;
}
#content_home_txt2 { 
	float:left; width:243px; text-align:right;
}
#content_home_txt a.orange { color:#FF6600; font-weight:bold; text-decoration:underline;}
#content_home_txt a:hover.orange { color:#193D61;}
/*-------------------------------------------------------------------------------------------BEGIN OF DROPDOWN MENU */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 85%;
	font-weight: bold;
}

#nav a {
	display: block;
/*	width: 8em;*/
	color:#999999;
	padding-left: 6px;
	padding-right: 1.8em;
	background-image:url(i/bg_a_topnav.gif);
	background-repeat:no-repeat; background-color:#FFFFFF;	 
}
#nav a:hover { color:#00ADA7;}

#nav li { /* all list items */
	float: left;
/*	width: 8em; /* width needed or else Opera goes nuts */
}

/*	-------------- LO addition to display menu items in boxes with diffrent widths */
#nav #li1, #nav #li1 ul   { width: 63px;}
#nav #li2, #nav #li2 ul   { width: 85px;}
#nav #li3, #nav #li3 ul   { width: 84px;}
#nav #li4, #nav #li4 ul   { width: 86px;}
#nav #li1 ul a { width: 63px;}
#nav #li2 ul a { width: 85px;}
#nav #li3 ul a { width: 84px;}
#nav #li4 ul a { width: 86px;}
/*	-------------- end LO addition*/

#nav li ul { /* second-level lists */
	position: absolute;
	background: #FFFFFF;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	font-size: 100%;
}
#nav li ul a { 
	background-image:url(i/bg_ao_topnav.gif);
	background-repeat:no-repeat;}
#nav li ul a:hover { color:#193D61;}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/* END OF DROPDOWN MENU 
-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------div tags */
/*----------------------------------------------------------------------------#rightnav */
#rightnav a { color:#999999;}
#rightnav a:hover { color:#193D61;}
#rightnav a.orange { color:#00ADA7;}
#rightnav a:hover .orange { color:#193D61;}
#rightnav a.testdrive { color:#193D61; text-decoration: underline;}
#rightnav a:hover.testdrive { color:#00ADA7; text-decoration: underline;}
#rightnav_home a { color:#999999;}
#rightnav_home a:hover { color:#193D61;}
/*----------------------------------------------------------------------------#offsite*/
#offsite_l img { padding-bottom:10px; padding-top:4px;}
#offsite_r img { padding-bottom:10px; padding-top:4px;}
/*----------------------------------------------------------------------------#portfolio*/
#portfolio { font-size: 95%; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #777777; line-height: 1.3em; }
#portfolio table { }
.border { border: solid 1px #CCCCCC }
#portfolio th { color:#193D61; text-align:left;}
#portfolio a { color:#777777;}
#portfolio a:hover { color:#193D61;}
.portfolio_img{text-align:center; padding-bottom:6px;}
.nav_portfolio { vertical-align:top; padding-bottom:20px; text-align:left; font-weight:normal;}
.comment { background-color:#dddddd; text-align:left;}
.comment p{ padding-top:5px; padding-left:6px; padding-bottom: 7px;  padding-right:6px; }
.previous  {  background-color:#dddddd; text-align:left; width:30%; padding-top:6px; padding-left:6px; padding-right: 8px; padding-bottom: 6px;}
.num  {  background-color:#dddddd; text-align:center; width:40%; padding-top:6px; padding-bottom: 6px;}
.next  {  background-color:#dddddd; text-align:right; width:30%; padding-top:6px; padding-right: 6px; padding-bottom: 6px;}

/*----------------------------------------------------------------------------#opus screenshot*/
#opus_screen {
	margin-top: 16px;
}
#opus_screen #tit {
	font-size: 85%;
	padding:6px;
	color: #193D61;
}
#opus_screen #text {
	font-size: 85%;
	padding:6px;
	background-color:#FFFFFF;
	background-image: url(i/opus_screen_text.gif);
}
#txt { padding-top:6px; padding-bottom:6px; }
/*----------------------------------------------------------------------------#opus main*/
.lastpopus_opus{ padding-top:2px; padding-bottom:20px; }
/*----------------------------------------------------------------------------#opus secondary pages*/
#opus_client { margin-top: 0px; margin-bottom: 30px;}
#opus_client img{ margin-left:8px;}
#opus_client td{ vertical-align:top; padding-top:15px; padding-bottom:15px; font-size:88%;}
#opus_client h2{ padding-top:-4px; margin-top:-4px;}
#opus_client p{ padding-left:0px;}
.lastpopus_client {
	padding-left:200px;
	margin-top: 110px;
}
.bgd_opus_client { background-image: url(i/opus_client_bg.jpg); background-position: 50px bottom; background-repeat: no-repeat;}
.lastpopus_prod { padding-bottom:4px; width:390px; }
.lastpopus_prod2 { padding-bottom:30px; width:220px; }
.bgd_opus_prod { background-image: url(i/opus_prod_bg.jpg); background-position: right bottom; background-repeat: no-repeat;}
.lastpopus_qa { padding-top:2px; padding-bottom:0px; width:355px; }
.lastpopus_qa2 { padding-top:2px; padding-bottom:0px; width:290px; }
.bgd_opus_qa { background-image: url(i/opus_qa_bg.jpg); background-position: right bottom; background-repeat: no-repeat;}
.lastpopus_manag_ima{ padding-bottom:6px; padding-left:180px; }
.lastpopus_manag{
	padding-bottom:0px;
	padding-left:220px;
	padding-top: 17px;
}
.bgd_opus_manag { background-image: url(i/opus_manag_bg.jpg); background-position: 10px bottom; background-repeat: no-repeat;}
#opus2ndlevel_bot {
	padding-top: 50px;
	font-size: 85%;
	padding-left: 358px;
}
.bgd_opus { background-image: url(i/opus_bg.gif); background-position: 0px bottom; background-repeat: no-repeat;}
#opus2ndtop{ width: 148px; font-size: 85%;}
/*-------------------------------------------------------------------------------------------html tags */	
a:link { color:#193D61; text-decoration:none;} /* previous dark blue:#193D61 - lighter blue: #3D5D85  */
a:visited { color:#193D61; text-decoration:none;}
a:hover { color:#00ADA7;} /* orange: #FF6600  */
a:active {
	color:#00ADA7;
}
h1 {font-size: 120%; color:#00ADA7; margin-top:0px; margin-bottom:2px;}
h2 {font-size: 110%; margin-bottom:3px; margin-top:30px; font-weight:normal; color:#193D61;}
input {
    border: 1px solid #ccc;
	font-size: 80%;
    color: #666666;
	width: 98px;
	height: 13px; margin-top:-2px;
}
td { vertical-align:top;}
p {
	padding-top:11px;
	margin-top:0px;
	margin-bottom:0px;
} 
/*-------------------------------------------------------------------------------------------specific classes */	
.blue { color:#193D61;}
.orange { color:#00ADA7;}
.bigger{ font-size:120%}
.botmargin6topmargin2 {
	margin-bottom:6px;
	margin-top:2px;
	padding-top: 2px;
}
.botmargin10topmargin0 {
	margin-bottom:10px;
	margin-top:0px;
	padding-top: 0px;
}
.botmargin0topmargin2 { margin-top:2px;  margin-bottom:0px; }
.botmargin0topmargin20 { margin-top:16px;  margin-bottom:0px; }
.botmargin0topmargin30 { margin-top:30px;  margin-bottom:0px; }
.botmargin0 { margin-bottom:0px; padding-bottom:0px;}
.botmargin4 { margin-bottom:6px; }
.leftmargin20 { padding-left:20px; margin-bottom: 33px; margin-top:3px;}
.leftmargin28 { margin-left:28px;}
.topmargin2 { margin-top:2px;}
.pafterh2 { padding-top:2px;}
.bgd_world { background-image: url(i/worldwide.jpg); background-position: 125px bottom; background-repeat: no-repeat;}
.bgd_testdrive { background-image: url(i/try_potion.jpg); background-position: right bottom; background-repeat: no-repeat;}
.bgd_xml { background-image: url(i/services_xml.png); background-position: 6px bottom; background-repeat: no-repeat;}
.bgd_ny { background-image: url(i/ny_bd.jpg); background-position: 8px bottom; background-repeat: no-repeat;}
.smaller{ font-size:85%;}
.superscript  { font-size:120%;  color:#193D61;}
.lastpservices { padding-top:2px; width:200px;}
.middlepsmbs_outsourcing { padding-top:30px; padding-left:128px;}
.lastpsmbs_outsourcing { padding-top:45px; padding-left:180px;}
#botleft {
	font-size:85%;
	float: left;
	margin-top: -154px;
	padding-left: 82px;
	width: 310px;
}

#botleft p.copy { background-color:#FFFFFF; margin-top:10px; padding-top:5px;}
.botleft1stp {
	text-align: justify;
	width: 118px;
}
#botleft2 {
	font-size:85%;
	float: left;
	margin-top: -234px;
	padding-left: 82px;
	width: 310px;
}
#botleft2 p { padding-top:3px;}
#botleft2 p.copy { background-color:#FFFFFF; margin-top:10px; padding-top:5px;}
#botright {
	float: left;
	margin-top: -95px;
	margin-left: 384px;
	width: 186px;
}
#body_frame #middle #content .botmargin6topmargin2 li {
	list-style-image: url(i/list.gif);
}
