/* Layout Stylesheet */ 

body{
 padding: 0;
 margin: 0;
/* background: url(/images/sensoptic_bg.gif) 200px 60px fixed; */
 } 
 
#lh-col{
 position: absolute;
 top: 101px;
 left: 0px;
 width: 170px;
/* color: #333333; */
 margin: 0;
 padding: 10px;
/* padding-top: 0px; */
 height: 500px;
/* border: 1px magenta solid; */
 }

#rh-col{
 position: absolute;
 top: 101px;
 left: 850px; /* originally 850 */
 width: 190px;
 color: #333333; 
 margin: 0px;
 padding: 0px;
/* padding-top: 00px; */
 height: 500px;
/* border: 1px yellow solid; */
 }

#hdr{
 position: absolute;
 left: 191px;
 top: 0px;
 height: 80px;
 width: 400px;
/* color:#333333; */
 margin-left: 0px;
 padding-left: 10px;
/* background: url(/images/sensoptic.gif) 10px 0  no-repeat; */
/* border: 1px blue solid; */

 } 
      
#c-col{
 position: absolute;
 top: 101px;
 width: 600px;  /*originally 600*/
 bottom: 0px;
 left: 191px;
/* color: #333333; */
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 20px;
 padding-left: 10px;
/* background: url(/images/sensoptic_bg.gif) top left repeat; */
/* border: 1px olive solid; */
 }

#navigation {width: 150px;}
#navigation ul {margin: 0px; padding: 0px;}
#navigation li {list-style: none;} 

ul.top-level {}
ul.top-level li {
/* border-bottom: #fff solid; */
/* border-top: #fff solid; */
 border-width: 1px; 
}

#navigation a {
/* color: #fff;*/
 cursor: pointer;
 display: block;
 height: 25px;
 line-height: 25px;
 text-indent: 10px;
 text-decoration: none;
 width: 100%;
}
#navigation a:hover{
/* text-decoration:underline; */
}

#navigation li:hover {
/* background: #f90; */
 position: relative;
}

ul.sub-level {
    display: none;
}
li:hover .sub-level {
    background: #fff; 
    border: #000 solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 60px;
    top: 25px;
}

ul li {
    list-style-image: url(/images/bullet.png);
    line-height: 1.4em;
}

ul.sub-level li {
    background: #fff;
    border: none;
    float:left;
    width:170px;
}




#home { width: 160px; height: 30px;
background: url(/images/home2.png) top left no-repeat;
}
#home a { display: block; width: 160px; height: 30px;
background: white url(/images/home1.png) top left no-repeat;
}
#home a:hover { background: transparent none;
}

#company { width: 160px; height: 30px;
background: url(/images/company2.png) top left no-repeat;
}
#company a { display: block; width: 160px; height: 30px;
background: white url(/images/company1.png) top left no-repeat;
}
#company a:hover { background: transparent none;
}

#sensors { width: 160px; height: 30px;
background: url(/images/sensors2.png) top left no-repeat;
}
#sensors a { display: block; width: 160px; height: 30px;
background: white url(/images/sensors1.png) top left no-repeat;
}
#sensors a:hover { background: transparent none;
}

#systems { width: 160px; height: 30px;
background: url(/images/systems2.png) top left no-repeat;
}
#systems a { display: block; width: 160px; height: 30px;
background: white url(/images/systems1.png) top left no-repeat;
}
#systems a:hover { background: transparent none;
}

#software { width: 160px; height: 30px;
background: url(/images/software2.png) top left no-repeat;
}
#software a { display: block; width: 160px; height: 30px;
background: white url(/images/software1.png) top left no-repeat;
}
#software a:hover { background: transparent none;
}

#hardware { width: 160px; height: 30px;
background: url(/images/hardware2.png) top left no-repeat;
}
#hardware a { display: block; width: 160px; height: 30px;
background: white url(/images/hardware1.png) top left no-repeat;
}
#hardware a:hover { background: transparent none;
}

#applications { width: 160px; height: 30px;
background: url(/images/applications2.png) top left no-repeat;
}
#applications a { display: block; width: 160px; height: 30px;
background: white url(/images/applications1.png) top left no-repeat;
}
#applications a:hover { background: transparent none;
}

#oemproducts { width: 160px; height: 30px;
background: url(/images/oemproducts2.png) top left no-repeat;
}
#oemproducts a { display: block; width: 160px; height: 30px;
background: white url(/images/oemproducts1.png) top left no-repeat;
}
#oemproducts a:hover { background: transparent none;
}

#news { width: 160px; height: 30px;
background: url(/images/news2.png) top left no-repeat;
}
#news a { display: block; width: 160px; height: 30px;
background: white url(/images/news1.png) top left no-repeat;
}
#news a:hover { background: transparent none;
}

#contact { width: 160px; height: 30px;
background: url(/images/contact2.png) top left no-repeat;
}
#contact a { display: block; width: 160px; height: 30px;
background: white url(/images/contact1.png) top left no-repeat;
}
#contact a:hover { background: transparent none;
}

#findus { width: 160px; height: 30px;
background: url(/images/findus2.png) top left no-repeat;
}
#findus a { display: block; width: 160px; height: 30px;
background: white url(/images/findus1.png) top left no-repeat;
}
#findus a:hover { background: transparent none;
}

#mainproducts { width: 160px; height: 30px;
background: url(/images/mainproducts2.png) top left no-repeat;
}
#mainproducts a { display: block; width: 160px; height: 30px;
background: white url(/images/mainproducts1.png) top left no-repeat;
}
#mainproducts a:hover { background: transparent none;
}

#profilesensors { width: 160px; height: 30px;
background: url(/images/ps2.png) top left no-repeat;
}
#profilesensors a { display: block; width: 160px; height: 30px;
background: white url(/images/ps1.png) top left no-repeat;
}
#profilesensors a:hover { background: transparent none;
}

#casestudies { width: 160px; height: 30px;
background: url(/images/casestudies2.png) top left no-repeat;
}
#casestudies a { display: block; width: 160px; height: 30px;
background: white url(/images/casestudies1.png) top left no-repeat;
}
#casestudies a:hover { background: transparent  none;
}