body { background-color: #ECE9D8; }
* :focus { outline: 0; }
#clHeader { margin-left: 40px; margin-top: -20px;}
#clHeader #logoImage { margin-top: 20px;}
#clNav { height:30px; width:725px; background-color: #040607; margin: 0 auto; padding-top:20px;}
#clNav a { display: block; float: left; text-decoration: none; min-height: 30px; border: none;}
#clNav a:link {border: none;}
#clNav a:hover { text-decoration: none; border: none;}
#clNav2 { height:40px; width:575px; background-color: #040607; margin: 0 auto; padding-top:0px;}
#clNav2 a { display: block; float: left; text-decoration: none; min-height: 40px; border: none;}
#clNav2 a:link {border: none;}
#clNav2 a:hover { text-decoration: none; border: none;}
a:hover { text-decoration: none; border: none;}
#servicesHeader  { min-width: 162px; background: url("/nav/services-off.gif") 0 0 no-repeat; }
#servicesHeader:hover { background: url("/nav/services-hot.gif") 0 0 no-repeat; }
#functionalHeader  { min-width: 180px; background: url("/nav/functional-off.gif") 0 0 no-repeat; }
#functionalHeader:hover { background: url("/nav/functional-hot.gif") 0 0 no-repeat; }
#illuminationHeader  { min-width: 192px; background: url("/nav/science-off.gif") 0 0 no-repeat; }
#illuminationHeader:hover { background: url("/nav/science-hot.gif") 0 0 no-repeat; }
#directionHeader  { min-width: 183px; background: url("/nav/directions-off.gif") 0 0 no-repeat; }
#directionHeader:hover { background: url("/nav/directions-hot.gif") 0 0 no-repeat; }
#qualityHeader  { min-width: 146px; background: url("/nav/quality-fixture-off.gif") 0 0 no-repeat; }
#qualityHeader:hover { background: url("/nav/quality-fixture-hot.gif") 0 0 no-repeat; }
#sheetsHeader  { min-width: 110px; background: url("/nav/cut-sheets-off.gif") 0 0 no-repeat; }
#sheetsHeader:hover { background: url("/nav/cut-sheets-hot.gif") 0 0 no-repeat; }
#blogHeader  { min-width: 70px; background: url("/nav/blog-off.gif") 0 0 no-repeat; }
#blogHeader:hover { background: url("/nav/blog-hot.gif") 0 0 no-repeat; }
#photoGalleryHeader  { min-width: 122px; background: url("/nav/photo-gallery-off.gif") 0 0 no-repeat; }
#photoGalleryHeader:hover { background: url("/nav/photo-gallery-hot.gif") 0 0 no-repeat; }
#freeGuideHeader  { min-width: 107px; background: url("/nav/free-guide-off.gif") 0 0 no-repeat; }
#freeGuideHeader:hover { background: url("/nav/free-guide-hot.gif") 0 0 no-repeat; }
.separatorDiv { min-height: 3px; height: 10px; width:840px; margin-left:40px; margin-right: 40px; background: #c8CA99; height:3px;}
#leftColumn { background-color: #040607; min-height: 260px; min-width:450; width: 450px; float:left; margin-left: 40px; margin-right: 20px; margin-bottom: 20px; margin-top: 20px;}
#rightColumn { background-color: #040607; min-width: 260px; width: 300px; float: left; margin-left: 20px; margin-right; 40px; margin-top: 20px; margin-bottom: 20px;}
#clBody { background-color: #040607; width: 920px; margin-bottom: 20px; margin-left: 40px; min-width: 920px; min-height: 500px;}
body { color: white;}
#clPage { margin-left: 20px;}
#rightColumnText p { text-align: left;}
#rightColumnSubHeading p { text-align: left; color: #C8CA99; font-size: 13px;}
#leftBottomNav { margin-left: 20px; margin-top: 20px; min-height:60px; min-width: 200px; float:left;}
#middleBottomNav { margin-top: 10px; text-align: center; min-height: 60px; width: 470px; min-width: 470px; float:left; text-align: middle;}
#middleBottomNav img { text-align:center;}
#middleBottomNav p { text-align:center;}
#rightBottomNav { text-align: right; margin-right: 20px; margin-top: 20px; min-height: 60px; min-width:200px; float:right;}
#backNextBottomOverlay { margin-top: -25px; width: 840px; min-width:840px; min-height: 10px; margin-left: 40px; margin-right:40px;}
#leftBottomNavOverlay { float: left; margin-top: -25px; margin-left:20px; width:840px; text-align: left;}
#rightBottomNavOverlay { float: right;margin-top: -25px; margin-right: 20px; width:840px; text-align:right;}
h1.clPageHeader { margin-left: 40px; margin-bottom: 0px; font-size: 13px; color: #C8CA99; font-weight: bold;}
#clFooter { width: 920px; text-align: center;}
a { text-decoration: none; border: none;}
a:hover { text-decoration: none; border: none;}