html {background: url(../img/bkg_wallpaper_pixels.gif) left top repeat;}
body {width: 750px; margin: 0 auto;
   background: url(images/mid_bkg.gif) left top repeat;
   behavior: url(csshover.htc); position: relative;}
   
/*      Headline and Photo      */
#headline {margin-top: 40px; height: 245px;
   border: 1px solid; border-width: 1px 1px 0 1px;
   background: url(images/home.jpg) left top no-repeat;
   font-family: Arial, Helvetica, sans-serif; 
   color: #fff; font-weight: bold;}
#headline h1 {margin: 0; padding: 20px 200px 0 20px; 
   font-size: 21px;}   
#headline h2 {margin-top: -2px; padding: 0 300px 0 20px; 
   font-size: 14px; line-height: 19px; color: #ddd4f3;}
#headline span.subTextLrg {font-size: 18px; color: #fff;}   
#headline p {font: normal 8px Verdana, Arial, sans-serif;
   padding: 112px 0 0 20px; color: #9187A6;}
         
/*---main nav container atributes-------------------------*/
div#nav {
  float: left; 
  margin: 0;
  padding: 0;
  background: #414141 url(images/btn_bkg.gif) left 1px repeat-x;
  width: 749px; 
  border: 1px solid; 
  border-color: #fff #282828 #282828 #fff; 
  border-width: 1px 1px 1px 0;
  }

/*---main menu button atributes  -------------------------*/  
div#nav li.mainBtn {
  position: relative; 
  list-style: none;
  margin: 0;
  float: left; 
  width: 98px; 
  border: 1px solid; 
  border-color: #fff #282828 #282828 #ababab; 
  border-width: 0 1px 0 1px;
  }
   
div#nav li.mainBtn a {
  display: block; 
  padding: 18px 0 1px 6px; 
  width: 88px; 
  height: 24px; 
  text-align: right;
  font: bold 9px/10px Verdana, Arial, sans-serif; 
  color: #ababab; 
  text-decoration: none;
  }
  
div#nav li.mainBtn a:hover {
  color: #fff;
  }
  
/*---placement of bkg graphics in main buttons -----------*/  
div#nav ul.level1 li.home {
  background: url(images/dots_home.gif) 5px 5px no-repeat;
  } 
 
div#nav li.about {
  background: url(images/dots_about.gif) 5px 5px no-repeat;
  }
    
div#nav li.product {
  background: url(images/dots_products.gif) 5px 5px no-repeat;
  }
 
div#nav li.quote {
  background: url(images/dots_quote.gif) 5px 5px no-repeat;
  }
 
div#nav li.contact {
  background: url(images/dots_contact.gif) 5px 5px no-repeat;
  }

/*---submenu atributes------------------------------------*/        
div#nav ul {
  margin: 0; 
  padding: 0;
  
  }
  
div#nav li {
  position: relative; 
  list-style: none; 
  margin: 0; 
  float: left; 
  width: 190px; 
  z-index: 100
  } 
    
div#nav li li.sub2, 
div#nav li li.sub2 a,
div#nav li li.sub3, 
div#nav li li.sub3 a, 
div#nav li li.sub4, 
div#nav li li.sub4 a, 
div#nav li li.sub5, 
div#nav li li.sub5 a {
  width: 185px; 
  text-align: left; 
  margin: 0; 
  padding: 5px 0 0 10px;
  }
  

  
div#nav ul ul {
  position: absolute; 
  width: 200px;
  display: none;
  background: #404040;
  }
  
div#nav ul.level1 li.subMenu:hover ul.level2, 
div#nav ul.level2 li.subMenu:hover ul.level3 {
  display: block;
  }
  
div#nav ul.level2 {
  top: 43px;
  left:0;
  }
div#nav ul.level3 {
  top: 0; 
  left: 200px;
  }
    
/*---submenu bkd rollover atributes-----------------------*/
div#nav li li.sub2 a:hover, 
div#nav li li.sub3 a:hover, 
div#nav li li.sub4 a:hover, 
div#nav li li.sub5 a:hover {
  color: #000;
  }

