#greyLeftArea, #blueLeftArea, #dblueLeftArea, #orangeLeftArea, #purpleLeftArea, #brownLeftArea,
#dgLeftArea, #whiteLeftArea{

    top: 0px;
    width: 40%;
    height: 100%;
    left: 0px;

    position: absolute;

     background-color: #954c04;
     background-image: url(../images/logo/ongrey.jpg);
     background-repeat: no-repeat;
     background-position: 1px 10px;

}

/*

#blueLeftArea{ background-color: #253C8C;}
#dblueLeftArea{ background-color: #2761A7;}
#orangeLeftArea{ background-color: #cc6600;}
#purpleLeftArea{ background-color: #9B43B3;  background-image: url(../images/logo/onpurple.jpg);  }
#brownLeftArea{ background-color: #59B6E5;}
#dgLeftArea{ background-color: #999999;  }
#whiteLeftArea{ background-color: #ffffff; background-image: url(../images/logo/onwhite.jpg);  }     }
*/

/* #whiteLeftArea{ background-color: #ffffff; background-image: url(../images/logo/onwhite.jpg);  }    */

#menuSelectBG{

    top: 0%;
    height: 100%;
    width: 12px;

   left : 1px;


   background-repeat: no-repeat;


 background-color: #cccccc    ;


    position:absolute;
  }

#topMenu{

    top: 257px;
    width: 225px;
    height: 22px;
    left: 2px;

    position: absolute;



}


#topMenu1, #topMenu2, #topMenu3, #topMenu4, #topMenu5, #topMenu1on, #topMenu2on, #topMenu3on, #topMenu4on, #topMenu5on{
  top: 0px;
  width: 30px;
  height: 19px;

  position: absolute;
  background-repeat: no-repeat;

  cursor: pointer;

}

#topMenu1{ left:18px;  background-image: url(../images/menu/home.gif);  }
#topMenu2{ left:63px;  top: 1px; background-image:  url(../images/menu/work.gif);  }
#topMenu3{ left:95px; background-image:   url(../images/menu/projects.gif); }
#topMenu4{ left:125px; background-image:    url(../images/menu/us.gif);  }
#topMenu5{ left:155px; top: 2px; background-image:    url(../images/menu/contact.gif);  }

#topMenu1on{ left:16px;  top:1px;   background-image:      url(../images/menu/home_on.gif); }
#topMenu2on{ left:60px; top: 2px; background-image:      url(../images/menu/work_on.gif); }
#topMenu3on{ left:93px; background-image:    url(../images/menu/projects_on.gif);   }
#topMenu4on{ left:123px; background-image:     url(../images/menu/us_on.gif);  }
#topMenu5on{ left:155px; top: 2px; background-image:    url(../images/menu/contact_on.gif);  }





#menuArea{

    top: 310px;
    height: 210px;
    width: 200px;

   left : 2px;

  /* background-image: url(../images/down.gif);*/
   background-repeat: no-repeat;

   background-position:  0px  0px;
 background-color:  transparent    ;

    position:absolute;
    /*border: 1px solid #333333;*/





}

#menu, #menu li, #menu li a, #menu ul, #menu ul li ul{ background-color: transparent;   }

#menu{
    left: 0px;
    top: 30px;
    width: 99%;
    height: 0%;

    position: absolute;

    color: #333333;
    font-family: Arial , sans-serif;

    font-size:11px;
    /*border-bottom: 1px solid #cccccc;     */
    background-color: transparent;
    background: transparent;



  }


  #menu ul, #menu ul li ul{
	padding: 0;
	margin: 0;
   width: 100%;
   height: 50%;
   background-color: transparent;

}

 #menu li a:hover {
      /*  background:#444444;*/
        color: #324B90;



  }



#menu, #menu ul, #menu ul li ul{ list-style: none;   text-decoration: none; }
#menu li{
/*border-left :5px solid #cccccc; */
float: left;
  width: 100%;

  text-indent: 4px;


    background-color:  transparent ;
    color: #777777;



}

#menu li {  color: #000055;  background-color: transparent; }

#menu li a, #menu li, #menu li ul li, #menu  li ul li a  {

    height: 20px;
   /*height:1.6em;*/
   line-height: 180%;
   vertical-align: top;
   display:block;
   color: #555555 ;
   margin: 0;
   padding: 0;
   width: 100%;

   text-indent: 4px;

    background-color:  transparent;

    text-indent: 20px;

    text-decoration:none;


    background-image: none;
    background-repeat: no-repeat;
    background-position: 3px 5px;
    font-size: 1em;
    font-family: sans-serif, Arial, "MS Serif";


  }




  #menu li  { background-image:   url(../images/menu/whiteArrOnccc.gif);        }



 #menu li{

 	text-decoration:none;
 	font-weight: normal;
    color: #6182DC;
    font-weight: 500;
    text-align: left;
    /*width:100%; */


   /*	background:#F3F3F6; */

}

 #menu li a { background-image:  url(../images/menu/blankccc.gif); font-weight:  normal;  }

  #menu a li   {

float:left;

   /*height:1.6em;*/
   line-height: 130%;
   vertical-align: top;
   display:block;

   margin: 0;
   padding: 0;


    font-weight:  normal;
    background-image: none;

    text-decoration:none;


  }