/* BASE LAYOUT
 * 
 * Body tag receives background-color and a background-image
 * top and bottom padding to separate the content 
 * from the borders of the viewarea
 */

html {
   background: none;
   
}

body {
   background-color: rgb(201,202,204);
   background-image: url(../images/base/bg.png);
   background-repeat: repeat-x;
   background-position: top left;
   padding-top: 20px;
   padding-bottom: 20px;
   
}

a {
   color: black;
      
}

h4 {
   clear: none;
   margin: 0;
   padding: 0;
}

/*
 * This controls the position of the document and it's width
 */
.document {
    margin-left: auto;
    margin-right: auto;
    
    width: 965px;
    
}

/**
 * Override the layout CSS property so that
 */
#doc3 {
 margin: 0;
 
 }

/* CONTENT DIVS
 * padding settings
 * 
 * The padding is set up in each of these sections so that they dont overlap
 * the alpha png being loaded
 */

#bd, #hd, #ft {
   padding: 0 13px 0 13px;
   clear: both;
}

/* CONTENT DIVS 
 * bd - Body
 * hd - Header
 * ft - Footer
 * 
 * These contain the background image, and settings for each of the sections
 */

#hd {
   background-image: url(../images/base/headerbg.png);
   background-position: top left;
   background-repeat: no-repeat;
   padding-top: 25px;
   zoom: 100%;
   
}

#bd {
   background-image: url(../images/base/pageshadowbg.png);
   background-position: top left;
   background-repeat: repeat-y;
   position: relative;
   float: left;
   clear: both;
   width: 939px;
   margin: 0;
}

#ft {
   height: 94px;
   background-image: url(../images/base/footerbg.png);
   background-position: top left;
   background-repeat: no-repeat; 
   padding-top:2px;     
}

/* HEADER DIV
 * 
 * CSS properties for the Header div, and all it's elements
 * including the unordered list menus 
 * 
 */

#hd div {
    width: 932px;
    padding: 0;
    margin: 0;
    position: relative;
}

#hd div.clock {
    width: 150px;
    height: 100px;
    float: right;
}

#hd div h1 {
   display: block;
   background-image: url(../images/base/logo.png);
   background-position: top left;
   background-repeat: no-repeat; 
   
   height: 96px;
   width: 318px;
   margin: 23px 0 0 26px;
   padding: 0;
   
}

#hd div h1 span {
   visibility: hidden;   
}

#hd div #menu {
   background-image: url(../images/base/menubg.png);
   background-position: top left;
   background-repeat: repeat-x;
   height: 29px;
      
}

#hd div ul {
    display: block;
    list-style: none;
    
    padding: 0;
    width: auto;
    position: absolute;
    bottom: 8px;
}

#hd div ul#mainNav {
    left: 16px;
}

#hd div ul#sideNav {
    right: 18px;
	display: none;
}

#hd div ul li {
    float: left;
    list-style: none;
    margin-right: 17px;
}

#hd div ul#sideNav li {
   margin-right: 11px;   
}

#hd div ul li a {
    text-decoration: none;
    cursor: hand;
    display: block;
   
}

#hd div ul li a span {
   visibility: hidden;
   font-size: 10px;
}

#hd div ul#mainNav {
   background-image: url(../images/base/mainMenu5.jpg);
   background-position: top left;
   background-repeat: no-repeat;
   height: 11px;
}

#hd div ul#mainNav li a {
   height:11px;   
}


#hd div ul#mainNav li#nav_home a {
   width: 35px;
}
#hd div ul#mainNav li#nav_company a,
#hd div ul#mainNav li#nav_products a {

   width: 62px;
}
#hd div ul#mainNav li#nav_media a {
   width: 40px;
}

#hd div ul#mainNav li#nav_partners a,
#hd div ul#mainNav li#nav_contact a  {
  width: 55px;
}
#hd div ul#mainNav li#nav_supply a  {
width: 80px;
}

#hd div ul#sideNav {
   background-image: url(../images/base/sideMenu.gif);
   background-position: top left;
   background-repeat: no-repeat;
   height: 11px;
}



/**
 * CONTENT DIV
 */


#content {
   margin: 9px;
   margin-right: 15px;
   color: rgb(96,96,96);
   font-size: 12px;
}

#sideCol {
   width: 320px;
   float: right;
   background: rgb(235, 235, 235);
   margin-left: 10px;
   margin-bottom: 10px;
   
}

#sideCol div {
   margin: 5px;
   min-height: 430px;
  
}


#content h1 {
   font-size: 24px; 
   color: rgb(77,77,74);
   margin: 4px 10px 20px 2px;   
}


#content h2 {
   color: rgb(64,64,64);
   font-size: 18px;
   margin: 4px 10px 10px 2px;      
}

#content h3 {
   color: rgb(64,64,64);
   font-size: 15px;
   margin: 4px 10px 10px 2px;
   clear: none;    
}

#content p {
   margin-top: 20px;
   
   font-size: 12px;
}


/* END BASE LAYOUT */

ul#companyMenu {
   list-style: none;
   margin: 0;
   padding: 0;
   height: inherit;
   position: relative;
}

#companyMenu li {
   list-style: none;
   margin: 0;
   position: relative;
}


#companyMenu li a {
   
}

html>body #companyMenu li a {
   
}

#sideCol a {
   text-decoration: none;
   color: rgb(64,64,64);
   font-size: 16px;
   padding: 5px 0 3px;
   padding-left: 5px;
   display: block;
	text-decoration: none;
	width: 100%;
}

#sideCol a:hover {
   background-color: rgb(205, 205, 205);
   
}

#companyMenu li ul {
   background-color: rgb(215,215,215);
   
}
#companyMenu li ul a {
   margin-left: 25px;
}
#companyMenu li ul li a {
   font-weight: lighter;
   padding: 4px 0 5px;
   padding-left: 6px;
   display: block;
	text-decoration: none;
	width: 90%;
   font-size: 11px;
   
   border-left: 4px transparent solid;
      
}

#companyMenu li ul li a:hover {
   border-left: 4px black solid;   
}
#second table tr{
border:none;
}