/* general settings start */
body {
	margin: 0;
 	font: 12px Arial, Helvetica, sans-serif; 
	color: #4f4f4f;
}
a {
	text-decoration: none;
	color: #1c58a3;
}
a:hover { text-decoration: underline; }
img { border-style: none; }
input {
	font: 10px Arial, Helvetica, sans-serif;
	vertical-align :middle;
	color:#111111;
}
form,
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
/* general settings end */
/* wrapper start */
#wrapper {
	width: 880px;
	margin: 0 auto;
	background: url(../images/bg-body.jpg) no-repeat;
	position: relative;
}
/* logo start */
.logo {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.logo a {
	width: 189px;
	height: 51px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(../images/ico-logo.gif) no-repeat;
}
/* logo end */
/* holder start */
#container {
	width:100%;
	display: table;
}
/* header start */
#header {
	width: 100%;
	display: table-header-group;
}
/* main nav start */
.holder{width: 100%;}
.holder:after {
	content: "";
	display: block;
	clear: both;
}
#nav {
	margin: 0;
	padding: 23px 16px 7px 0;
	list-style: none;
	float: right;
	position: relative;
	z-index: 30;
}
#nav li {
	width: 82px;
	font-size: 10px;
	line-height: 13px;
	text-align: center;
	float: left;
	padding-left: 1px;
	position:relative;
}
#nav li li {
	width: 152px;
	height: 1%;
	vertical-align: top;
	text-align: left;
	padding: 0 4px 4px;
	float: none;
	background: url(../images/none.gif);
}
#nav a {
	display: block;
	color: #fff;
}
#nav span { cursor: pointer; }
#nav a:hover { text-decoration: none; }
#nav li li a:hover { text-decoration: underline; }
#nav .t,
#nav .b {
	height: 19px;
	overflow: hidden;
	background: url(../images/bg-nav-t.png) no-repeat;
	display: block;
}
#nav .b {
	height: 1px;
	background-image: url(../images/bg-nav-b.png);
}
#nav .c {
	width: 100%;
	float: left;
	background: url(../images/bg-nav-c.png) repeat-y;
	display: block;
}
#nav a:hover .t,
#nav a.active .t,
#nav li:hover a .t,
#nav li.hover a .t { background-image: url(../images/bg-nav-th.png); }
#nav a:hover .b,
#nav a.active .b,
#nav li:hover a .b,
#nav li.hover a .b { background-image: url(../images/bg-nav-bh.png); }
#nav a:hover .c,
#nav a.active .c,
#nav li:hover a .c,
#nav li.hover a .c {background-image: url(../images/bg-nav-ch.png); }
#nav .c span {
	height: 1%;
	display: block;
	margin:-16px 0 0;
	padding: 0 0 5px;
	position: relative;
}
/* drop start */
#nav div,
#nav li:hover li div,
#nav li:hover li:hover li div,
#nav li:hover li:hover li:hover li div,
#nav li.hover li div,
#nav li.hover li.hover li div,
#nav li.hover li.hover li.hover li div {display: none; }
#nav li:hover div,
#nav li:hover li:hover div,
#nav li:hover li:hover li:hover div,
#nav li.hover div,
#nav li.hover li.hover div,
#nav li.hover li.hover li.hover div { display: block; }
#nav div {
	width: 160px;
	position: absolute;
	top: 21px;
	left: 0;
}
#nav div div {
	top: 0;
	left: 160px;
}
#nav ul {
	width: 100%;
	margin: 0;
	padding: 4px 0;
	list-style: none;
	background: url(../images/bg-drop.png);
}
#nav ul:after {
	content: "";
	display: block;
	clear: both;
}
/* drop end */
/* header container start */
#header .container {
	width: 864px;
	overflow: hidden;
	padding: 1px 0 0;
	background: #000;
}
#header .box {
	height: 1%;
	overflow: hidden;
}
.text-state-of-the-art {
	width: 582px;
	float: left;
	background: #169dbd;
	padding: 0 38px 3px;
}
.text-state-of-the-art span {
	width: 348px;
	height: 14px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
	background: url(../images/text-state-of-the-art.gif) no-repeat;
}
/* search start */
.search {
	width: 206px;
	float: right;
}
.search fieldset {
	height: 1%;
	overflow: hidden;
}
.search .text {
	width: 163px;
	height: 13px;
	float: left;
	padding: 1px 5px 3px 5px;
}
.search .text input {
	width: 163px;
	border: 0;
	padding: 0;
	color: #111111;
	line-height: 13px;
}
.search .submit {
	float: left;
	width: 19px;
	height: 13px;
	border: 0;
	margin: 2px 0 0 4px;
	padding: 0;
	background: url(../images/bg-submit.gif) no-repeat;
	text-indent: -9999px;
	line-height: 0;
	cursor: pointer;
}
/* search end */
/* search2 start */
.search2 {
	width: 190px;
	float: right;
}
.search2 fieldset {
	height: 1%;
	overflow: hidden;
}
.search2 .text {
	width: 143px;
	height: 18px;
	float: right;
	padding: 1px 5px 3px 5px;
}
.search2 .text input {
	width: 143px;
	border: 0;
	padding: 0;
	color: #111111;
	line-height: 14px;
}
.search2 .submit {
	float: right;
	width: 13px;
	height: 13px;
	border: 0;
	margin: 2px 0 0 2px;
	padding: 0;
	background: url(../images/bg-submit2.gif) no-repeat;
	text-indent: -9999px;
	line-height: 0;
	cursor: pointer;
}
/* search end */
/* button navigation start */
.btn-nav {
	margin: 0;
	padding: 3px 4px 3px 0;
	list-style: none;
	float: right;
}
.btn-nav li {
	float: left;
	margin-left: 3px;
}
.btn-nav a {
	height: 13px;
	display: block;
	background: url(../images/bg-btn-nav.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
.text-automation {width: 109px;}
.btn-nav .text-integration {
	width: 110px;
	background-position: -112px 0;
}
.btn-nav .text-web-service {
	width: 161px;
	background-position: -225px 0;
}
.btn-nav .text-modernization {
	width: 110px;
	background-position: -389px 0;
}
/* button navigation end */
/* header container end */
/* main nav end */
/* header end */
/* some jquery overrides */
#accordion P
{
	font-family: Arial, Helvetica, sans-serif;  
   font-size: 12px; 
  	line-height:16px;
}
/* main start */
#main {
	width: 100%;
	display: table-footer-group;
}
/* content start */
#content {
	width: 100%;
	overflow:hidden;
	height: 411px;
	position: relative;
	font-size: 11px;
	color: #fff;
	margin-bottom: 26px;
}
/* map start */
.map {
	width: 686px;
	height: 411px;
	margin: 0 0 0 20px;
	position:relative;
	background:url(../images/map.jpg) no-repeat 0 2px;
}
.map img {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.map ul {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
}
.map li {
	position:absolute;
	visibility: hidden;
	text-indent:-9999em;
	overflow:hidden;
	background-repeat:no-repeat;
}
.map li.activestate { visibility: visible;}
.map #area01 {
	BACKGROUND-IMAGE: url(../images/area1.jpg); WIDTH: 126px; HEIGHT: 127px; TOP: 27px; LEFT: 101px
}
.map #area02 {
	BACKGROUND-IMAGE: url(../images/area2.jpg); WIDTH: 260px; HEIGHT: 151px; TOP: 3px; LEFT: 158px
}
.map #area03 {
	BACKGROUND-IMAGE: url(../images/area3.jpg); WIDTH: 107px; HEIGHT: 58px; TOP: 104px; LEFT: 211px
}
.map #area04 {
	BACKGROUND-IMAGE: url(../images/area4.jpg); WIDTH: 272px; HEIGHT: 65px; TOP: 112px; LEFT: 331px
}
.map #area05 {
	BACKGROUND-IMAGE: url(../images/area5.jpg); WIDTH: 292px; HEIGHT: 41px; TOP: 179px; LEFT: 394px
}
.map #area06 {
	BACKGROUND-IMAGE: url(../images/area6.jpg); WIDTH: 160px; HEIGHT: 39px; TOP: 233px; LEFT: 444px
}
.map #area07 {
	background-image: url(../images/area7.jpg);
	width: 150px;
	height: 55px;
	top: 287px;
	left: 484px;
}
.map #area08 {
	background-image: url(../images/area8.jpg);
	width: 111px;
	height: 53px;
	top: 358px;
	left: 502px;
}
/* map end */
/* info start */
.info {
	position: absolute;
	left: 19px;
	bottom: 58px;
	line-height:23px;
	z-index: 30;
}
.info strong {
	font-size: 13px;
	line-height: 19px;
}
.info p { margin: 0; }
.text-tools-middleware {
	width: 223px;
	height: 19px;
	overflow: hidden;
	margin-bottom: 3px;
	display: block;
	text-indent: -9999px;
	background: url(../images/text-tools-middleware.png) no-repeat;
}
/* info end */
/* content end */
/* main end */
/* holder end */
#sidefooter
{
	position:absolute;
	left:18px;
	top:527px;
	color: #fff;
	font-size: 9px;
	line-height: 17px;
	z-index:5;
}
#sidefooter p a { color: #fff; }
/* footer start */
#footer {
	width: 854px;
	color: #fff;
	font-size: 9px;
	line-height: 17px;
	padding-left: 26px;
}
#footer .container {
	width: 829px;
	overflow: hidden;
	background: url(../images/bg-footer-container.gif) no-repeat;
	font-size: 12px;
	margin: 0 0 6px -26px;
	padding: 8px 12px 8px 23px;
}
/* footer logo start */
.footer-logo {
	width: 158px;
	height: 15px;
	overflow: hidden;
	margin: 1px 109px 0 0;
	float: left;
	text-indent: -9999px;
	background: url(../images/ico-footer-logo.png) no-repeat;
	cursor: pointer;
}
/* footer logo end */
#footer .container ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #fd5332;
}
#footer .container li {
	float: left;
	margin-left:6px;
}
#footer em { padding-right: 4px; }
#footer .container img { display: block; }
.text-integrate {
	width: 256px;
	height: 11px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
	background: url(../images/text-integrate.png) no-repeat;
	margin: 4px -40px 0;
}
#footer p { margin: 0; }
#footer p a { color: #fff; }
/* footer end */
/* wrapper end */
/* inner page start */
.inner { background-image: url(../images/bg-body2.jpg) !important; }
.editor {margin-left:200px;width: 485px;font-size: 12px;color: #4f4f4f;}
/* keep following matched with .content h2 */
.editor h2 {
	margin: 0 0 10px;
	font-size: 30px;
	line-height: 28px;
	color: #659fe8;
}

/* onecolumn start */
#onecolumn {
	width: 740px;
	overflow:hidden;
	float: right;
}
/* content start */
#onecolumn #content {
	width: 100%;
	height: auto;
	float: left;
	font-size: 12px;
	color: #4f4f4f;
	margin: 0;
	padding-top: 20px; 
}
/* twocolumns start */
#twocolumns {
	width: 676px;
	overflow:hidden;
	float: right;
}
/* content start */
#twocolumns #content {
	width: 485px;
	height: auto;
	float: left;
	font-size: 12px;
	color: #4f4f4f;
	margin: 0;
	padding-top: 40px; 
}
.content {
	height: 1%;
	overflow: hidden;
	line-height:16px;
}
.content h2 {
	margin: 0 0 10px;
	font-size: 30px;
	line-height: 28px;
	color: #659fe8;
}
.contentHeader
{
	border:solid thin #05AFEF;
	FONT-WEIGHT: bold;
	COLOR: #004477;
	width:96%;
	padding:6px;
	margin-bottom:2px;
}

