@charset "utf-8";	
	
body { height:100%; margin:0; padding:0; font-family:verdana; font-size:11px; color:#3c3c3c;}		

/* fix inline PNG */
/*img, div, cmenu, morpher, newsbox {behavior: url(iepngfix.htc);} */

/* fix css PNG [works with error] */

/*
.headerDiv .logo,
.headerDiv .decoration,
.headerDiv .menu,
.bodyDiv .homeObject,
.mainDiv .bodyDiv .homeBox1,
.mainDiv .bodyDiv .homeBox2 {behavior: url(iepngfix.htc);}
*/

h1 {font-size:14px; color:#b00b0b;}
h3 {font-size:12px; color:#b00b0b;}
h4 {font-size:12px; margin-bottom:0px;}
html {height:100%;}
body {height:100%; background:#f4f4f4 url(images/mainDiv_bg04.jpg) repeat-x top center; margin:0; padding:0;}

.mainDiv { overflow:visible; margin:auto; margin-top:0; width:955px; /*remove height later*/  /*background:#f4f4f4 url(images/mainDiv_bg02.jpg) no-repeat top;*/}

.headerDiv,	
.bodyDiv, 
.footerDiv  {/*width:730px;*/ width:880px; margin:3px 0 0 35px; clear:both;}	
.headerDiv {margin-top:1px;}

.corner_L_top { position:absolute; top:-2px; left:-2px; }
.corner_R_top { position:absolute; top:-2px; right:-2px; }
.corner_L_bottom { position:absolute; bottom:-2px; left:-2px; }
.corner_R_bottom { position:absolute; bottom:-2px; right:-2px; }

.headerDiv .logo {float:left; position:relative; width:440px; height:77px; background:#FAFAFA; margin-bottom:3px;}
.headerDiv .logo .logoImg {border:none; margin:3px 0 0 15px; float:left;}

.headerDiv .decoration {float:right; position:relative; width:/*260px*/437px; height:77px; text-align:right; background:#FAFAFA;}
/*.headerDiv .decoration .decoImg {/*margin:10px 0 0 10px;*/ /*margin:0;}*/
/*.headerDiv .logo .decoImg2 {float:right;}*/

header, eco\:header {position:relative; display:block; height:28px; width:100%; clear:both; background:#FAFAFA;}
header ul, eco\:header ul {list-style:none; margin:0; padding:0 8px; }
header ul li, eco\:header ul li {float:left; display:inline; padding:0 5px; margin:0 3px; line-height:25px; font-weight:bold; color:#b00b0b; }
header ul li a , eco\:header ul li a {font-size:11px; color:#969696; color:#757575; text-decoration:none;}
header ul li a:hover, eco\:header ul li a:hover {color:#3c3c3c;}
header ul li.divider, eco\:header ul li.divider {background:url(images/ULdivider2.gif) no-repeat; height:25px; }

/*
.bodyDiv .homeObject {text-align:center; width:880px; height:230px; background:#FAFAFA; float:right; position:relative; margin-bottom:3px;}
.bodyDiv .homeObject img {border:none;}
*/
morpher, eco\:morpher {text-align:center; width:880px; height:250px; background:#FAFAFA; float:right; position:relative; margin-bottom:3px;}
morpher img, eco\:morpher img {border:none;}
morpher a, eco\:morpher a { display:block; height:200px;}

.mainDiv .bodyDiv .homeBox1 { float:left; position:relative; background:#FAFAFA; width:409px; height:160px; padding:15px; }
.mainDiv .bodyDiv .homeBox3 { float:left; position:relative; background:#FAFAFA; width:409px; height:130px; padding:15px; }
.mainDiv .bodyDiv .homeBox2 { float:right; position:relative; background:#FAFAFA; width:409px; height:130px; padding:15px; }

newsbox, eco\:newsbox { float:right; position:relative; background:#FAFAFA; width:333px;  height:175px; padding:15px; }
.mainDiv .bodyDiv .homeBox1 h2, 
newsbox h2, eco\:newsbox h2 {font-size:16px; margin:0; margin-bottom:10px;}
newsbox a, eco\:newsbox a { color:#969696;}

.mainDiv .bodyDiv .homeBox1 h3 {font-size:12px; color:#969696; margin:0;}
.mainDiv .bodyDiv .homeBox1 a {color:#b00b0b; font-size:10px; text-decoration:none;} 

.bodyDiv .content { padding:40px; float:right; position:relative; width:800px; background:#FAFAFA; }

.products .innerBody {margin-top:-50px;}

.mainDiv .bodyDiv .content .innerBody { width:/*330px*/480px; z-index:200; float:right; }
.mainDiv .bodyDiv .content .innerBody h2 {margin:0; font-size:14px}
.mainDiv .bodyDiv .content .innerBody h3 {margin:0; color:#b00b0b; font-size:12px; }
.mainDiv .bodyDiv .content .innerBody a {color:#3c3c3c;}

/*** define rule for UL inside innerbody ***/
.mainDiv .bodyDiv .content .innerBody ul {margin:0; padding:0; margin-left:15px; margin-bottom:10px;}
.mainDiv .bodyDiv .content .innerBody ul ul {margin-left:10px;}

.contentMenu  {float:left; width:285px;}
ul.contentMenu  {list-style:none; margin:0; padding:0;}
.contentMenu li {padding:6px 0; margin:1px 0; height:30px; font-weight:bold;}
.contentMenu li a { font-size:15px; text-decoration:none; color:#969696; display:block;}
.contentMenu li span {font-size:10px;}
.contentMenu li a:hover {color:#3c3c3c;}
.contentMenu li.last {border:none;}


.contentMenu img {border-style: none;
    border-color: inherit;
    border-width: medium;
    float:left; margin-right:10px; vertical-align:absmiddle;
}
.oneLine {line-height:30px;}
.contentMenu .selectedItem {cursor:default;}
.contentMenu .selectedItem a {color:#000000;}
.contentMenu .selectedItem span {color:#b00b0b; font-size:10px;}







.contentMenuMain  {float:left; width:285px;}
ul.contentMenuMain  {list-style:none; margin:0; padding:0;}
.contentMenuMain li {border-bottom:dotted 1px #969696; padding:6px 0; margin:1px 0; height:30px; font-weight:bold;}
.contentMenuMain li a { text-decoration:none; color:#969696; display:block; margin:5px}
.contentMenuMain li span {font-size:10px;}
.contentMenuMain li a:hover {color:#3c3c3c;}
.contentMenuMain li.last {border:none;}
.contentMenuMain img {border:none; float:left; margin-right:10px; vertical-align:absmiddle;}
.oneLine {line-height:30px;}
.contentMenuMain .selectedItem {cursor:default;}
.contentMenuMain .selectedItem a {color:#000000;}
.contentMenuMain .selectedItem span {color:#000000; font-size:10px;}



.footerDiv { position:relative; font-size:10px; color:#969696; text-align:center; padding-top:3px;  height:40px;/* background:#FAFAFA;*/ }

/***  customer.aspx ***/
.mainDiv .bodyDiv .content .innerBody .custmersLogo { padding-top:20px; float:right; width:640px; height:369px;}
.mainDiv .bodyDiv .content .innerBody .custmersLogo img {float:left; margin:10px 10px; border:solid 1px #c7c7c7;}

/***  contact ***/
.innerBody input {font-family:courier new;  border:solid 1px #d5d5d5; background:#fff; vertical-align:absmiddle; width:170px; height:16px; margin-left:5px; margin-bottom:3px;}
.innerBody textarea { border:solid 1px #d5d5d5; background:#fff; overflow:auto; width:424px; height:140px;  margin-left:9px; margin-bottom:3px; vertical-align:top; z-index:0;}
.innerBody span { width:60px; display:inline-block; text-align:left; font-weight:bold; margin-left:15px; margin-bottom:3px;}
.innerBody .subject { width:424px; margin-top:20px; }
.innerBody .button {font:bold 11px verdana; width:204px; height:196px; cursor:pointer;  float:right; background-image:url('images/stamp.png');}
.contact .innerBody span b {color:#b00b0b;}
.contact .errorMessage {float:left; color:#b00b0b; margin-top:26px; margin-left:116px; display:inline;}

/*** technologies ***/
.techDeco {position:absolute; top:0; right:0; z-index:1; }
.technologies .innerBody h2 img{vertical-align:middle;}

/*** it ***/
.itDeco {position:absolute; top:0; right:0; z-index:100; }

/*** contact us ***/
.contactDeco {position:absolute; bottom:0; left:0; z-index:1; }
.thanksMessage {width:300px; text-align:left; margin-top:80px;}

/*** about ***/
.aboutDeco {position:absolute; top:0; right:0; z-index:100; }

/*** services ***/
.servicesDeco {position:absolute; top:0; right:0; z-index:100; }
.largeIcon {float:left; margin:0 5px 10px 0;}


/*** apply changes to specific pages ***/
.home .contentMenu {width:100%;}						/*   fix in: [default.aspx]  */
.home .contentMenuMain {width:100%;}						/*   fix in: [default.aspx]  */
.services .innerBody {padding-top:100px;}     		  	/*   body top padding in [services.aspx[  */
.technologies .innerBody {padding-top:115px;}  			/*   body top padding in [technologies.aspx]  */
.technologies .contentMenu li {line-height:30px;}  		/*   content menu in [technologies.aspx]  */
.it .bodyDiv .content .innerBody {padding-top:10px; float:left; width:520px;}						/*   body top padding in [it.aspx]  */
.about .bodyDiv .content .innerBody {float:left; width:520px; }		/*   body top padding in [about.aspx]  */
.customers .bodyDiv .content .innerBody {width:100%;}	/*   body top padding in [customers.aspx]  */
.contact .bodyDiv .content .innerBody {position:relative; width:800px; height:400px; text-align:left; z-index:3;}	/*   body top padding in [contact.aspx]  */

.contact .bodyDiv .content .officeBody {width:805px; height:300px; text-align:right;}	/*   body top padding in [contact.aspx]  */


/***** home page ****/
newsbox .news, eco\:newsbox .news {overflow:hidden; height:150px; position:relative; }
newsbox .news ul, eco\:newsbox .news ul { padding:0; margin:0; display:inline-block; }
newsbox .news li, eco\:newsbox .news li { width:100%; height:75px; display:inline-block;}
newsbox .news li span, eco\:newsbox .news li span {color:#969696; font-size:10px;}
.home input{font-family:courier new;  border:solid 1px #d5d5d5; background:#fff; width:250px;}
.home .button {font:bold 11px verdana; width:70px; height:20px; cursor:pointer; margin-top:20px; }
.home .thanks {/*color:#b00b0b;*/ padding-top:25px; display:none;}
.home .thanks b {color:#b00b0b;}
.home .errorMessage {float:left; color:#b00b0b; line-height:26px; padding-left:43px; display:inline;}



.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:200px;
}

.AccordionTitle
{
  height:20px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
  vertical-align:middle;
  text-align:center;
  background-repeat:repeat-x;
  display:table-cell;
  background-image:url('title_repeater.jpg');
  -moz-user-select:none;
}

.AccordionContent
{
  height:0px;
  overflow:auto;
  display:none; 
}

.AccordionContainer
{
  border-top: solid 1px #C1C1C1;
  border-bottom: solid 1px #C1C1C1;
  border-left: solid 2px #C1C1C1;
  border-right: solid 2px #C1C1C1;
}