html, body {height:100%;}
body {background:#572f28;}
body, div, img, p, ul, li {margin:0; padding:0;}
li {list-style:none;}

table {width:100%; height:100%; padding:0; border-collapse:collapse;}
td {vertical-align:middle;}

#navigator_top {position:relative; margin:auto; width:747px; height:28px; text-align:center; left:10px; z-index:1000; background:transparent;}
#envelope {position:relative; margin:auto; width:767px; height:407px; background:white;}

/* styles for main window */

#home, #resume, #samples, #projects, #photography, #contact {display:none;}
#home, #overview {display:block;}

#ornament_vine {position:absolute; top:-37px; left:-90px; width:400px; height:490px; z-index:500;}
#ornament_branch {position:absolute; bottom:0; right:0; width:88px; height:108px; overflow:hidden; z-index:500;}
#nameplate {position:absolute; top:12px; right:16px; cursor:pointer;}
#copyright {position:absolute; bottom:-15px; right:-1px; z-index:1000;}

#copy {position:relative; top:56px; left:241px; z-index:1000; width:530px;}
.heading {position:relative; top:0; left:-48px;}

p, .p {font:12px/18px Arial, sans-serif;}
i {font-style:italic; font-weight:bold; padding-left:10px;}
.indent {padding-left:10px; width:500px;}

#copy p {color:#300; padding-top:18px;}
#copy .p {color:#300; padding-top:8px;}
#copyright p {font:10px/10px Arial, sans-serif; color:white;}

ul#navigator_top li {display:inline; padding:0 15px 0 12px; border-right:1px solid white; font:bold 12px/18px Arial, sans-serif; color:white;}
ul#navigator_top li.last {border:none;}

ul.navigator_bot {position:absolute; top:285px; left:0;}
ul.navigator_bot li {display:inline; padding:0 22px 0 0; font:bold 13px/18px Arial, sans-serif; color:#f60;}

.navigator_more {position:absolute; top:285px; width:420px; text-align:right;}

#copy table {width:auto; height:auto;}
#samples td {font:12px/18px Arial, sans-serif; color:#300; padding:4px 0px 0 15px; vertical-align:top;}
#projects td {font:12px/20px Arial, sans-serif; color:#300; padding:7px 24px 0 0; vertical-align:top;}

#navigator_top a {font-weight:bold; color:white; text-decoration:none;}
#copy a {font-weight:bold; color:#f60; text-decoration:none;}
#copy a:hover {color:#f60; text-decoration:none; cursor:pointer; border-bottom:dotted 1px #ff6600;}
#copy .navigator_bot a {font-weight:bold; color:#600; text-decoration:none;}
#copy .navigator_more a {font-weight:bold; color:#f60; text-decoration:none;}
#navigator_top a:hover, #copy .navigator_bot a:hover, #copy .navigator_more a {color:#f60; text-decoration:none; cursor:pointer;}


/* styles for samples window */

/* "paper samples" */
#aaa, #becu, #getty, #getty2, #kawasaki, #netflix, #netflix2, 
#monaco, #monaco2, #monaco3, #vwb, #wamu, #wamu2, #wamu3, #wamu4, 
#worldvision, #worldvision2 {display:none;}
#aaa {display:block;}

/* "pixel samples" */
#thg, #thg2, #thg3, #msn, #msn2, #peoplepc, #peoplepc2, #peoplepc3, 
#popcap, #popcap2, #prolifiq, #rnt, #rnt2, #sprout, #sprout2 {display:none;}
#thg {display:block;}

#ornament_branch_alt {position:absolute; bottom:0; bottom:expression(-1+'px'); left:2px; width:76px; height:178px; z-index:500;}
#nameplate_alt {position:absolute; bottom:-26px; right:22px; z-index:1000; cursor:pointer;}

ul.navigator_next {position:absolute; top:-26px; right:12px; z-index:1000;}
ul.navigator_next li {display:inline; padding:0 14px 0 11px; border-right:1px solid white; font:bold 12px/18px Arial, sans-serif; color:white;}
ul.navigator_next li.last {border:none;}

.navigator_next a {font-weight:bold; color:white; text-decoration:none;}
.navigator_next a:hover {color:#f60; text-decoration:none; cursor:pointer;}

.slide {position:relative; top:2px; left:100px; z-index:1000; width:660px; height:405px; overflow:hidden;}
.title {position:absolute; top:-30px; left:0; z-index:1000;}

/* styles for paragraphs */
.body_text {width:420px; margin:0; padding-top:5px;}

/* styles for sample page */
#sample_examples {padding-left:15px; margin-bottom:5px;}

/* styles for daily herald article */
td.dailyherald p {margin-bottom:15px;}

/* styles for 404 error page */
#recipe {font:12px/18px Arial, sans-serif; padding-top:13px;}
#recipe ul {margin:0 0 0 15px; padding:0;}
#recipe ul li {padding-left:15px;}
#recipe p {margin:0; padding-left:30px;width:400px;}

#copy404 {position:relative; top:45px; left:241px; z-index:1000; width:530px;}
#copy404 p {color:#300; padding-top:18px;}
#copy404 .p {color:#300; padding-top:8px;}
#copy404 a {font-weight:bold; color:#f60; text-decoration:none;}
#copy404 a:hover {color:#f60; text-decoration:none; cursor:pointer; border-bottom:dotted 1px #ff6600;}