body	{
	margin:		0;
	padding:	0;
	border: 0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
		/* IEWin scrollbar selectors */
	scrollbar-track-color: #C6DCE0;
	scrollbar-face-color: #E4EEF0;
	scrollbar-darkshadow-color: #79ADB5;
	scrollbar-shadow-color: #9EBEC4;
	scrollbar-3dlight-color: #79ADB5;
	scrollbar-highlight-color: #D4E5E7;
	scrollbar-arrow-color: #79ADB5;
	
	}
/*
#bodybody {
    background: #FFF url(x.jpg) no-repeat;
	width: 3000px;
	height: 450px;
}*/

body#body-homepage{
    background: #FFF url(background-index.gif) no-repeat;
}

body#body-oursystems {
    background: #FFF url(background-oursystems.gif) repeat-x;
}

body#body-ournetworks {
    background: #FFF url(background-ournetworks.gif) repeat-x;
}

body#body-casestudy {
    background: #FFF url(background-casestudy.gif) repeat-x;
}

body#body-contactus {
    background: #FFF url(background-contactus.gif) repeat-x;
}


/*  logo-bar on every first page   */
#bar {
	position: absolute;
	top: 10px;
	left: 150px;
	width: 620px;
	height: 106px;
    background: #FFF url(bar.gif) no-repeat;
}


.textbox-index {
position: absolute;
top: 200px;
left: 230px;  /*was 250*/
width: 542px;
/*height: 240px;
overflow: auto;*/
}

.textbox-contactus {
position: absolute;
top: 200px;
left: 230px;  /*was 250*/
width: 542px;
/*height: 240px;
overflow: auto;*/
}

.textbox1 {
position: absolute;
top: 159px;
left: 230px;  /*was 250*/
width: 530px;
/*height: 240px;
overflow: auto;*/
}

.textbox2 {
position: absolute;
top: 159px;
left: 1830px;
width: 542px;
/*height: 240px;
overflow: auto;*/

}

.textbox3 {
position: absolute;
top: 159px;
left: 3430px;
width: 542px;
/*height: 240px;
overflow: auto;*/
}

.textbox4 {
position: absolute;
top: 159px;
left: 5030px;
width: 542px;
/*height: 240px;
overflow: auto;*/
}

.textbox5 {
position: absolute;
top: 159px;
left: 6630px;
width: 542px;
/*height: 240px;
overflow: auto;*/
}

.stretcher-for-5-textboxes {
position: absolute;
top: 159px;
left: 7500px;
width: 542px;
/*height: 240px;
overflow: auto;*/
}

.stretcher-for-4-textboxes {
position: absolute;
top: 159px;
left: 6000px;
width: 742px;
/*height: 240px;
overflow: auto;*/
}


.stretcher-for-3-textboxes {
position: absolute;
top: 159px;
left: 4300px;
width: 542px;
/*height: 240px;
overflow: auto;*/
}




/* vertical floating menu*/

.menu-vertical {
/*	border: #000 solid 1px;*/
	position: absolute;
	top: 48px;
	left: 10px;
	width: 130px;
	height: 190px;
	background: #fff url("menu.gif") no-repeat top right;
	}

.menu-vertical-inside {
/*	border: #000 solid 1px;*/
	position: absolute; 
	right: 0; 
	bottom: 0; 
	margin: 0;
	padding: 0;
	width: 92px; 
	text-align: left;
	}

.menu-vertical-inside a, .menu-vertical-inside a:link, .menu-vertical-inside a:visited, .menu-vertical-inside a:active	{    
	font: 11px/9px arial, "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
	color: #155766;
	font-weight: bold;
	text-decoration: none;
	font-variant: normal;	
	text-align: left;
}

.menu-vertical-inside a:hover {
	padding-left: 15px;
	font-size: 11px;
	color: #7CAEB5;
	text-decoration: none;
}

.menu-vertical-inside p, .menu-vertical-inside ul, .menu-vertical-inside li {
 	padding-left: 0px;
	color: #155766;
	font-style: normal;
	list-style-type: none;
	list-style-position: outside;
	line-height: 1.2em;
}

