html,body { margin:0;
            padding:0;
            height:100%; /* needed for container min-height */
            background:gray;
            font-family: arial, helvetica, verdana, sans-serif;
            font-size:small;
            color:#999999;
          }

h1 { font:1.3em georgia,serif; 
     margin:0.5em 0;
   }

h2 { font:1.25em georgia,serif;
     margin:0 0 0.5em;
   }

h1, h2, a { color:#3399CC; }

p { line-height:1.5; 
    margin:0 0 1em;
  }

img { border: none;
    }

div#container { position:relative; /* needed for footer positioning*/
                margin:0 auto; /* center, not in IE5 */
                width:750px;
                background:white;
                height:auto !important; /* real browsers */
                height:100%; /* IE6: treaded as min-height*/
                min-height:100%; /* real browsers */
              }

#headerleft { background: #FFFFFF;
              color: #000;
              width: 280px;
              float: left;
            }

#headerright { background: #FFFFFF;
               color: #000;
               width: 470px;
               float: right;
	     }

#navbox {width: 730px;
         margin-top: 0px;
         margin-left: 10px;
         margin-right: 10px;
         margin-bottom: 0px;
         background: #FFF;
        }

#navbox ul { width: 720px;
     margin: 0;
     padding: 4px;
     list-style: none;
     float: left;
     background: #CCCCCC;
     color: #000;
     
     }

#navbox ul li { float: left;
      }

#navbox ul a { display: block;
       padding: 0 2.0em; /* was 2.07*/
       line-height: 1.1em;
       font-family: Arial, Helvetica, Verdana, sans-serif;
       font-size: 14px;
       text-decoration: none;
       color: #000;
      }

#navbox ul a:hover { color: #3399CC;
            }

div#content { float: right;
              width: 555px;
              padding-top: 10px;
              padding-bottom: 10px;
            }

div#content p {	text-align:justify;
                padding:0 1em;
              }

div#column { float: left;
             width: 170px;
             padding-top: 10px;
             padding-bottom: 10px;
             padding-left: 15px;
             padding-right: 10px;
           }

div#contentportfolio { float: left;
                      width: 725px;
                      padding-top: 10px;
                      padding-bottom: 10px;
            }

div#contentportfolio h2 { text-align:left;
                         padding-left: 35px;
                         padding:0 1em;
                         width: 400px;
                       }

div#contentportfolio p { text-align:justify;
                         padding-left: 35px;
                         padding:0 1em;
                         width: 400px;
                       }

ul.main {  list-style-type: square }

hr { width: 740px;
     margin-left: 5px;
     margin-right: 5px;
     padding-top: 5px;
     padding-bottom: 10px;
     border:solid #fff; 
     border-width: 1px;
     clear: right;
    }

.pic     { float: right;
           margin-left: 10px;
           padding-right: 10px;
         }

div#footer { clear: both;
             background:white;
           }

div#footer p { padding:1em;
               font-size: .75em;
               margin:0;
             }