* {padding : 0; margin : 0}

p {
margin-bottom:12px;
}

html {
min-height: 100%;
margin-bottom: 1px;
}

img {
	margin: 0;
	border:none;
	
	}
	
	body {
	margin: 0px;
	margin-left: 10px;
	background-color:#fff;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	color: #666;
	background-image:url(../images/backg.jpg);
	background-repeat:repeat-x;
	
	
	}
	
	h1	{
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 140%;
	color: #2c5584;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:bold;
	}
	
	h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #55719c;
	line-height: 100%;
	margin: 0;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	}
	
	h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #55719c;
	line-height: 100%;
	margin: 0;
	margin-top:0px;
	margin-bottom:3px;
	font-weight:bold;
	}
	
	#three-cols .dts	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #55719c;
	line-height: 100%;
	margin: 0;
	margin-top:10px;
	margin-bottom:0px;
	font-weight:bold;
	display:block
	}
	
	 
	  
	  
	  label, textarea, input {
	  margin-left: 10px;
	  }
	  
	   
	
 
 
  
  
  
   .odd {
  background-color: #C5E8D6;
  }
  .even {
  background-color: #ADD8E6;
  }	
  
 .intro {
 font-size:110%; 
 font-weight:bold; 
 color:#555;
 }
  
    

#outofdate {
    position: absolute;
    top: 0;
    left: 5px;
	z-index:100;
    width: 170px;
    height: 64px;
    background: transparent url(http://www.blotdesign.com/images/outofdate.jpg) center center no-repeat;
}
#outofdate a {
    display: block;
    width: 170px;
    height: 64px;
    text-decoration: none;
    text-indent: -9999px;
    font-size: 0.1em;
}
  
	
#container {
   
	position: relative;
    height: auto;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
	margin-top:10px;
	margin-bottom:10px;
	border: none;
    width: 746px;
	background-color:#fff;
	border: none;
	padding-left:0px;
	padding-right: 0px;

	
    
}
	#top-section {
  position:relative;
  left:0;
  top:0;
  margin-right: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
     
  }
  
    
  #menu-section {
 position:relative;
 margin-top:15px;
  background-image:url(../images/menu-bg.png);
  height:25px;
  z-index:999;
 	

 
 
  
    }
  
   
  
  #mid-section {
   position:relative;
 background-color:#c8c8c8;
	padding:15px 15px 15px 15px;
	font-size:85%;
color:#323232;
	 
    }
	
#mid-section-in {
 position:relative;
 background-image:url(../images/in-mid-back.png);
 background-repeat:repeat-y;
	padding:0;
	margin:0;
	font-size:85%;
color:#323232;

}
	
#three-cols {
position:relative;
background-image:url(../images/mid-back.png);
background-repeat:repeat-y; 
padding:0px 10px 10px 10px;
width:694px;



}

#two-cols {
position:relative;
width:744px;
margin:0;
padding:0;



}

	
#h-col-1 {
width:173px; 
float:left;
}

#h-col-2 {
padding-left:58px; 
width:178px; 
float:left;

}

#h-col-2a {
border-bottom: 1px solid #d5d5d5; 
padding-bottom:10px; 
margin-bottom: 10px;

}

#h-col-3 {
padding-left:50px;
width:230px; 
float:left;
}

#manu-cloud {
margin-top:30px; 
width:208px; 
border:1px solid #b2b2b2;  
padding:10px;
background-color:#fff;


}

#featuredprod {
position:relative; 
background-image:url(../images/featured.png); 
margin-top:18px;  
width:115px; 
height:59px; 
padding: 34px 100px 25px 14px;
color:#fff; 
overflow:auto;
}

#feat-apps {
float:left;
width:300px;
margin-top:10px;
}