.menu-vertical-inside a:active, .menu-vertical-inside a:hover  {
	background: transparent url(arrow.gif) no-repeat;
}
/*end menu*/


div, p, th, td, li, dd, dl, dt, a    {
             /* redundant selectors to help NS4 not forget */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    }

a	{
	text-decoration:	underline;
	font-weight:	normal;
	}
a:link	{
	color:	#000;
	background-color: transparent;
	}
a:visited	{
	color:	#000;
	background-color: transparent;
	}
a:active	{
	color:	#000;
	background-color: transparent;
	}
a:hover	{
	color:	#444;
	background-color: transparent;
	text-decoration:	underline;
	}

dt 	{
    margin-top: 0px;
	font-weight: bold;
	}
ul, ol, li, dl, dt, dd {
	padding-left: 21px;
	line-height: 2.0em;
	list-style-type: square;
	list-style-position: outside;
	padding: 0;
	margin: 0;
	border: 0;
	}

	
dl, dt, dd {
	padding-left: 2px;
}	

dl {
	font-size:	22px;
}

dd {
	font-size:	10px;
}

	
p {
	margin-top: 0; 
	padding-top: 0; 
	padding-left: 0px;
	line-height: 1.3em;
	}

	/*   Text headlines  */


h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	font-family: Myriad, "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
	color: #1CCEF3;
	}

h1	{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 32px;
	text-transform: lowercase;
	}

h2	{
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 0;
	letter-spacing: 1px;
	line-height: 140%;
	text-transform: lowercase;
	}

h3	{
	font-size: 12px;
	margin-top: 25px;
	margin-bottom: 0; 
    }

h4	{
	font-size: 10px;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	text-transform: lowercase;
	background: transparent;
	color: #665;
	}

p	{
	margin-top: 5px;
	margin-bottom: 1em;
	line-height: 140%;
	}

/*********IMAGE MAP   http://www.alistapart.com/articles/imagemap/   ***********/

/* positionering*/

.horiz-menu1-5buttons#oursystem1 {
    position: absolute;
	top: 520px;
	left: 168px;
}


.horiz-menu2-5buttons#oursystem2 {
    position: absolute;
	top: 420px;
	left: 1768px;
}


.horiz-menu3-5buttons#oursystem3 {
    position: absolute;
	top: 475px;
	left: 3368px;
}

.horiz-menu4-5buttons#oursystem4 {
    position: absolute;
	top: 410px;
	left: 4968px;
}

.horiz-menu5-5buttons#oursystem5 {
    position: absolute;
	top: 350px;
	left: 6568px;
}

/************************/

.horiz-menu1-4buttons#casestudy1 {
    position: absolute;
	top: 595px;
	left: 168px;
}


.horiz-menu2-4buttons#casestudy2 {
    position: absolute;
	top: 495px;
	left: 1768px;
}


.horiz-menu3-4buttons#casestudy3 {
    position: absolute;
	top: 330px;
	left: 3368px;
}

.horiz-menu4-4buttons#casestudy4 {
    position: absolute;
	top: 1000px;
	left: 4968px;
}






/************************/

.horiz-menu1-3buttons#ournetworks1 {
    position: absolute;
	top: 370px;
	left: 168px;
}


.horiz-menu2-3buttons#ournetworks2 {
    position: absolute;
	top: 370px;
	left: 1768px;
}


.horiz-menu3-3buttons#ournetworks3 {
    position: absolute;
	top: 400px;
	left: 3368px;
}



/************************/
.horiz-menu1-5buttons {
    width: 211px; height: 42px;
    background: url(1-5.gif) no-repeat;
    margin: 0px; padding: 0;
	}
.horiz-menu1-5buttons li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
.horiz-menu1-5buttons li, .horiz-menu1-5buttons a {
    height: 42px; display: block;}

