/*-------------------------------------------------------------------------------------------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: 350px;
}
#topnav {
	float: left;
	width: 350px;
}
#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:424px;
}
#content2 {
	float:left; 
	width:505px;   
	padding-top:30px;
	padding-right:21px;
	padding-left:15px;
}
#rightnav {
	float: left;
	padding-top:17px;
	padding-bottom:13px;
	padding-left:12px;
	font-weight:bold;
	color:#FF6600;
	width: 190px;
	font-size: 85%;
	height:424px;
}

/*-----------HOME */	
#middle_home {
	float:left;
	border-top:solid 1px #CCCCCC;
	width: 965px;
	background-image:url(i/bg_clock.gif); background-position:82px bottom; background-repeat: no-repeat;
}
#middle_home ul {
	list-style: none;
	margin-left: 20px;
	padding-left: 1em; padding-right:6px;
	text-indent: -0.75em;
	margin-bottom:2px; margin-top:13px;
	}
#home_content {
	padding-top:37px;
	padding-right:10px;
	padding-left:82px;
	float:left;
	width:470px;
	font-size:115%;
	background-image: url(i/bg_home_links.gif);
	background-position: 82px bottom;
	background-repeat: no-repeat;
	height: 350px;
}
#home_ima {
	float:left;
	padding-top:25px;
	width: 328px; height:362px;
	background-image: url(i/i4.jpg);
	background-repeat: no-repeat;
	background-position: left 25px;
}
#home_links { margin-top:19px;}
#home_links td{  font-size:11px;}
#home_links #tit { padding-left:8px; padding-right:8px;}
#home_links #tit h2{ color:#777777; margin-top:4px; margin-bottom:2px; border-bottom:solid 1px #777777;}
#home_links #boxl { padding-right:3px; padding-left:8px;}
#home_links #boxl a{ text-decoration:none; color:#777777;}
#home_links #boxl a:hover{ color:#FF6600;}
#home_links #boxl ul{ margin-top:2px; margin-left: 0px;}
#home_links #boxr { padding-right:3px; padding-left:8px;}
#home_links #boxr a{ text-decoration:none; color:#777777;}
#home_links #boxr a:hover{ color:#FF6600;}
#home_links #boxr ul{ color:#777777; margin-top:2px;	margin-left: 0px;}

#home_line {
	float:left;
	width:808px;
	height:30px;
	padding-left:82px;
	margin-bottom:10px;
	margin-top:10px;
	background-image: url(i/bg_home_line.gif);
	background-repeat: no-repeat;
	background-position: 82px;
	}
	
#home_clock { 
	float:left;
	width:470px;
	margin-right:10px;
	padding-left:82px;
	height: 100px;
}
#home_news {
	float:left;
	width: 312px;
	height:100px;
	font-size:11px;
	background-color: #DDDDDD;
	padding-right: 8px;
	padding-left: 8px;
}
#home_news h2{ color:#777777; margin-top:4px; margin-bottom:2px; border-bottom:solid 1px #777777;}
#home_news p{ padding-top:4px;}
/*-------------------------------------------------------------------------------------------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;	 
}
#nav a:hover { color:#FF6600;}

#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 { width: 63px;}
#nav #li3 { width: 84px;}
#nav #li4 { width: 110px;}
#nav #li5 { width: 75px;}
/*	-------------- 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:#FF6600;}
#rightnav a:hover .orange { color:#193D61;}
#rightnav a.testdrive { color:#193D61; text-decoration: underline;}
#rightnav a:hover.testdrive { color:#FF6600; text-decoration: underline;}
#rightnav_home a { color:#999999;}
#rightnav_home a:hover { color:#193D61;}
#rightnav_home2 a { color:#999999;}
#rightnav_home2 a:hover { color:#193D61;}
/*----------------------------------------------------------------------------#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;} /* lighter blue: #3D5D85  */
a:visited { color:#3D5D85; text-decoration:none;}
a:hover { color:#FF6600;}
a:active {
	color:#FF3300;
}
h1 {font-size: 120%; color:#FF6600; 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:#FF6600;}
.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_japanese_garden { background-image: url(i/japanese_garden.jpg); background-position: 175px bottom; background-repeat: no-repeat;}
.bgd_experience { background-image: url(i/experience.jpg); background-position: 340px bottom; background-repeat: no-repeat;}
.bgd_ny { background-image: url(i/ny_bd.jpg); background-position: 8px bottom; background-repeat: no-repeat;}
.bgd_smbs_outsourcing { background-image: url(i/smbs_outsourcing.jpg); background-position: 1px 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;
	padding-left: 384px;
	width: 186px;
}