#datasheets {
margin-top:10px;
float:left;
width:200px;
}



  #bottom-section {
  clear:both;
  position:relative;
  left:0;
  top:0px;
   margin:0;
   background-color:#395f8c;
   width:716px;
   color:#fff;
   margin-top:2px;
   padding: 3px 15px 6px 15px;
  
 
  }
  #bottom-section2 {
   position:relative;
   width:100%;
  left:0;
  top:0px;
   margin:0px;
  margin-top:5px;
  border-top: 1px solid #ccc;
  padding-top:5px;
  padding-left: 0px;
  padding-right: 0px;
  

  }

  
 
 
  
  
  
  #bottom-col-1 {
  position:relative;
  left:0px;
  font-size: 1em;
  text-align: center;
  }
  
  .searchbox {
  position:absolute; 
  left:534px; 
  top:10px; 
  background-image:url(../images/search-bg.png); 
  height:32px; 
  width:212px; 
  overflow:hidden;
  }
  
 table.res {
 	margin-left:0px;
	
	width: 90%;
	border: 1px solid #F3C8CA;
	background: #fff;
	}
	
	table.res th, table.res td {
	margin:0;
	padding: 4px 8px;
	text-align: left;
	background: #FFEAE1;
	
	}  
	  table.res th {
	background: #E0E7F1;
	} 
	
 .sbox {
  height: 280px; 
  overflow: auto; 
  visibility:visible; 
  padding-right:10px;

  }
		
.ileft {
  float: left;
  padding: 0px 12px 10px 0px;
  }
  
 .iright {
  float: right;
  padding: 0px 0px 10px 12px;
  }
	      
  .left {
  float: left;
  text-align: left;
   
  }

.right {
  float: right;
  text-align: right;
 
 
  
  }

 
 .lege {
 margin-bottom:20px; 
 font-size: 130%; 
 padding-left:5px; 
 padding-right:10px;
 color: #777;
 border-color:#777;
 }
 
 fieldset {
 border :  1px solid #777;
 }
 
 .pbox {
 float:left; 
 position:relative;
 width:109px;
 display:inline; 
 margin-bottom:14px; 
 margin-left:34px; 
 margin-right:16px;
 }
 
 .pbox-head {
 background-image:url(../images/prod-top.gif);   
 background-position: top left;   
 background-repeat:no-repeat; 
 background-color:#667fa6; 
 width:93px; 
 height:29px; 
 padding:2px 6px 0px 10px;   
 overflow:hidden; 
 color:#fff;
 }
 
 .pbox-pic {
 margin-top:4px; 
 border: 1px solid #e6e6e6; 
 width:101px; 
 padding:6px 0px 6px 6px; 
 height:100px; 
 overflow:hidden;
 }
 
 .pbox-company {
 padding-left:6px; 
 height:25px; 
 font-size:90%; 
 overflow:hidden;
 
 }
 
 
.teaser {
padding-left:20px;
width:150px;
}

 .tease-top {
  margin:0; 
  padding:0; 
  background-image:url(../images/teaser.jpg); 
  background-position: top left; 
  background-repeat:no-repeat;
  }
  
  .tease-mid {
  font-size:85%; 
  font-weight:normal; 
  background-image:url(../images/teaser-mid.jpg);  
  background-repeat:repeat-y; 
  padding:5px 5px 5px 10px;
  }
  
  .tease-bottom {
  background-image:url(../images/teaser.jpg); 
  background-position: bottom left; 
  background-repeat:no-repeat;
  }

 .legaltext {
  font-size:70%; 
  color:#7f7f7f; 
  font-family:Arial, Helvetica, sans-serif;
  }
  
.cleardiv {
  height:0px; 
  overflow:hidden; 
  clear:both;
  }

.forminput {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

#cdiv {
background-color:#fff;
width:205px;
height:270px;
}

#cloud ol {
width:205px;



}


#cloud  li  { 

display:inline;
padding-left:1px ;
margin-left:0px;
list-style-position:inside;
padding-right:3px;



}

#cloud a.b1 {
font-size:100%;
color:#00a94f;

}

#cloud a.b2 {
font-size:120%;
color:#922c2c;

}

#cloud a.b3 {
font-size:140%;
color:#e4c920;

}

#cloud a.b4 {
font-size:160%;
color:#2d348a;


}

#cloud a.b5 {
font-size:200%;
color:#FF0000;


}

tr.odd {
background-color: #EDFFE3;
}

tr.even {
background-color: #BFFF9F;
}

#subnav-area {
float:left; 
position:relative; 
margin-bottom:10px; 
background-image:url(../images/sec-back.png); 
background-repeat:no-repeat; 
background-position:right:
width:130px; 
background-color:#e6e6e6; 
margin-top:-20px; 
padding:10px 10px 10px 10px; 

}

#main-content-area {
padding:4px 0px 0px 37px; 
width:525px; 
float:left; 
position:relative;
}