.panela1-5buttons {left: 0; width: 47px;}
.panela2-5buttons {left: 47px; width: 43px;}
.panela3-5buttons {left: 90px; width: 40px;}
.panela4-5buttons {left: 130px; width: 35px;}
.panela5-5buttons {left: 165px; width: 35px;}
  
  
.panela1-5buttons a:hover {
    background: transparent url(1-5-5.gif)
    0 -45px no-repeat;}
.panela2-5buttons a:hover {
    background: transparent url(1-5.gif)
    -47px -45px no-repeat;}
.panela3-5buttons a:hover {
    background: transparent url(1-5.gif)
    -90px -45px no-repeat;}
.panela4-5buttons a:hover {
    background: transparent url(1-5.gif)
    -130px -45px no-repeat;}
.panela5-5buttons a:hover {
    background: transparent url(1-5.gif)
    -165px -45px no-repeat;}
  
  

/********************/  
.horiz-menu2-5buttons {
    width: 211px; height: 42px;
    background: url(2-5.gif) no-repeat;
    margin: 0px; padding: 0;
	}
.horiz-menu2-5buttons li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
.horiz-menu2-5buttons li, .horiz-menu2-5buttons a {
    height: 42px; display: block;}

.panelb1-5buttons {left: 0; width: 47px;}
.panelb2-5buttons {left: 47px; width: 43px;}
.panelb3-5buttons {left: 90px; width: 40px;}
.panelb4-5buttons {left: 130px; width: 35px;}
.panelb5-5buttons {left: 165px; width: 35px;}
  
  
.panelb1-5buttons a:hover {
    background: transparent url(2-5.gif)
    0 -45px no-repeat;}
.panelb2-5buttons a:hover {
    background: transparent url(2-5.gif)
    -47px -45px no-repeat;}
.panelb3-5buttons a:hover {
    background: transparent url(2-5.gif)
    -90px -45px no-repeat;}
.panelb4-5buttons a:hover {
    background: transparent url(2-5.gif)
    -130px -45px no-repeat;}
.panelb5-5buttons a:hover {
    background: transparent url(2-5.gif)
    -165px -45px no-repeat;}
  


/********************/  
.horiz-menu3-5buttons {
    width: 212px; height: 42px;
    background: url(3-5.gif) no-repeat;
    margin: 0px; padding: 0;
	}
.horiz-menu3-5buttons li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
.horiz-menu3-5buttons li, .horiz-menu3-5buttons a {
    height: 42px; display: block;}

.panelc1-5buttons {left: 0; width: 47px;}
.panelc2-5buttons {left: 47px; width: 43px;}
.panelc3-5buttons {left: 90px; width: 40px;}
.panelc4-5buttons {left: 130px; width: 35px;}
.panelc5-5buttons {left: 165px; width: 35px;}
  
  
.panelc1-5buttons a:hover {
    background: transparent url(3-5.gif)
    0 -45px no-repeat;}
.panelc2-5buttons a:hover {
    background: transparent url(3-5.gif)
    -47px -45px no-repeat;}
.panelc3-5buttons a:hover {
    background: transparent url(3-5.gif)
    -90px -45px no-repeat;}
.panelc4-5buttons a:hover {
    background: transparent url(3-5.gif)
    -130px -45px no-repeat;}
.panelc5-5buttons a:hover {
    background: transparent url(3-5.gif)
    -165px -45px no-repeat;}
 
 
/********************/  
.horiz-menu4-5buttons {
    width: 212px; height: 42px;
    background: url(4-5.gif) no-repeat;
    margin: 0px; padding: 0;
	}
.horiz-menu4-5buttons li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
.horiz-menu4-5buttons li, .horiz-menu4-5buttons a {
    height: 42px; display: block;}

.paneld1-5buttons {left: 0; width: 47px;}
.paneld2-5buttons {left: 47px; width: 43px;}
.paneld3-5buttons {left: 90px; width: 40px;}
.paneld4-5buttons {left: 130px; width: 35px;}
.paneld5-5buttons {left: 165px; width: 35px;}
  
  
.paneld1-5buttons a:hover {
    background: transparent url(4-5.gif)
    0 -45px no-repeat;}