div#nav ul.level1 li.about ul.level2 li.sub2:hover {
  background: #fd7a7a;
  width: 190px;
  }
    
div#nav ul.level1 li.product ul.level2 li.sub3:hover {
  background: #fea349;
  width: 190px;
  }
  
div#nav ul.level1 li.quote ul.level2 li.sub4:hover {
  background: #f5f344;
  width: 190px;
  }
  
div#nav ul.level1 li.contact ul.level2 li.sub5:hover {
  background: #4cde3c;
  width: 190px;
  }

/*    Main Content     */
#wrapper {
  width: 750px;
  /*background: url(images/line_shad.gif) 500px top repeat-y; */
  background: #fff url(images/line_shad.gif) 509px 0 repeat-y;
  }
#main {float:left; margin: 0; 
   padding: 0 0 3em 0;
   width: 509px; 
   
   color: #434343;
   font: normal 11px/13px Verdana, Arial, sans-serif;}
#main h3 {font-size: 12px; margin: 20px 0 0 20px; padding: 0 0 0 17px; 
   background: url(images/dots_subhead.gif) center left no-repeat;}
#main h4 {font-size: 11px; margin: 0; padding: 8px 0 0 20px;}
#main p {margin: 0; padding: 10px 20px 0 20px;}
#main ul {margin:0 0 0 30px; padding: 2px 0 0 20px;}
#main a {text-decoration: none; color: #434343; 
   display: block; width: 145px;
   font: bold 10px Verdana, Arial, Helvetica, sans-serif;; 
   margin: 0; padding: 10px 0 0 20px;}
#main a:hover {text-decoration: underline;}
#clearFix {
  clear: both;}

/*     Sidebar    */
#sideBar {width: 241px; 
  /*position: absolute;*/ 
  float: left;
   top: 290px; right: 0; z-index: 90;}
#sideBar h3 {color: #434343; font-size: 12px; 
   margin: 0; padding: 20px 0 10px 28px; 
   background: url(images/dots_subhead.gif) 12px 24px no-repeat;
   font: bold 12px Verdana, Arial, sans-serif; color: #4C4C4C;}
#sideBar .boxTop {border-top: 1px solid #979797; 
   margin: 0; padding-top: 0;}
.box1, .box3 {margin: 0 0 25px 12px; padding: 0; width: 215px; 
   border: 1px solid #909090; background: #fff;
   font: bold 9px/11px Verdana, Arial, sans-serif; color: #4C4C4C;}
.box1 p, .box3 p {background: #D2D2D2; margin: 1px 55px 1px 1px; 
   padding: 5px 10px;}
.box1 img, .box3 img {display: block; float: right; 
   margin: 0; padding: 17px 13px 0; 
   border: 0; width: 27px; height: 21px;}   
.box2 {margin: 0 0 25px 12px; padding: 0; width: 215px; 
   border: 1px solid #909090; background: #fff;
   font: bold 9px/11px Verdana, Arial, sans-serif; color: #4C4C4C;}
.box2 p{background: #D2D2D2; margin: 1px 55px 1px 1px; 
   padding: 8px 10px 8px 10px;}
.box2 img {display: block; float: right; 
   margin: 0; padding: 4px 10px 0; 
   border: 0; width: 27px; height: 21px;}   
.box4 {margin: 0 0 25px 12px; padding: 0; width: 215px; 
   border: 1px solid #909090; background: #fff;
   font: bold 9px/11px Verdana, Arial, sans-serif; color: #4C4C4C;}
.box4 p {background: #D2D2D2; margin: 1px 69px 1px 1px; 
   padding: 1px 1px; font-weight: normal;}   
.box4 img {display: block; float: right; 
   margin: 0; padding: 1px 1px 1px 0; border: 0;}
img#logo {margin: 0; padding: 30px 15px 0 18px;}

/*     Footer     */
#footer {
  clear: both;
  margin: 0; 
  padding: 15px 0; 
  text-align:center;}
#footer a {display: inline; padding: 0 15px;
   text-decoration: none; color: #fff;
    font-size: 9px; border-right: 1px solid #fff;}
#footer a:hover {text-decoration: underline;} 
a#endLink {border: none;}