#main-content-area ul {
padding: 5px 0px 8px 25px;
list-style-position:outside;
}


 #main-content-area ol {
padding: 10px 0px 8px 25px;
list-style-position:outside;
}

#head-bar {
position:relative; 
margin:10px 0px 25px 0px; 
background-image:url(../images/second-banner.png); 
background-repeat:no-repeat; 
width:525px; 
height:27px; 
overflow:hidden; 
padding: 8px 0px 0px 20px;


}

#head-title {
float:left; 

}

#head-title h1 {
margin-top:2px;
font-size:130%;
}

#head-email-phone {
width:118px; 
text-align:left;
font-size:100%; 
font-weight:bold; 
color:#385e8a; 
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
background-color:#fff;
border: 1px solid #cfcfcf;

}

#head-email {
float:right; 
width:78px; 
padding-top:0px; 
padding-left:5px;
padding-right: 30px;

}

 #nav1{
margin-top: 0px;
margin-bottom: 0px;
margin-left:100px;
padding-bottom:0px;







}

#nav1 ul {


margin-left: 0;
padding-left: 0;
margin-bottom: 0;
display:inline;

}

#nav1 li {
list-style-type: none;
text-align:center;
padding: 0px 0px 0px 0px;
float:left;
position:relative;
margin-bottom: 0;
margin-right:1px;
display:inline;

}

#nav1 li a {
	float: left;
	padding: 25px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */
	
	}

#nav1 li ul {
  display: none;
  position: absolute; 
  top: 25px !important;
  left: 0px;
  background-color:#7791b0;
  margin:0;
 z-index:999;
  }
  
  #nav1 li > ul {
	top: auto;
	left: 0px;
	}
  
#nav1 li ul li  {
float:none; 
display: block; 
padding:7px 0px 4px 0px;
background-color:#7791b0;
margin:0px 9px 0px 13px;
border-bottom:2px solid #6681a6;
text-align:left;
}

#nav1 li ul li a {
	
	float:none;
	background: none;
	padding:0 ;
	
	
	}
  



#nav1 li:hover ul, #nav1 li.over ul { 

display: block; 

}
	


	

#nav1 a.selected     {  cursor: default !important; } 
	
#thome a  {
	width: 64px;
	background: url(../images/nhome.png) top left no-repeat;
	}
	
#tabout a  {
	width: 79px;
	background: url(../images/nabout.png) top left no-repeat;
	}
	

	
#tproduct a  {
	width: 77px;
	background: url(../images/nproduct.png) top left no-repeat;
	}
	
#tmanu a  {
	width: 106px;
	background: url(../images/nmanu.png) top left no-repeat;
	}
	
#tnews a  {
	width: 111px;
	background: url(../images/nnews.png) top left no-repeat;
	}
	
#tshop a  {
	width: 81px;
	background: url(../images/nshop.png) top left no-repeat;
	}
	
#tcontact a  {
	width: 85px;
	background: url(../images/ncontact.png) top left no-repeat;
	}

#nav1  ul li {
background-image:none;
padding:0;
}	

#nav1 a:hover,  #nav1 a.selected {
	background-position: 0 -25px !important;
	
	}
	

 #nav2 {

margin:0;
padding:0;
margin-bottom:40px;


}

#nav2 ul {


margin-left: 0;
padding-left: 0;
margin-bottom: 0;
display:block;
background-color:#e6e6e6;
margin:0;



}

#nav2 li {
list-style-type: none;
float:none; 
display: block; 
padding:3px 0px 1px 0px;

margin:0px 9px 0px 5px;

text-align:left;

}

#nav2 a.selected     { 
border-bottom: 1px solid #e6e6e6 !important;
color:#fff !important; 
cursor: default !important; 
} 
	
#nav2 li ul {
 
  
  margin: 0px 0px 12px 4px;
  background-color:none;
  padding-bottom:3px;
 z-index:999;
 width:100px;
 
 
  }
  
  
  
#nav2 li ul li  {
float:none; 
display: block; 
padding:7px 0px 4px 0px;
background-color:none;
margin:0px 2px 0px 14px;
border-bottom:1px solid #777;
text-align:left;

}

#nav2 li ul li a {
	
	float:none;
	background: none;
	padding:0 ;
	
	
	}
  

	
	
	
#thome a  {
	width: 64px;
	background: url(../images/nhome.png) top left no-repeat;
	}
	
