/* BODY DEFAULTS ------------------------------- */
      BODY {
        background-color: #333;
        margin: 10px 0px 10px 0px;  
        text-align:center;      
      }
      BODY, A, P, TD, TH, LI, H1, H2, H3 {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #333;
      }
      DIV.box1 {
        border: 6px solid #444;
        margin-right: auto;
        margin-left: auto;
        width: 740px;
      }
      DIV.box2 {
        border: 1px solid #333;
      }

      
      
      /* IE-ONLY FORMATTING ------------------------------- */
      BODY {
        scrollbar-base-color: #ccc;
        scrollbar-track-color: #000;
        scrollbar-face-color: #666;
        scrollbar-highlight-color: #ccc;
        scrollbar-3dlight-color: #000;
        scrollbar-darkshadow-color: #000;
        scrollbar-shadow-color: #ccc;
        scrollbar-arrow-color: #000;
      }


      
      /* HEADINGS ------------------------------- */
      
      H1 {
        font-size: 16px;
        color: #ddd;
      }
      H2, SPAN.H2 {
        font-size: 14px;
        color: #ddd;
        margin-bottom: 11px;
      }
      H2.portfolio {
      	line-height: 16px;
        margin-top: 0px;
        margin-bottom: 5px;
      }
      H2 EM {
        font-weight: normal;
        font-style: normal;
        font-size:14px;
      }
      H3 {
        font-size: 12px;
        color: #ddd;
        font-weight: bold;
        margin-bottom: 0px;
      }
      H4 {
        font-size: 11px;
        font-weight: bold;
        margin-bottom: 2px;
      }
      H1.first, H2.first, H3.first {
        margin-top: 0px;
      }
      TD.work {
        font-size: 12px;
      }
      P.copyright {
        font-size: 9px;
        padding-right: 2px;
        text-align: right;
      }
      P.position {
        font-size: 10px;
        line-height: 13px;
        margin-top: 0px;
        margin-bottom: 20px;
      }
      
      
      /* TEXT DEFAULTS  ------------------------------- */
      P, UL LI, TD.note, TD.note P, DIV.note P {
        font-size: 11px;
        color: #DDD;
      }
      P, UL, LI {
        line-height: 14px;
      }
      UL {
        margin-left: 20px;
        padding-left: 0px;
      }
      LI {
        padding-left: 0px;
        margin-left: 0px;
      }
      UL LI {
        list-style: square;
      }

      
      
      /* LINK DEFAULTS  ------------------------------- */
      A, A.footer {
        text-decoration: none;
        color: #efb;
      }
      A:hover, A.footer:hover {
        color: #fff;
        text-decoration: underline;
      }
      A:active, A.footer:hover {
        color: #ffc;
      }
      
      
      
      /* PAGE TITLE ------------------------------- */
      TD.page-title  {
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        margin: 0px;
        color: #999;
        background-color: #333;
      }
      
      
      
      /* NAVIGATION LEVEL 1  ------------------------------- */
      TD.nav1  {
        color: #eee;
        font-size: 11px;
        padding-right: 20px;
       /* background-image: url(../img/bg_nav1.gif);
        background-repeat: repeat-x;
        background-color: #555; */
        background-image: none;
        background-color: transparent;
      }
      TD.nav1 A {
        color: #efb;
        text-decoration: none;
      }
      TD.nav1 A:hover {
        color: #efb;
        background-color: transparent;
        text-decoration: underline;
      }
      TD.nav1 A:active {
        color: #fff;
        background-color: transparent;
        text-decoration: underline;
      }
      /* TABLE#home TR TD.nav1 {
        background-image: url(../img/bg_nav1_home.gif);
        background-repeat: repeat-x;
      } */
      TABLE#home TR TD.nav1 {
        background-image: none;
      }
      DIV.home-logo-bg {
      	background-image: url(../img/home_logo_bg.gif);
      	background-repeat: no-repeat;
      	background-position: 0 0;
      	background-color: #555;
      }
      DIV.sub-logo-bg {
        background-image: url(../img/sub_logo_bg.gif);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-color: #555;
      }
      
     
      
      /* NAVIGATION LEVEL 2  ------------------------------- */
      TD.nav2 {
        padding: 10px 0px 10px 0px;
        background-image: url(../img/bg_nav2.gif);
        background-repeat: repeat-x;
        background-color: #555;
      }
      IMG.tn {
        border: 2px solid #DDC3A8;
        
      }
      A.tn {
        margin-right: 2px;
      }
      A:hover IMG.tn {
        border: 2px solid #FFF;
      }
      
      
      
      /* NAVIGATION LEVEL 3  ------------------------------- */
      TABLE.nav3 TR TD.nav3 {
        border-bottom: none; 
      }
      TABLE#footer TR TD.nav3 {
        border-bottom: none;
        border-top: none;
        background-image: url(../img/bg_nav1.gif);
        background-repeat: repeat-x;
      }
      TD.nav3  {
        color: #eee;
        font-size: 11px;
        background-color: #555;
      }
      TD.nav3 A, TD.nav3 A#nav3-home {
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #efb;
        text-decoration: none;
      }
      TD.nav3 A:hover, TD.nav3 A#nav3-home:hover {
        color: #efb;
        background-color: transparent;
        text-decoration: underline;
      }
      TD.nav3 A:active, TD.nav3 A#nav3-home:active  {
        color: #fff;
        background-color: transparent;
        text-decoration: underline;
      }
      TD.nav3 A#nav3-home {
        margin: 0px 20px 0px 20px;
        width: 100%;
        text-align: center;
      }
      
      
      
      /* HOME PAGE LAYOUT  ------------------------------- */
      TD.project {
        border-top: 1px solid #555;
        background-image: none;
        background-repeat: no-repeat;
      }
      TD.work {
        font-size: 11px;
        color: #999;
      }


      
      /* CONTENT AREA LAYOUT  ------------------------------- */
      TABLE.body {
        background: #333;
      }
      TABLE.content {
        background-color: #333;
      }
      DIV.note {
        background-color: transparent;
        margin: 20px 0px 30px 20px;
        padding: 15px 10px 00px 15px;
        width: 205px;
        voice-family: "\"}\""; 
        voice-family:inherit;
        width: 170px;
      }
      DIV.pf-image {
        margin: 35px 0px 35px 0px;
       }
      IMG.pf-image {
        border: 1px solid #999;
      }
      DIV.homepage {
        margin: 20px;
       }
      
       
       
      /* FOOTER  ------------------------------- */
      TABLE.footer TR TD {
        padding-top: 2px;
        width: 750px;
      }
      TABLE.footer TR TD, TD.footer {
        font-size: 9px;
        color: #bbb;
      }