html,body {padding:0;margin:0;color:#333232;font-size:11px;font-family: Verdana, Tahoma;background-color:#f5f5f5;width:100%;text-align:center;}
img {border: none; margin: 0; padding: 0;}

p{margin: 0; padding:0; font-family: Verdana, Tahoma; font-size: 11px; color:#333232;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0 0 5px 0; font-weight: normal; color: #0856a6; font-family: Arial;}
h1 {font-size: 24px; text-transform: uppercase; font-weight: bold;}
h3 {font-size: 14px; text-transform: uppercase; font-weight: bold;color:#333232;padding-top:10px}

form {margin: 0px;padding: 0px;}
input, select, textarea{margin: 0px;padding: 3px 5px 3px 3px;color: #717070;font: 10px Verdana;}
input {float: left;}
select{height:18px;width:210px}

ul{clear:both;margin:0px;padding:0px;list-style-type:none;}
li {margin:0;padding:0px 1px;display:inline;text-align:left;font-size:11px;}

.maincontent ul{clear:both;margin: 0 0 10px 0;padding:0px;list-style-type: disc;}
.maincontent li {margin:0 0 4px 10px;padding:0px 10px;display: block; text-align:left;font-size:11px;}


dl{padding:0;margin:0;}
dt{padding:0;margin:0px;float: left;overflow: hidden;}        
dd{margin: 0;padding:0; font-family: Verdana, Tahoma; font-size: 10px; color:#9a9a9a;float: left;overflow: hidden;}

span.description{color:#333232}

#header {width: 100%;height:106px; padding: 0; margin: 0px;text-align:center;background-image: url(../images/bg_top.jpg);background-position:100% 100%; background-repeat: no-repeat;}

#top  {clear:both;width: 994px; padding: 0; margin: 0px auto;text-align:left;height:106px;}
#logo  {float:left; margin: 45px 0 0 0; padding: 0px 0 0px 0px; overflow: hidden;}
#menu {float: left; margin: 0px 0 0 0; padding: 0px 0px 0 0; overflow: hidden;width:787px;}

#search {float: right;overflow: hidden;margin:0px 0 0 0;padding:40px 0 0 0;white-space: nowrap; }
#search input {background: url(../images/bg_search.png) no-repeat left top;border:none;margin:1px 3px 0 0;width:208px;height:24px}
#search input.button {border: none;padding: 0px;margin: 0px;background: none;width:29px;height:26px}

/*#menu ul {clear:both;margin: 0px 0 0 0px; padding: 5px 0px 0 0px; list-style-type:none;text-align:right;}
#menu li {margin: 0; padding: 0px 0px 0 30px;display:inline; }*/




#topmenu  {float: right;width:787px;}


#topmenu ul{float: right;list-style-type: none;margin: 0px;padding:0px;height:27px;}
#topmenu li {display: block;float: left;margin: 0px;padding:0px;}

#topmenu li a {display: block;margin:0px;padding:0px;background-color:none;}
#topmenu li a:hover{color: #fff;font-weight: bold;display: block;}

#a1 {display: block; background: url(../images/menu/intematix.gif);}
#a2 {display: block; background: url(../images/menu/story.gif);}
#a3 {display: block; background: url(../images/menu/product.gif);}
#a4 {display: block; background: url(../images/menu/news.gif);}

#a1:hover,
#a2:hover,
#a3:hover,
#a4:hover {background-position: 0px -27px;}
/*-----------------------------------------------*/

#topmenu li:hover ul {display: block; clear: both;}

#topmenu li li ul,
#topmenu li:hover li ul,
#topmenu li li:hover ul {display: block;}

#topmenu li ul {position: absolute;display: none;width: 227px;list-style: none;margin: 0px;padding: 0px;border:none;}
#topmenu li ul li{position: relative;margin: 0;padding: 0;background: none;}
#topmenu li li ul {top: 0;left: 99%;z-index: 1;}


#topmenu li li a {display: block;width: 196px;padding: 9px  10px 9px 19px ;border: 1px solid #989898;border-top: none;background: #e7e7e7;text-decoration: none;text-transform: none;
                  color: #323232;font-size: 12px;font-weight:normal;font-family: Verdana;}
#topmenu li li a.a22{width: 148px;}
#topmenu li li a.a33{width: 116px;}
#topmenu li li a.a44{width: 166px;}
#topmenu li li a:hover {color: #323232;background: #f4f4f4;font-weight:normal;} 


#topmenu li li li:first-child  {border-top: 1px solid #989898;}
#topmenu li li li a {display: block;width: 227px; }


#topmenu ul li:hover ul,
#topmenu ul li:hover ul li:hover ul,
#topmenu ul li:hover ul li:hover ul li:hover ul { display: block; }


#topmenu ul li:hover ul ul,
#topmenu ul li:hover ul li:hover ul ul { display: none; }







#container1 {width: 100%;height:376px; padding: 22px 0 0 0; margin: 0px;text-align:center;background: url(../images/bg_cont.gif) repeat-x 0 0;}
 #content {clear:both;width: 994px;height:355px; padding: 0; margin: 0px auto;background: url(../images/collage.jpg) no-repeat 0px 24px;}
 #slogan {padding: 0; margin: 135px 0 0 ;float: right;overflow: hidden;}

#container2 {width: 100%;padding:0 0 0px 0;margin:0px;text-align:center;background-color: #eee;}
#container3 {clear:both;width: 100%;padding:0 0 40px 0;margin:0px;text-align:center;background-image: url(../images/bg_bot.jpg);background-position:100% bottom; background-repeat: no-repeat;}
 .index_table {width: 994px; padding:0px; margin:0px auto;text-align:left;}
 .index_table thead td{padding: 25px 0 10px 0; text-align:left;vertical-align:top;width:33%;}
 .index_table tbody td{padding: 0px; text-align:left;vertical-align:top;}
 .index_table tbody td div{padding: 0px 20px;margin:0 20px; text-align:left;border-right:1px dotted #a4a4a4;border-left:1px dotted #a4a4a4;overflow: hidden;}

 .index_table tbody td dl.news{padding: 0px 20px 0 0;margin:0px 0 0 0; width:280px;overflow: hidden;}
 .index_table tbody td dl.news dt {display:block;padding: 0px 0px 0px 0;margin:0px 0 5px 0;width:260px;}
 .index_table tbody td dl.news dd{display:block;padding:0px 0 10px 0;margin:0px 0 0px 0;width:260px;}

 .index_table tbody td dl.rel{padding: 15px 0px 0 0;margin:5px 0 0 0; width:280px;border-top:1px dotted #a4a4a4;overflow: hidden;}
 .index_table tbody td dl.rel dt{clear:both;padding: 0px 10px 5px 0;margin:0px; float: left;overflow: hidden;}
 .index_table tbody td dl.rel dd{padding:0px;margin:0px 0 10px 0;float: left;overflow: hidden;width:230px}
 .but{margin:15px 0}

#innerpagetopimage {width: 100%;height:145px; padding: 22px 0 0 0; margin: 0px;text-align:center;background: url(../images/bg_cont.gif) repeat-x 0 0;}


#innercontent {overflow: hidden; clear:both;width: 994px; padding: 25px 0 ; margin: 0px auto;background: #fff;} 
#innercontent p{padding:0 0 10px 0;margin:0px} 
 #innercontent table, td {text-align: left;}
 #innercontent #banners {clear: both; margin: 0 auto; padding: 0; width: 223px; overflow: hidden;}
 #innercontent .leftbanner {margin: 0 0 10px 0;}
 #innercontent #read_more_ban1 { margin: 0 auto; padding: 0px;height:89px;overflow: hidden; width: 223px;background: url(../images/ban/bg_readban1.jpg) no-repeat 0 0;}
 #innercontent #read_more_ban2 { margin: 20px auto 0 auto; padding: 0px;height:79px;overflow: hidden; width: 235px;background: url(../images/ban/bg_readban2.jpg) no-repeat 0 0;}
 #innercontent .leftbanner2 {margin: 75px 0 0 0px;text-align:left}
 #innercontent .leftbanner3 {margin: 50px 0 0 135px;text-align:left;white-space:nowrap}

 #innercontent .leftside {background: url(../images/sep1.gif) top right repeat-y; padding: 0;}
 #innercontent .maincontent {padding: 0 20px; margin: 0;}
 #innercontent #pressreleases{margin: 0 0 0 25px; font-size: 11px;}

 #bg_search{float:left;padding:0px;margin:0px;width:484px;background: url(../images/product/bg_search.jpg) no-repeat 0 0;}
 #product_search { float: right; margin:0px; padding:0px; background:none ; white-space: nowrap;}
 #product_search h1{font-size:16px}
 #product_search div{float: left;width:220px;}
 #product_search div span{font-size:12px;font-weight:bold;color:#626262;padding-top:2px}
 #product_search input.part {float: left;width:155px;background-color: #fff;padding:2px 0 2px 3px;margin:0px 0 0px 0;font-size:11px;border-top: 2px solid #888680;border-left: 2px solid #888680;border-bottom: 2px solid #ecebe7;border-right: 2px solid #ecebe7;}
 * html #product_search input.part {width:162px;}
 #product_search input{float: left;background-color: #fff;padding:2px 0 2px 3px;margin:0px 0 0px 0;font-size:11px;border-top: 2px solid #888680;border-left: 2px solid #888680;border-bottom: 2px solid #ecebe7;border-right: 2px solid #ecebe7;}
 #product_search select {display:block;background-color: #fff;padding:0px 0 0 0;margin:0px 0 10px 0;font-size:11px;border-top: 2px solid #888680;border-left: 2px solid #888680;border-bottom: 2px solid #ecebe7;border-right: 2px solid #ecebe7;}
 #product_search option {padding:1px 3px;margin:0px 0 0 0;font-size:11px;}
 #product_search input.button {border:none;margin: 10px 0 0 116px;padding:0px;clear:both;width:95px;height:23px;}

 #product_content{padding:0px;margin:15px auto 0 auto}
 #product_content h1{font-size:16px;padding:10px 0 0 0;margin:0px}
 #product_content p{width:200px;}
 #product_content .pic_product{padding:0px;margin:0px;width:200px;height:122px;border:1px solid #f0f0f0}

 .cat{padding:30px 0 0px 0;margin:0px;overflow:hidden;}
 .cat .product_table{padding:0px;margin:0px 0 0px 0;clear:both;width:440px}
 .cat .product_table dt{padding:0px 10px 10px 0;margin:0px 0 0px 0;}
 .page {padding:0px 0 30px 0;margin:0px;width:440px;}
/* .page li{display:block;width:440px;padding:0px 0 0px 10px;margin:0px;list-style:circle;background-image: url(../images/menu/circle_blue.gif);background-repeat: no-repeat;background-position: 0px 4px;color:#185ca4;font-size:11px}*/

 #product_lines_pic {padding:0px 0 0 20px;margin:0px auto;text-align:center;}
 #product_lines_pic img{padding:0px;margin:0px;width:209px;border:1px solid #f0f0f0}
 #product_lines_pic a {color:#828282;text-decoration:none}
 #product_lines_pic a:hover {color:#094a8d;text-decoration:none}

.megatitle {float: left; border-bottom: 2px solid #195695;}
.megatitle img { padding-bottom: 2px; float: left;}
.megatitle:hover {border-bottom-color: #575858;}

#leftMenu {margin: 0 0 20px 25px;}
#leftMenu h1{margin: 0;padding:0px 0 3px 0;width: 222px;}

  

  #leftMenu ul {width: 240px;}
  #leftMenu li {display: block; width:240px;font-size: 15px;font-weight:bold;color: #094a8d;}
  #leftMenu li a {font-size: 15px;color:#094a8d;text-decoration:none;}
  #leftMenu li a:hover {font-size: 15px;color:#333232;text-decoration:none;}

  #leftMenu ul ul {width: 220px;background: url(../images/menu/left-menu-bg.gif) no-repeat 0 0;border-top:3px solid #b3b3b3;margin-top:6px}
  #leftMenu ul li ul li {width: 200px;font-weight:normal;background: url(../images/arrow.gif) no-repeat 11px 14px;padding:9px  0 9px 22px;font-size: 14px;  border-bottom:1px solid #b3b3b3;border-top:1px solid #fff}
  #leftMenu ul li ul li.last {border-bottom:none}
  #leftMenu ul li ul li a {font-size: 14px;color: #333232;text-decoration:none;}
  #leftMenu ul li ul li a.sel2 {font-size: 14px;text-decoration:none;}
  #leftMenu ul li ul li a:hover {font-size: 14px;color: #094a8d;text-decoration:none;}

  #leftMenu ul ul ul{width: 180px;background:none;border-top:none;margin-top:3px}
  #leftMenu ul li ul li ul li{width: 170px;font-weight:normal;background: url(../images/menu/circle.gif) no-repeat 11px 9px;padding:4px  0 4px 22px;font-size: 10px;border-bottom:none;border-top:none}
  #leftMenu ul li ul li ul li a {font-size: 10px;color:#094a8d;text-decoration:none;}
  #leftMenu ul li ul li ul li a.sel3 {font-size: 10px;color: #000; text-decoration:none;}
  #leftMenu ul li ul li ul li a:hover {font-size: 10px;color:#333232;text-decoration:none;}





#footer {clear: both;margin: 30px auto 0 auto; padding:0;width: 994px;text-align:left;overflow: hidden;}
#footer ul{float:left;overflow: hidden;}
#footer p {clear: both;margin: 10px 0; padding:0;text-align:left;color:#9a9a9a}
#footer dl{float:right;overflow: hidden;text-align:right;padding:0px;margin:0px;}
#footer dt{float:right;padding:0px;margin:0px;}
#footer dd{clear:both;float:right;text-align:right;white-space:nowrap;padding:0px;margin:0px;}            

a:link    {color: #185ca4; text-decoration:underline;}
a:visited {color: #185ca4; text-decoration:underline;}
a:active  {color: #5f5f5f; text-decoration:underline;}
a:hover   {color: #5f5f5f; text-decoration:underline;}

a.grey         {color: #5f5f5f; text-decoration:underline;}
a.grey:hover   {color: #185ca4; text-decoration:underline;}

a.br_n         {color: #185ca4; text-decoration:none;}
a.br_n:hover   {color: #5f5f5f; text-decoration:none;}


.listNews {margin: 0; width:300px;}
.listNews li {display: block; overflow: hidden; border-top: 1px dashed #a4a4a4; padding: 15px 0 0 0; margin: 0px 0 15px 0;}
.listNews li:first-child {border-top: none;} 
* html .listNews li {border-top: expression(this.previousSibling==null ?'white' :'wtite');} 
	.listNews li .thumb {float: left; margin-right: 10px; width: 50px; height: 50px; overflow: hidden;}
        .listNews li .cont {float:left;width:240px; overflow: hidden;}
	.listNews li .date {color: #185ca4; display:block;padding-top:5px;}

.listRelease{margin: 0px 0px 0 0;padding:0px 0 0 0;}	
.listRelease li {overflow: hidden; padding-left: 0px; display: block; margin:0px 0 10px 0;width:335px;}
	.listRelease .ic {float: left; margin: 0; width:25px;height:26px; overflow: hidden;}
        .listRelease .cont {float:left;overflow:hidden;width:300px;padding-left:5px;}


.listMedia {width: 680px; overflow: hidden;}
	.listMedia ul {width: 720px; overflow: hidden;}
	.listMedia li {float: left; padding-left: 0px; padding-right: 0; width: 45%; margin-right: 10px;}
        
	.listMedia li .thumb {float: left; width: 110px; height: 110px; overflow: hidden;padding:0px;margin:0px }
        
        .listMedia li .last {float: left; width: 75px; height: 110px; overflow: hidden;padding:0px;margin:0px }
        .listMedia li .description{float:left; width:190px; padding: 0px; margin: 0 0 0 10px;}
	.listMedia li .title {font-weight: bold; color: #2b2b2b; font-size: 12px; text-decoration: none; display: block; margin-bottom: 5px;}
        * html .listMedia li .title {font-weight: bold; color: #2b2b2b; font-size: 12px; text-decoration: none; display: block; margin-bottom: 5px;}
	.listMedia li p {margin: 10px 0 5px 0;}

.titleh3 { text-transform: uppercase; font-size: 14px; color: #1a65b3; padding: 0 0 6px; border-bottom: 3px solid #dedede; margin: 14px 0;}


td.pagercontent span {display: block; float: left; padding: 2px 5px; border: 1px solid #ccc;}
td span.pnext {display: block; float: right; padding: 2px 4px; border: 0;}
td span.page  {display: block; float: right; padding: 2px 4px; border: 0;}

.td1 {padding: 3px 6px; margin: 0; border-bottom: 1px solid #e1e1e1; font-size: 10px;}
.th1 {padding: 4px 6px; margin: 0; border-bottom: 1px solid #ccc; background: #e1e1e1; font-weight: bold;}

/*->TIMELINE-----------------------------------------------------------------------*/
#timeline {clear: both; border-top: 2px solid #e2e2e2; margin: 1em 0; padding: 2.5em 0; font-family: Arial, Helvetica, sans-serif;}
	.key {float: right; margin-top: -100px; margin-right: -10px; _display: inline;}
		.key h2 {font-size: 17px; color: #282828; font-weight: normal; margin: -2px 0; padding: 0;}
		.key .kcheck {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #989898; background: url(../images/timeline/checks.gif) no-repeat left 4px; padding-left: 10px;}
		.key .hid {background-position: left -20px;}
	.tline {border-left: 2px solid #e2e2e2; margin: 0 1em;}
		.tline .year {min-height: 24px; height: expression(this.offsetHeight < 25?'24':'this.offsetHeight');}
		.tline .months {width: 660px; height: 156px; _margin-left: -4px; _padding-left: 4px;}
		.tline .dis, .tline .dis .months {min-height: 0; height: 0; height: expression(this.offsetHeight < 1?'0':'this.offsetHeight');}
		.tline .ycaption {position: absolute; color: #8d8d8d; font-size: 20px; background: url(../images/timeline/yicon.png) no-repeat left top; padding-left: 30px; margin: -13px 0 0 -13px; z-index: 60; cursor: pointer;}
		.tline .month {clear: both; height: 12px; border-top: 1px solid #e2e2e2; width: 6px; margin-left: -4px;}
			.tline .item {border-top: 1px dotted #787878; position: absolute; margin: 0 0 0 25px; font-size: 12px; width: 90px; color: #737373;}
				.tline .ihid {border-top-color: #fff;}
				.tline .icontent {position: absolute; background: #fff; right: -255px; margin-top: -1px; padding-left: 95px; width: 160px; height: 56px;}
					.tline .icontent .thumb {float: left; margin-left: -88px; width: 76px; height: 56px; overflow: hidden; position: absolute;}
					.tline .icontent .thumb img {width: 76px; height: 56px;}
					.tline .icontent .mask {position: absolute; left: 0; top: 0;}
				.tline .iicon {position: absolute; left: -27px; top: -6px; cursor: pointer; width: 10px;}
				.tline .ritem {width: 375px;}
				.tline .rbot .icontent {bottom: 0;}
				.tline .rmid .icontent {top: -28px;}