.paneld2-5buttons a:hover {
    background: transparent url(4-5.gif)
    -47px -45px no-repeat;}
.paneld3-5buttons a:hover {
    background: transparent url(4-5.gif)
    -90px -45px no-repeat;}
.paneld4-5buttons a:hover {
    background: transparent url(4-5.gif)
    -130px -45px no-repeat;}
.paneld5-5buttons a:hover {
    background: transparent url(4-5.gif)
    -165px -45px no-repeat;}
  

/********************/  
.horiz-menu5-5buttons {
    width: 212px; height: 42px;
    background: url(5-5.gif) no-repeat;
    margin: 0px; padding: 0;
	}
.horiz-menu5-5buttons li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
.horiz-menu5-5buttons li, .horiz-menu5-5buttons a {
    height: 42px; display: block;}

.panele1-5buttons {left: 0; width: 47px;}
.panele2-5buttons {left: 47px; width: 43px;}
.panele3-5buttons {left: 90px; width: 40px;}
.panele4-5buttons {left: 130px; width: 35px;}
.panele5-5buttons {left: 165px; width: 35px;}
  
  
.panele1-5buttons a:hover {
    background: transparent url(5-5.gif)
    0 -45px no-repeat;}
.panele2-5buttons a:hover {
    background: transparent url(5-5.gif)
    -47px -45px no-repeat;}
.panele3-5buttons a:hover {
    background: transparent url(5-5.gif)
    -90px -45px no-repeat;}
.panele4-5buttons a:hover {
    background: transparent url(5-5.gif)
    -130px -45px no-repeat;}
.panele5-5buttons a:hover {
    background: transparent url(5-5.gif)
    -165px -45px no-repeat;}


/*****************************************/

.horiz-menu1-3buttons {
    width: 212px; height: 42px;
    background: url(1-3.gif) no-repeat;
    margin: 0px; padding: 0;
	}
.horiz-menu1-3buttons li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
.horiz-menu1-3buttons li, .horiz-menu1-3buttons a {
    height: 42px; display: block;}

.panela1-3buttons {left: 0; width: 47px;}
.panela2-3buttons {left: 47px; width: 43px;}
.panela3-3buttons {left: 90px; width: 40px;}
/*.panela4-3buttons {left: 130px; width: 35px;}
.panela5-3buttons {left: 165px; width: 35px;}*/
  
  
.panela1-3buttons a:hover {
    background: transparent url(1-5-3.gif)
    0 -45px no-repeat;}
.panela2-3buttons a:hover {
    background: transparent url(1-3.gif)
    -47px -45px no-repeat;}
.panela3-3buttons a:hover {
    background: transparent url(1-3.gif)
    -90px -45px no-repeat;}
/*.panela4-3buttons a:hover {
    background: transparent url(1-3.gif)
    -130px -45px no-repeat;}
.panela5-3buttons a:hover {
    background: transparent url(1-3.gif)
    -165px -45px no-repeat;}*/
  
  

/********************/  
.horiz-menu2-3buttons {
    width: 211px; height: 42px;
    background: url(2-3.gif) no-repeat;
    margin: 0px; padding: 0;
	}
.horiz-menu2-3buttons li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
.horiz-menu2-3buttons li, .horiz-menu2-3buttons a {
    height: 42px; display: block;}

.panelb1-3buttons {left: 0; width: 47px;}
.panelb2-3buttons {left: 47px; width: 43px;}
.panelb3-3buttons {left: 90px; width: 40px;}
/*.panelb4-3buttons {left: 130px; width: 35px;}
.panelb5-3buttons {left: 165px; width: 35px;}*/
  
  
.panelb1-3buttons a:hover {
    background: transparent url(2-3.gif)
    0 -45px no-repeat;}
.panelb2-3buttons a:hover {
    background: transparent url(2-3.gif)
    -47px -45px no-repeat;}
.panelb3-3buttons a:hover {
    background: transparent url(2-3.gif)
    -90px -45px no-repeat;}
