html, body { height: 100%; margin: 0; padding: 0; font:13px Tahoma;color:#262626;}
html>body #all { height: auto; min-height: 100%; }
body {background:#fff;font-size:12px;font-family: Tahoma;}
#color {        opacity:0.4;filter:alpha(opacity:40);width:100%; height: 100%; position: absolute; color: #404040;
        background:#888;top:0;z-index:0;}
#gradient {       opacity:0.5; position:absolute;top:0;background:url('images/grad.jpg') no-repeat #3D3D3D;width:100%;height:100%;z-index:1;filter:alpha(opacity:60);}
#lightandshadow { opacity:0.8; position:absolute;top:0;background:url('images/shadow.png') no-repeat;width:100%;height:100%;z-index:2;}
#all {margin:0;padding:0;width:100%;position:absolute;top:0;z-index:3}
#contact {position:absolute;top:30px;left:600px;z-index:3;color:white;text-shadow: 1px 2px 1px #444;}
#content {padding:30px 66px;max-width:1200px;min-width:650px;}
#content img {margin:10px;}
#content ul {margin:10px;}
img {vertical-align:bottom;border:0;}
#c_t_l {height:26px;background:url('images/c_t_l.png') no-repeat;padding-left:22px;}
#c_t_r {height:26px;background:url('images/c_t_r.png') no-repeat right top;padding-right:25px;}
#c_t_bg {height:26px;background:url('images/c_t_bg.png') repeat-x;}

#c_b_l {height:55px;background:url('images/c_b_l.png') no-repeat;padding-left:234px;}
#c_b_r {height:55px;background:url('images/c_b_r.png') no-repeat right top;padding-right:170px;}
#c_b_bg {height:55px;background:url('images/c_b_bg.png') repeat-x;}

#c_l {background:url('images/c_l.png') repeat-y;padding-left:2px;}
#c_r {background:url('images/c_r.png') repeat-y right top;padding-right:3px;}
#c_bg {background:url('images/c_bg.png') repeat-x #CCCBC7;min-height:400px;padding:1px 40px 10px 40px;}

a {color:#0E74DA;}
ul,h1,h2,h3 {padding:0;margin:0;}

menu {height:29px;text-shadow: 1px 1px 1px #ccc;}
menu {list-style: circle;margin:5px 0 0 20px;color:gray;padding:0;}
menu li {float:left; font:13px Arial;padding:0 25px 0 0;margin:0;font:13px Verdana;}
menu li.active {list-style: disc;}
h1 {font:33px Tahoma, Verdana,Arial,sans-serif;text-align:left;text-indent:20px;}
h2 {padding-left:20px;}
p {font:13px Tahoma, Verdana,Arial,sans-serif;text-indent:20px;}

img {margin:0;border:0;}
.fleft{float:left;}
.fright{float:right;}

.strike {text-decoration: line-through;}
a.external {padding: 0 14px 0 0;background: url('/images/external.png') no-repeat right;}
pre {width:90%;border:#a0a0c0 1px solid;background:#e8faff;color:black;margin:10px 0 10px 30px;padding:10px;clear:both;
     white-space: pre-wrap;       /* css-3 */
     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
     white-space: -pre-wrap;      /* Opera 4-6 */
     white-space: -o-pre-wrap;    /* Opera 7 */
     word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
code {margin:0px; padding:0px;background:#e8faff;}
blockquote {background:#e8faff;}

div#counters {text-align:center;}

table.portfolio { width:100%; }
table.portfolio td.year   { font-family:Arial; font-size:22px; color:#838D99; text-align:right; }
table.portfolio td.image  { width:10%; height:150; border:1px dashed #999999; background:#FFFFE1; text-align:center; }
table.portfolio td.desc   { vertical-align:top; }
table.portfolio td.desc p { text-align:justify; }
table.portfolio span.date { margin:0px 6px 0px 0px; color:#000000; font-size:10px; }

ul.years    { font-family:Arial; font-size:22px; color:#838D99; margin:16px 0 0 36px; }
ul.years li { margin:0px 0px 8px 0px; }