/* CSS Document */

html {	
			margin:0;
			padding:0;
			border: 0px solid;
			
		   }

body {
	  margin:0;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  scrollbar-face-color: #ffffFF;
	  scrollbar-shadow-color: #89B3FE;
	  scrollbar-highlight-color: #ffffff;
	  scrollbar-3dlight-color: #fgfgfg;
	  scrollbar-darkshadow-color: #f3f3f3;
	  scrollbar-track-color: #ffffff;
	  scrollbar-arrow-color: #000000;
	  background: #fff url('../image/graphic/topPane/bg-main.jpg') repeat-x top left;
	 }

td { 
	vertical-align: top;  
	font-size: 11px; 
	color: #4981A2; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
   }

img {border:0 solid;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.clear {clear: both;}
.nowrap {white-space: nowrap;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.margin-left {margin-left: 60px;}
.margin-right {margin-right: 10px;}
.margin-bottom {margin-bottom: 10px;}
.notunderline a { text-decoration: none; }
.text-orange {color: #ff9900;}
.13px {font-size: 13px; text-align: justify;}


.apicalworks {color: #ff9900; font-weight: bold;}

/*form, fieldset { margin: 0; padding: 0; width: 0; }*/

/*h1, h2, h3, h4, h5, h1 *, h2 *, h3 *, h4 *, h5 *  {
	background-repeat: no-repeat ! important; 
	background-position: top left;
}
*/

A {
	color: #4981A2; 
	font-size: 13px; 
	text-decoration: none
}

A:hover {
	color: #5ccff5; 
	font-size: 13px; 
	text-decoration: none

}

a.button
{
    background: #4981a2 url("../image/button/button.jpg") no-repeat top left;
   	text-align: center;
   	padding-top: 4px;
   	width: 129px;
	height: 26px;
    color: #fff; 
    font-weight: bolder;
}
a:hover.button{ color: #fff; }


html>body a.button
{
    background: #4981a2 url("../image/button/button.jpg") no-repeat top left;
   	text-align: center;
   	padding: 4px 34px 6px 34px;
   	margin: 0px;
    color: #fff; 
    font-weight: bolder;
}

H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px; 
	font-weight: normal; 
	color: #309cc2; 
   }

H2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px; 
	color: #4981a2; 
   }

H4 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px; 
   }

p
{
    text-align: justify;
}
.spacer
{
    clear: both; 
    height: 0px; 
    font-size: 1px;
}

/***************************** Top Navigation ***********************************/
td.topMenu
{   
    text-align: center;
    vertical-align: middle;
    background-color: #4981a2;
}
#navlist, #navlistorange
{
	list-style-type: none;
	padding: 3px 0px 0px 30px; 
	display: block;
	margin: 0;
	height: 24px;

}

#navcontainer ul li, #navorange ul li
{
	list-style-type: none;
	padding: 0;
	display: block;
	margin: 0;
	float: left;
	font: 10px/20px "Lucida Grande", verdana, sans-serif;
	text-align: center;
/*	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2; */
}

#item1 a, #item1 span, #item2 a, #item2 span, #item3 a, #item3 span, #item4 a, #item4 span
{
	font-size: 11px; 
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 234px;
}

#navcontainer li.index 
{
	background: url("../image/button/spacer.gif") no-repeat bottom center;
	padding-bottom: 0;
	height: 24px;
}

#item1.active, #item2.active  
{
	background: url("../image/button/bg_button.gif") no-repeat bottom center;
	padding-bottom: 0;
	height: 24px;
}


#item1 a:hover, #item2 a:hover  
{ 
	background: url("../image/button/bg_button.gif") no-repeat bottom center;
	height: 24px;
}


#item3.active, #item4.active
{
	background: url("../image/button/bg-button-orange.gif") no-repeat bottom center;
	padding-bottom: 0;
	height: 24px;
}

#item3 a:hover, #item4 a:hover
{ 
	background: url("../image/button/bg-button-orange.gif") no-repeat bottom center;
	height: 24px;
}


/************************** Lists defenition ********************************/

ul {
	padding: 10px 0px 0px 30px;
	margin: 5px;
	list-style-type: square;
	font-weight: normal;
   }

ul.little 
{
	padding: 5px 0px 0px 10px;
	margin: 0px 0px 0px 10px;
	list-style: square url('../image/ul/ul_frontPage.jpg');
}
ul.little li
{
    margin-left: 0px;
    
}

ul.list 
{
	padding: 0px 0px 0px 10px;
	margin: 0px;
	list-style: none;
    text-align: justify;
}

li.123  {
	margin: 0px;
	padding: 0px 0px 15px 35px;
	vertical-align: top;
	background: url('../image/ul/marker-blue.gif') no-repeat top left;
}

li.1 {background: url('../image/icon/1.gif') no-repeat top left;}
li.2 {background: url('../image/icon/2.gif') no-repeat top left;}
li.3 {background: url('../image/icon/3.gif') no-repeat top left;}

li.blue  {
	margin: 0px;
	padding: 0px 0px 15px 25px;
	vertical-align: top;
	background: url('../image/ul/marker-blue.gif') no-repeat top left;
}


li.orange  {
	margin: 10;
	padding: 0px 0px 15px 25px;
	vertical-align: top;
	background: url('../image/ul/marker-orange.gif') no-repeat top left;
}

li.marker  {
	margin: 10;
	padding: 0px 0px 15px 25px;
	vertical-align: top;
	background: url('../image/icon/marker.gif') no-repeat top left;
}


/****************************************************************************/
/* Header
/****************************************************************************/

TD.body {
		 background: url('../image/graphic/topPane/bg_body.jpg') no-repeat 100% 0%;
		 padding: 10px 50px 0px 30px; 
		}
td.frontBody
{
	background: url('../image/graphic/topPane/bg_body.jpg') no-repeat 100% 0%;
	padding: 10px 26px 0px 22px; /* 10 50 10 30 */
	height: auto;
}
html>body td.frontBody
{
	
	padding: 0px 30px 0px 22px; 
	/*padding: 10px 0px 0px 18px; */
}
TD.slogan {
		   vertical-align: middle; 
		   text-align: center;
		   padding: 0px 5px 0px 5px; 
		  }

TD.leftPane {
		     vertical-align: top; 
		     padding: 0px 0px 0px 0px; 
		    }


TD.line-vertical {
				  background: url('../image/graphic/contentPane/line-vertical.jpg') no-repeat 100% 100%;
				 }


TD.topMenu {
	 		 text-align: center;
			 vertical-align: middle; 
			 font-weight: bolder; 
 		 	 font-size: 12px; 
			 color: #ffffff; 
			 padding: 0px; 
			}

TD.topMenu-current {
			 background: url('../image/button/bg_button.gif') repeat-x 100% 0%;
			 text-align: center;
			 vertical-align: middle; 
			 font-weight: bolder; 
 		 	 font-size: 12px; 
			 color: #ffffff; 
			 padding: 0px; 
			}


/****************************************************************************/
/* Advert Pane
/****************************************************************************/
a.advert
{
        display: block;
		font-weight: bold;
		font-size: 11px; 
		width: 179px;
		height: 68px;
		text-align: left;
		font-weight: bold;
		vertical-align: middle; 
		padding: 15px 0px 7px 9px;
		margin: 0px 0px 10px 0px;
		background-color: #e1e8ee;
		
}

html>body a.advert 
{
		vertical-align: middle;
		padding: 12px 0px 0px 15px;
		margin: 0px 0px 5px 0px;
  		width: 164px;
		height: 60px;
}

a.advert:hover
{
    color: #ff9900;
	font-size: 11px; 
}

.advert.ecommerce {background: url(../image/graphic/advertPane/ecommerce.jpg) no-repeat top left;}
.advert.integration {background: url(../image/graphic/advertPane/integration.jpg) no-repeat top left;}
.advert.back-end {background: url(../image/graphic/advertPane/back-end.jpg) no-repeat top left;}
.advert.partners {background: url(../image/graphic/advertPane/partners.jpg) no-repeat top left;}
.advert.outsourcing {background: url(../image/graphic/advertPane/outsourcing.jpg) no-repeat top left;}
.advert.design {background: url(../image/graphic/advertPane/design.jpg) no-repeat top left;}

/****************************************************************************/
/* Left Menu
/****************************************************************************/

div.leftMenu
{
		width: 224px; 
		height: auto;
		border-top: #73b3d6 2px solid; 
}
div.leftMenu-bottom
{
		width: 234px; 
		height: 66;
		border-top: #fff 1px solid;
   		background: url('../image/graphic/leftMenu/bg_divMain.gif') left bottom no-repeat; 
}

.leftMenu a
{
   		background: url('../image/icon/marker_leftMenu.gif') 200px 7px no-repeat; 
   		padding: 4px 40px 4px 4px;
   		background-color: #ecf0f4;
   		border-top: #fff 1px solid;
   		border-bottom: #fff 1px solid;
   		text-align: right;
		width: 225px; 
		height: 20px;
		font-weight: bold;
		display: block;
}

html>body .leftMenu a
{
   		/*padding: 4px 0px 4px 0px;*/
   		/*padding-right: 0px;*/
   		width: 181px; 
   		height: auto;
   		display: block;
}

.leftMenu a:hover, .leftMenu a.current
{
   		background: url('../image/icon/marker_leftMenu_hover.gif') 200px 8px no-repeat; 
   		padding: 4px 40px 4px 4px;
   		background-color: #98c4d6;
   		border-top: #fff 1px solid;
   		border-bottom: #fff 1px solid;
   		text-align: right;
		width: 225px; 
		height: 20px;
		font-weight: bold;
		color: #fff;
		font-size: 13px;
		display: block;
    
}
html>body .leftMenu a.current, .leftMenu a:hover
{
   		/*padding: 4px 0px 4px 0px;*/
   		/*padding-right: 0px;*/
   		display: block;
   		width: 181px;
   		height: auto;
}

/****************************************************************************/
/* CONTENT Page
/****************************************************************************/

	p{
		font-size: 13;	
	}

	.centralPane
	{
		width: 620px;
		height: auto;
		/*background: url('../image/graphic/contentPane/line-vertical.jpg') no-repeat top left;*/
		text-align: left;
		padding: 0px 0px 0px 40px;
 		margin: 0px;
		font-size: 13px;
	}

	.centralPane .title
	{
		text-align: left;
		padding: 0px 0px 0px 20px;
		margin: 10px 0px 0px 0px;
		font-weight: bolder;
		font-size: 18px;
		background: url('../image/icon/arrow-blue.gif') no-repeat 0px 6px;
	}


/****************************************************************************/
/* Footer Pane
/****************************************************************************/

td.bottomPane
{
       
    padding-right: 50px;    
}

.footer
{
		width: 100%; 
		height: 61px;
		text-align: center;
		vertical-align: bottom; 
		padding: 0px 0px 0px 0px;
		background: url('../image/graphic/bottomPane/bg.jpg') no-repeat top cetner;
}

.footerlist .active a
{
    color: #5ccff5;
    /*color: #ff9900;*/
    text-decoration: none;
}

.footerlist li
{
    display: inline;
	list-style-type: none;
	padding: 2px 0px 0px 15px;
	margin-right: 20px;
	font-weight: bold;
}

.footerlist .copyright 
{
	border-left: none;
	font-weight: bold;
	padding: 0px 0px 0px 220px;
	margin: 0px 0px 0px 0px;
	
}

.footerlist a
{
	padding-left: 5px;
	font-size: 11px; 
	font-weight: bold;
	text-decoration: underline;
	display: inline;
}
.footerlist a:hover
{
    font-size: 11px; 
}

.footerlist li#home {background: url('../image/icon/home.gif') no-repeat bottom left;}
.footerlist li#contact {background: url('../image/icon/contact.gif') no-repeat bottom left;}
.footerlist li#map {background: url('../image/icon/map.gif') no-repeat bottom left;}
.footerlist li#partners 
{
    /*background: url('../image/icon/partners.gif') no-repeat bottom left;*/
    color: #fff;
}


/****************************************************************************/
/* Front Page
/****************************************************************************/

	.frontCentralPane
	{
		width: auto; 
		height: auto;
		text-align: center;
		padding: 0px 0px 0px 0px;
 		margin: 0px;
		font-size: 13px;
	}

	.frontcontainer
	{
		width: auto; 
		height: auto;
		text-align: left;
		padding: 0px 0px 0px 0px;
 		margin: 0px;
	}

	.frontcontainer#partFrontPage1 {background: url('../image/icon/frontPage1.jpg') no-repeat top left;}
	.frontcontainer#partFrontPage2 {background: url('../image/icon/frontPage2.jpg') no-repeat top left;}
	.frontcontainer#partFrontPage3 {background: url('../image/icon/frontPage3.jpg') no-repeat top left;}
	.frontcontainer#partFrontPage4 {background: url('../image/icon/frontPage4.jpg') no-repeat top left;}
	.frontcontainer#partFrontPage5 {background: url('../image/icon/frontPage5.jpg') no-repeat top left;}
	.frontcontainer#partFrontPage6 {background: url('../image/icon/frontPage6.jpg') no-repeat top left;}
	.frontcontainer#partFrontPage7 {background: url('../image/icon/frontPage7.jpg') no-repeat top left;}

	.frontcontainer#partFrontPage9 {background: url('../image/icon/frontPage9.jpg') no-repeat top left;}
	
	 .frontPageText
	 {
	    width: 100%; 
	    padding: 10px 15px 0px 0px; 
	    text-align: justify;
	    margin: 0px 0px 10px 0px;
	    line-height: 15px;
	    	    
	 }
	 html>body .frontPageText
	 {	    
	    width: auto;
	    padding: 0px 15px 0px 0px;  
	    /*border: solid 1px #000;*/
	    /*height: 189px;*/
	 }
	 .frontPageText h3
	 {
	    font-size: 18px;
	    font-weight: normal;
	    color: #0099cc;
	    margin-bottom: 5px;

	 }
	 .frontPageDivider
	 {
	    clear: both; 
	    width: auto; 
	    height: 0px; 
	    margin-right: 5px;
	    border-top: solid 1px #e6edf2;
	    font-size: 1px;
	 }

 /****************************************************************************/
/* About Page
/****************************************************************************/

TD.aboutPage {
			  padding: 20px 10px 0px 30px; 
			 }

/****************************************************************************/
/* eCommerce Solutions Page
/****************************************************************************/

ul.margin {
	padding: 5px 0px 0px 10px;
	margin-left: 40px;
	list-style-type: square;
   }
ul.margin li {
    margin: 0px 0px 4px 0px;
}    

/****************************************************************************/
/* Map Site Page
/****************************************************************************/

div.mapDiv
{
	width: 400px; 
	height: auto;
	background: url('../image/ul/mapDiv.gif') repeat-y left top; 


}

ul.map
{
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	list-style-type: none;
}

li.mapLevel1
{
	background: url('../image/ul/mapLevel1.gif') no-repeat left 2px;
	padding: 0px 0px 0px 30px;
/*	vertical-align: top;*/
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: bold;
}

li.mapLevel2
{
	background: url('../image/ul/mapLevel2.gif') no-repeat left 7px;
	padding: 0px 0px 0px 30px;
	vertical-align: top;
}

/****************************************************************************/
/* Links Exchenge Page
/****************************************************************************/

.links a
{
	color: #4981A2; 
	font-size: 13px; 
	text-decoration: underline;
	margin: 0px;
	/*display: block;*/
}

.links a:hover
{
	color: #5ccff5; 
	font-size: 13px; 
	text-decoration: none;
	margin: 0px;
    /*display: block;*/
}
/****************************************************************************/
/* contact us form
/****************************************************************************/

.errorMessage
{
	font-family: Verdana;
	color: #ff9900;
}
span.error
{
	color: #ff9900;
}

div.error
{
	border: 1px solid #ff9900;
	color: #4981A2;
	font-weight: normal;
	width: 400px;
	height: auto;
	padding: 10px;
	margin-bottom: 15px;
	text-align: left;
	border-left: 10px solid #ff9900;
}
div.sendmessage
{
	border: 1px solid #4981A2;
	color: #4981A2;
	font-weight: normal;
	width: 500px;
	height: 100px;
	padding: 20px;
	margin-bottom: 15px;
}

ul.err
{
	list-style-type: square;
	padding: 0px 0px 0px 0px;
}

li.error
{
	list-style-type: none;
	padding: 0px 0px 0px 40px;
	vertical-align: top;
	background: url('../image/ul/err2.gif') no-repeat left 2px;
	margin-bottom: 10px;
}

.keywordsblock { position: absolute; top: -400px; left: 0px; height: 2px; }

a.lang-rus
{
    font-size: 11px;
    background: url('../image/icon/rus.gif') no-repeat left top;
    padding-left: 26px;
    height: 20px;
}
a.lang-rus:hover
{
    font-size: 11px;
    background: url('../image/icon/rus-active.gif') no-repeat left top;
    padding-left: 26px;
    height: 20px;
}

a.lang-eng
{
    font-size: 11px;
    background: url('../image/icon/eng.gif') no-repeat left top;
    padding-left: 26px;
    height: 20px;
}
a.lang-eng:hover
{
    font-size: 11px;
    background: url('../image/icon/eng-active.gif') no-repeat left top;
    padding-left: 26px;
    height: 20px;
}