/*.panelb4-3buttons a:hover {
    background: transparent url(2-3.gif)
    -130px -45px no-repeat;}
.panelb5-3buttons a:hover {
    background: transparent url(2-3.gif)
    -165px -45px no-repeat;}*/
  


/********************/  
.horiz-menu3-3buttons {
    width: 211px; height: 42px;
    background: url(3-3.gif) no-repeat;
    margin: 0px; padding: 0;
	}
.horiz-menu3-3buttons li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
.horiz-menu3-3buttons li, .horiz-menu3-3buttons a {
    height: 42px; display: block;}

.panelc1-3buttons {left: 0; width: 47px;}
.panelc2-3buttons {left: 47px; width: 43px;}
.panelc3-3buttons {left: 90px; width: 40px;}
/*.panelc4-3buttons {left: 130px; width: 35px;}
.panelc5-3buttons {left: 165px; width: 35px;}*/
  
  
.panelc1-3buttons a:hover {
    background: transparent url(3-3.gif)
    0 -45px no-repeat;}
.panelc2-3buttons a:hover {
    background: transparent url(3-3.gif)
    -47px -45px no-repeat;}
.panelc3-3buttons a:hover {
    background: transparent url(3-3.gif)
    -90px -45px no-repeat;}
/*.panelc4-3buttons a:hover {
    background: transparent url(3-3.gif)
    -130px -45px no-repeat;}
.panelc5-3buttons a:hover {
    background: transparent url(3-3.gif)
    -165px -45px no-repeat;}*/
   
   

/********************/  

.horiz-menu1-4buttons {
    width: 211px; height: 42px;
    background: url(1-4.gif) no-repeat;
    margin: 0px; padding: 0;
    position: absolute;
	top: 400px;
	left: 168px;
	}
.horiz-menu1-4buttons li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
.horiz-menu1-4buttons li, .horiz-menu1-4buttons a {
    height: 42px; display: block;}

.panela1-4buttons {left: 0; width: 47px;}
.panela2-4buttons {left: 47px; width: 43px;}
.panela3-4buttons {left: 90px; width: 40px;}
.panela4-4buttons {left: 130px; width: 35px;}
/*.panela5-4buttons {left: 165px; width: 35px;}*/
  
  
.panela1-4buttons a:hover {
    background: transparent url(1-4.gif)
    0 -45px no-repeat;}
.panela2-4buttons a:hover {
    background: transparent url(1-4.gif)
    -47px -45px no-repeat;}
.panela3-4buttons a:hover {
    background: transparent url(1-4.gif)
    -90px -45px no-repeat;}
.panela4-4buttons a:hover {
    background: transparent url(1-4.gif)
    -130px -45px no-repeat;}
/*.panela5-4buttons a:hover {
    background: transparent url(1-4.gif)
    -165px -45px no-repeat;}*/
  




.horiz-menu2-4buttons {
    width: 211px; height: 42px;
    background: url(2-4.gif) no-repeat;
    margin: 0px; padding: 0;
    position: absolute;
	top: 400px;
	left: 1768px;
	}
.horiz-menu2-4buttons li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
.horiz-menu2-4buttons li, .horiz-menu2-4buttons a {
    height: 42px; display: block;}

.panelb1-4buttons {left: 0; width: 47px;}
.panelb2-4buttons {left: 47px; width: 43px;}
.panelb3-4buttons {left: 90px; width: 40px;}
.panelb4-4buttons {left: 130px; width: 35px;}
/*.panelb5-4buttons {left: 165px; width: 35px;}*/
  
  
.panelb1-4buttons a:hover {
    background: transparent url(2-4.gif)
    0 -45px no-repeat;}
.panelb2-3buttons a:hover {
    background: transparent url(2-4.gif)
    -47px -45px no-repeat;}
.panelb3-4buttons a:hover {
    background: transparent url(2-4.gif)
    -90px -45px no-repeat;}
.panelb4-4buttons a:hover {
    background: transparent url(2-4.gif)
    -130px -45px no-repeat;}
