body, form, h1, h2, h3, h4, h5, h6, ul, li {margin:0; padding:0;}

body {background:#000 url(images/tile_sg.jpg);font:normal 77% verdana,sans-serif; color:#000;behavior:url(csshover.htc);}
a {text-decoration:none; color:#666;}
a:hover, a:active {text-decoration:underline; color:#c06}
ul, li {list-style:none;}
.clear:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}

#page {width:892px; margin:20px auto;}
#navcol, #textcol, #featcol {float:left;}

#navcol {width:155px; height:168px; margin-right:10px; background:url(images/bg_nav.gif) no-repeat;}
#navcol h1 {width:139px; height:26px; margin:9px 0 0 9px; padding:22px 0; background:#000; color:#c06; text-align:center;}
#navcol .nav {width:139px; margin-left:9px; padding-bottom:18px; background:#000;}
#navcol .nav li {height:21px; color:#000; background:#c06 url(images/nav.gif) no-repeat; text-indent:-1000px;}
#navcol .nav li a {display:block; width:139px; height:21px; overflow:hidden;}
#navcol .nav li.folio {background-position:0 0;}
#navcol .nav li.resume {background-position:0 -21px;}
#navcol .nav li.contact {background-position:0 -42px;}

#textcol {width:173px; height:480px; margin-right:10px; padding:10px; background:#fff; font-size:90%;}
#textcol h2, #textcol h3 {font:bold 100% verdana,sans-serif;}
#textcol h3 {padding-top:15px;}
#textcol h4 {padding-top:15px;}
#textcol li {padding:3px 0 0 12px; background:url(images/bullet.gif) 7px 9px no-repeat;}
#textcol li a {color:#000;}
#textcol .desc {line-height:10pt;}

#featcol {width:514px;}
#folionav {height:13px; margin-bottom:5px; padding:2px 5px; background:#fff; font:bold 90% verdana,sans-serif; color:#000; text-align:right;}
#folionav li {display:inline; padding-left:10px;}
#folionav a {color:#000;}

#folioimg {height:478px; background:#fff;}

#foliocol {width:697px; margin-right:10px; padding:10px; background:#fff; float:left;}
#foliocol h2 {padding-bottom:5px; font:bold 110% verdana,sans-serif;}
.foliotn {margin-right:22px; margin-bottom:15px; float:left;font-size:90%;}
.foliosec {padding-bottom:40px;}
.foliotn img {border:2px solid #ccc;}
.foliotn img:hover {border:2px solid #c06;}

#restxt {padding:10px 15px; background:#fff; font-size:90%;}

#contactimg {height:500px; background:#fff;}
.sep {border-bottom: solid 1px #000; padding-bottom:20px;}
#contactform label {font-weight: bold; padding-top:10px;}
#contactform input, #contactform textarea {font:normal 100% arial,sans-serif;}
#contactform dd {margin:2px 0 15px 0;}
#contactform #submit {background:#fff; border:1px solid #000; color:#000;}
#contactform #submit:hover {border-color:#999; color:#999;}
#contactform #submit:focus {background:#fff; border-color:#CC0066; color:#CC0066;}

#resumecol {width:697px; margin-right:10px; padding:10px 10px 30px 10px; background:#fff; float:left;}
#resumecol li {padding:3px 0 0 12px; background:url(images/bullet.gif) 7px 9px no-repeat;}
#resumecol h2 {font:bold 110% verdana,sans-serif;}
#resumecol h3 {font:bold 100% verdana,sans-serif;}

#showcasecol {width:697px; margin-right:10px; padding:20px 10px 20px 10px; background:#fff; float:left;}

#indexcol {width:697px; background:#fff; float:left;}