/* CSS Document */

h1{font:80% 'helvetica neue',sans-serif;letter-spacing:1px;text-transform:;}
h2{font:85% 'helvetica neue',sans-serif;letter-spacing:2px;text-transform:;}
h3{font:95% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:;}
h4{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:2px;color:#ffffff; word-spacing: 24px; text-align:justify;}
h5{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:2px;color:#ffffff;}
a{color:#646C45;text-decoration:none;outline:none;}
a:hover{color: #009966;}	

html, body{
margin: 0px;
padding: 0px;
background-image: url(sm_background.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
background-attachment:fixed;
background-position: top; 
}
#main-wrap{
width: 850px; 
margin: auto;
background-color:;
padding: 0px;
}
#banner{
height: 92px;
margin-bottom: 0px;
background-color: #ffffff;
}
#vendors{
float: right;
width: 174px;
height: 708px;
margin-bottom: 0px;
padding: 0px;
background-color: #ffffff;
}
#content{
height: 508px;
height: 730px;
padding: 5px;
margin-bottom: 0px;
background-color:#ffffff
}
#copyright{
height: 30px;
margin-top: 0px;
padding: 5px;
background-color: #FFffff;
}

/**************** vertical menu coding *****************/

#menu {
float: left;
width: 130px;
height: 708px;
margin: 0px;
padding: 5px;
background-image: url(white_resistors.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a {
font: font:85% 'helvetica neue',sans-serif;letter-spacing:2px;text-align:center;
display: block;
margin: 2px;
padding: 6px 3px;
background-image: url(white_resistors_sub.png);
background-repeat: no-repeat;
background-position:center;
}

#menu a:hover {
color: #ff3333;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 104px;
background-image: url(white_resistors_sub.png);
background-repeat: no-repeat;
background-color: #FFFFFF;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
} 

</style>
<![endif]-->