a.action{padding:3px}
a.action:link {font-size:16px;text-decoration: none; color: #659fe8;}
a.action:visited {font-size:16px;text-decoration: none; color: #659fe8;}
a.action:active {font-size:16px;text-decoration: none;}
a.action:hover {font-size:16px;text-decoration: none;background-color:#181F6B; color: white;}
.content p { margin: 0 0 16px; }
ul.content
{
	text-align:left;
}

li.content,li.content2
{
	list-style-type:disc;
	overflow:visible;
	margin-left:10px;
}
/* breadcrumbs start */
.breadcrumbs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 7px 0 0;
	list-style: none;
}

div.action
{
	padding:5px 5px 5px 5px;
	background-color:#000020;
}

.breadcrumbs li {
	margin-left: -18px;
	padding: 0 20px 0 18px;
	background: url(../images/bg-separator.gif) no-repeat 0 54%;
	float: left;
}
.breadcrumbs a { color: #4f4f4f; }
/* breadcrumbs end */
/* content end */
/* aside start */
.aside {
	width: 164px;
	padding-top: 8px;
	float: right;
}
.google-box {
	overflow: hidden;
	margin-bottom: 29px;
}
.aside h3 {
	margin: 0;
	padding: 0 0 11px 3px;
	font-size: 16px;
	font-weight: normal;
	color: #578ed3;
	position: relative;
}
.aside img { display: block; }
.aside ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.aside li {
	height: 1%;
	overflow: hidden;
	vertical-align: top;
	margin-bottom: 6px;
}
.aside li a {
	display: block;
	border: 1px solid #ccc;
	float: left;
}
/* aside end */
/* sidebar start */
#sidebar {
	width: 176px;
	position:absolute;
	left:0;
	top:60px;
	margin: 0;
	padding: 40px 0 0;
	list-style: none;
}
#sidebar li {
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
	position: relative;
}
#sidebar #selected a {
	background: #fff;
	color: #4e4e4e;
	text-decoration: none;
}

#sidebar a:hover {
	background: #181F6B;
	color: #fff;
	text-decoration: none;
}
#sidebar a {
	color: #5361B6;
	border-top: 1px solid #fff;
	display: block;
	position: relative;
	padding: 7px 0 7px 12px;
}
/* sidebar end */
/* twocolumns end */
/* inner page end */