/*.panelb5-4buttons a:hover {
    background: transparent url(2-4.gif)
    -165px -45px no-repeat;}*/
  


/********************/  
.horiz-menu3-4buttons {
    width: 211px; height: 42px;
    background: url(3-4.gif) no-repeat;
    margin: 0px; padding: 0;
    position: absolute;
	top: 400px;
	left: 3368px;
	}
.horiz-menu3-4buttons li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
.horiz-menu3-4buttons li, .horiz-menu3-4buttons a {
    height: 42px; display: block;}

.panelc1-4buttons {left: 0; width: 47px;}
.panelc2-4buttons {left: 47px; width: 43px;}
.panelc3-4buttons {left: 90px; width: 40px;}
.panelc4-4buttons {left: 130px; width: 35px;}
/*.panelc5-4buttons {left: 165px; width: 35px;}*/
  
  
.panelc1-4buttons a:hover {
    background: transparent url(3-4.gif)
    0 -45px no-repeat;}
.panelc2-4buttons a:hover {
    background: transparent url(3-4.gif)
    -47px -45px no-repeat;}
.panelc3-4buttons a:hover {
    background: transparent url(3-4.gif)
    -90px -45px no-repeat;}
.panelc4-4buttons a:hover {
    background: transparent url(3-4.gif)
    -130px -45px no-repeat;}
/*.panelc5-4buttons a:hover {
    background: transparent url(3-4gif)
    -165px -45px no-repeat;}*/


/********************/ 
.horiz-menu4-4buttons {
    width: 211px; height: 42px;
    background: url(4-4.gif) no-repeat;
    margin: 0px; padding: 0;
    position: absolute;
	top: 400px;
	left: 4968px;
	}
.horiz-menu4-4buttons li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
.horiz-menu4-4buttons li, .horiz-menu4-4buttons a {
    height: 42px; display: block;}

.paneld1-4buttons {left: 0; width: 47px;}
.paneld2-4buttons {left: 47px; width: 43px;}
.paneld3-4buttons {left: 90px; width: 40px;}
.paneld4-4buttons {left: 130px; width: 35px;}
/*.paneld5-4buttons {left: 165px; width: 35px;}*/
  
  
.paneld1-4buttons a:hover {
    background: transparent url(4-4.gif)
    0 -45px no-repeat;}
.paneld2-4buttons a:hover {
    background: transparent url(4-4.gif)
    -47px -45px no-repeat;}
.paneld3-4buttons a:hover {
    background: transparent url(4-4.gif)
    -90px -45px no-repeat;}
.paneld4-4buttons a:hover {
    background: transparent url(4-4.gif)
    -130px -45px no-repeat;}
/*.paneld5-4buttons a:hover {
    background: transparent url(4-4.gif)
    -165px -45px no-repeat;}*/




/******    END IMAGE MAP   **************/  


#step0 {
    background: transparent url(step0.gif) no-repeat;
	position: absolute;
	top: 130px;
	left: 147px;
	width: 77px;
	height: 77px;
}



#step1 {
    background: transparent url(step1.gif) no-repeat;
	position: absolute;
	top: 130px;
	left: 147px;
	width: 77px;
	height: 77px;
}


#step2 {
    background: transparent url(step2.gif) no-repeat;
	position: absolute;
	top: 130px;
	left: 1747px;
	width: 77px;
	height: 77px;
}

#step3 {
    background: transparent url(step3.gif) no-repeat;
	position: absolute;
	top: 130px;
	left: 3347px;
	width: 77px;
	height: 77px;
}

#step4 {
    background: transparent url(step4.gif) no-repeat;
	position: absolute;
	top: 130px;
	left: 4947px;
	width: 77px;
	height: 77px;
}

#step5 {
    background: transparent url(step5.gif) no-repeat;
	position: absolute;
	top: 130px;
	left: 6547px;
	width: 77px;
	height: 77px;
}



.alt {
	display: none;
	}

.imageright {
float: right;
margin-right: 0;
margin-left: 20px;

}