html { }
   BODY { width: 100%; height: 100%; background: #dfe0b5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin:0px auto; text-align:center; }
   
   #content { width: 800px; height: 100%; background: #dfe0b5 url(../img/bg_body.jpg) top center repeat-y; margin: 0 auto; }
   
   #header { width: 100%; height: 100px; background: #dfe0b5; }
   #header #logo { width:440px; height:100px; float:left; }
   #header #flash { width:360px; height:100px; float:right; background-color:#A1996A; text-align:left; }
   
   #midpart { width: 100%; height: 100%; background: #E6E7BB; margin: 0 auto; }
   #leftcol { width: 340px; height: 100%; padding-top: 67px; float:left; }
   #rightcol { width: 460px; height: 100%; padding-top: 50px; float:right; }
   
   #expanse { width: 100%; height: 22px; }
   
   #leftcol #cont-lc { width: 250px; text-align: left; color: #A1996A; margin-right: 5px; float: right; }
   .client { font-size: 13px; font-weight: bolder; }
   .desc { font-size: 11px; font-weight: bold; padding-top: 12px; }
   .context {  padding-top: 3px; color: #777777; }
   .url { text-decoration: none; color: #666666; padding-top: 10px; }
   
   #rightcol h2, p { margin: 10px 20px 10px 0; }
   
   #thumbnails { width: 100%; height: 60px; text-align: center; }
   .thumb { margin: 5px; border: #A1996A solid 1px; }
 
   #prefooter { width: 100%; height: 200px; clear: both; position: relative; bottom: 0;}
      
   #footer { width: 100%; height: 40px; background:#84a598; line-height: 1.5em; color: #555555; clear: both; text-align: center; padding: 10px 0; position: relative; bottom: 0;}
   #footer #copyright { text-align:center; color:#ffffff; padding-top:4px; padding-bottom:4px;}
   
   h2 { width: 100%; color: #A1996A; font-size: 22px; font-weight: bold; padding-left: 50px; }