#tabout a  {
	width: 79px;
	background: url(../images/nabout.png) top left no-repeat;
	}
	

	
#tproduct a  {
	width: 77px;
	background: url(../images/nproduct.png) top left no-repeat;
	}
	
#tmanu a  {
	width: 106px;
	background: url(../images/nmanu.png) top left no-repeat;
	}
	
#tnews a  {
	width: 111px;
	background: url(../images/nnews.png) top left no-repeat;
	}
	
#tshop a  {
	width: 81px;
	background: url(../images/nshop.png) top left no-repeat;
	}
	
#tcontact a  {
	width: 85px;
	background: url(../images/ncontact.png) top left no-repeat;
	}

#nav1  ul li {
background-image:none;
padding:0;
}	

#nav1 a:hover,  #nav1 a.selected {
	background-position: 0 -25px !important;
	
	}
	
	

	

#nav1 a:link, #nav1 a:visited, #nav1 a:active {    color: #2F3488; line-height:130%; text-decoration: none; font-family:     Arial, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
#nav1 a:hover, #nav1 a.selected     { color: #999; line-height:130%; text-decoration: none; font-family:  Arial, Helvetica, sans-serif;font-size: 100%; font-weight: bold} 

#nav1 li ul a:link, #nav1 li ul a:visited, #nav1 li ul a:active {    color: #fff; line-height:100%; text-decoration: none; font-family:     Arial, Helvetica, sans-serif; font-size: 85%;  font-weight: normal} 
#nav1 li ul a:hover, #nav1 li ul a.selected     { color: #ccc; line-height:100%; text-decoration: none; font-family:  Arial, Helvetica, sans-serif;font-size: 85%; font-weight: normal} 

#nav2 li a:link, #nav2 li  a:visited, #nav2 li a:active {padding:5px 0px 0px 10px;    height:19px; width:100px; display:block; color: #2c5584; line-height:100%; text-decoration: none; font-family:     Arial, Helvetica, sans-serif; font-size: 100%;  font-weight: normal; border-bottom:1px solid #fff;} 
#nav2 li  a:hover, #nav2 li a.selected     { display:block; padding:5px 0px 0px 10px; color: #fff; line-height:100%; text-decoration: none; font-family:  Arial, Helvetica, sans-serif;font-size: 100%; font-weight: normal; background-image:url(../images/sec-nav-back.gif); width:100px; height:19px;  border-bottom: 1px solid #e6e6e6;} 

#nav2 li ul a:link, #nav2 li ul a:visited, #nav2 li ul a:active {height:auto; width:90px; padding-left:0px;   color: #777; ; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 85%;  font-weight: normal; border-bottom:none;} 
#nav2 li ul a:hover, #nav2 li ul a.selected     { height:auto;  width:90px;color: #ccc; ; text-decoration: none; font-family:  Arial, Helvetica, sans-serif;font-size: 85%; font-weight: normal; padding-left:0px; padding-bottom:0px; background-image:none; border-bottom:none;} 

A:link,  A:visited, A:active   { color:#55719c; text-decoration: underline; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: normal;} 
A:hover     { color: #000066; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: normal;} 

.pbox a:link, .pbox  a:visited,  .pbox a:active   { color:#fff; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: normal;} 
.pbox a:hover     { color: #ccc; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: normal;} 


A.legal:link, A.legal:visited, A.legal:active      { color: #7f7f7f; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 70%;  line-height: 140%; font-weight: normal} 
A.legal:hover     { color: #7f7f7f; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:70%; line-height: 140%; font-weight: normal} 

A.tlink:link, A.tlink:visited, A.tlink:active    { color: #fff; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 85%;  font-weight: normal} 
A.tlink:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:85%; font-weight: normal} 

A.tlinkm:link, A.tlinkm:visited, A.tlinkm:active    { color: #555; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
A.tlinkm:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: bold} 


A.more:link, A.more:visited, A.more:active      { color: #666; text-decoration: none; font-family:     Arial, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
A.more:hover     { color: #999; text-decoration: none; font-family:  Arial, Helvetica, sans-serif;font-size: 100%; font-weight: bold} 

A.sb:link      { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal} 
A.sb:visited   { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal; } 
A.sb:active    { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal;  } 
A.sb:hover     { color: #000000; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:1em; font-weight: normal}