body,table,input,select,textarea { font-family:"Trebuchet MS",Helvetica,sans-serif; font-size:small; }
body { margin:0; background-color:#000; color:#fff; }

input,select,textarea { font-size:1em; }
small   { font-size:0.85em; }

.Cl          { clear:all; }
.clear:after { content:"."; display:block; clear:both; visibility:hidden; }

a { color:#c00; }
a:hover { color:#d33; }

/* header */
#header { position:absolute; top:0; left:0; }
/* nav top - flash */
#navtop { position:absolute; top:20px; left:160px; }

/* content */
#content { margin:80px 10px 10px 202px; min-height:210px; }
*html #content { padding-top:80px; height:210px; }
#content h1 { font-size:1.4em; }
#content h2 { font-size:1.2em; }

.screenshot a { float:left; text-decoration:none; padding:10px; width:100px; color:#fff; }
.screenshot img { border:0; }
table.portfolio { width:100%; border:red solid 1px; }
table.portfolio th { width:360px; padding:10px; vertical-align:top; text-align:left; color:#c00; }

table.portfolio td { padding:0 10px 10px 10px; text-align:justify; }

dl { line-height:1.4em; }
dt { float:left; width:8em; text-align:left; font-weight:bold; }
dd { margin-left:8em; }   

/* footer */
#footer { font-size:0.85em; }
/* nav bottom */
#navbottom { background-color:#c00; height:2em; color:#000; }
*html #navbottom { background-color:#c00; height:20px; } 
#navbottom ul { margin:0 20px 0 0; padding:0; float:right; list-style:none; }
#navbottom li { padding:0 5px 0 0; display:inline; }
#navbottom a { color:#fff; text-decoration:none; }
#navbottom a:hover { color:#000; }
/* contact */
#contact { margin-left:20px; }

#contact dl { line-height:1.4em; }
#contact dt        { float:left; width:8em; text-align:right; font-weight:bold; }
#contact dd        { margin-left:10em; }                   

/*
#header .logo      { border-top:#043E18 solid 10px; position:absolute; top:0; right:0; z-index:10; display:block; width:100%; height:120px; background:#fff url(../images/h-logo.jpg) no-repeat; }
#header .logo span { display:none; }

.nav                    { margin:0; padding:0; list-style:none; }

#nav-top                { position:absolute; top:130px; left:0; width:100%; border-bottom:#fff solid 1px; }
#nav-top ul             { height:25px; margin:0; padding-top:3px; background-color:#043E18; }
#nav-top li             { display:inline; }
#nav-top a              { float:left; width:107px; height:25px; background-repeat:no-repeat; }
#nav-top a span         { display:none; }

#nav-top-index a        { width:57px; background-image:url(../images/i-n-index.gif); }
#nav-top-services a     { width:103px; background-image:url(../images/i-n-services.gif); }
#nav-top-cost a         { width:127px; background-image:url(../images/i-n-cost.gif); }
#nav-top-staff a        { width:52px; background-image:url(../images/i-n-staff.gif); }
#nav-top-referral a     { width:79px; background-image:url(../images/i-n-referral.gif); }
#nav-top-employment a   { width:203px; background-image:url(../images/i-n-employment.gif); }
#nav-top-contact a      { width:71px; background-image:url(../images/i-n-contact.gif); }

#nav-bottom             { margin-top:2em; border-top:#7E270E solid 1px; padding-top:0.2em; text-align:right; font-size:0.85em; }
#nav-bottom.nav a       { color:#07265F; }
#nav-bottom li          { display:inline; }

#footer           { padding:1em; background:url(../images/i-footer-bg.gif) bottom right no-repeat; font-size:0.85em; color:#999; }
#footer a         { color:#999; }
#footer dl        { line-height:1.2em; }
#footer dt        { padding-right:1em; text-align:right; }
#footer dd        { padding-left:1em; }
#footer .author   { text-align:right; font-size:0.9em; }
#footer .author a { color:#999; text-decoration:none; }

dl.col dt         { float:left; width:6em; }
dl.col dd         { margin-left:7em; }

#border           { margin:158px 0 0 0; border:#fff solid 6px; }

#content          { margin:0; padding:0 1em 0.3em 1em; border:#040460 solid 8px; background-color:#fff; color:#000; }
#content p        { margin:1em 0 1em 0; line-height:1.4em; }
#content a        { color:#003d66; }
#content a:hover  { color:#2c4e65; }
#content h1       { margin:1em 0 1em 0; font-family:Arial,Helvetica,sans-serif; font-size:1.6em;  font-weight:normal; color:#050572; }
h2                { font-size:1.3em; font-weight:bold; color:#050572;}
h3,h4,h5          { font-size:1em; }

a                 { text-decoration:underline; color:#050572; white-space:nowrap; }
a:hover           { text-decoration:none; color:#00f; }
dt                { float:left; width:6em; text-align:left; }
dd                { margin-left:6em; padding-left:1em; }

fieldset.narrow   { margin:0 10% 0 10%; padding:10px; width:80%; }
fieldset          { padding:10px; }
legend            { font-family:Arial,Helvetica,sans-serif; font-size:large; font-weight:normal; color:#050572; }

img               { border:0; }
img               { border:#040460 solid 1px; }
img.R             { float:right; margin-left:10px; }
img.L             { float:left; margin-right:10px; }

.Right            { float:right; text-align:right; }
.Right img        { margin:0 0 10px 10px; }
.Left             { float:left; text-align:left; }
.Left img         { margin:0 10px 10px 0; }

table             { margin:0 10px 0 10px; width:60%; }
td                { padding:5px; }
tr.shade          { background-color:#C8C8FD; }

#news             { float:left; background:#D9D9FD url(../images/i-news.gif) no-repeat; width:220px; margin:0 10px 10px -13px; padding:50px 10px 8px 10px; border:#8787FA inset 3px; font-size:0.85em; }
*html #news       { margin:0 10px 10px -7px; }
#news span a      { font-size:0.8em; text-decoration:none; }
span.note a       { padding:2px 3px 2px 3px; background-color:#C8C8FD; border:#040460 solid 1px; font-size:0.75em; text-decoration:none; }
span.email a      { padding-left:25px; background:url(../images/i-env.gif) no-repeat; }
#count a          { display:none; font-size:0.65em; color:#999999; }

.Logo             { margin-bottom:1em; background-color:#fff; text-align:right; }
.Logo h1          { padding:10px 5px 10px 5px; font-family:"Century Gothic",Arial,Helvetica,sans-serif; font-size:x-large; }
.Logo img         { float:left; padding-right:5px; border:0; }

.Crumb            { float:right; margin:10px 0 10px 10px; padding:10px; width:140px; border:#A2A2FB dashed 1px; font-size:0.8em; }
.Crumb ul         { margin:0 0 0 10px; padding-left:10px; }

.gallery { width:100%; font-size:0.8em; text-align:center; }
.gallery a { display:block; float:left; margin:5px; padding:3px; background:#D4E5F2; border:#040460 solid 1px; text-decoration:none; }
*/