body {margin:0; background:url(../~images/sketchbg.gif) 50% 50% no-repeat 999999;}
#container {width:275px; min-height:635px; position: relative; background:url(../~images/bg.png) 0 0 repeat-y; text-align:left; margin:0 auto; padding:1px 12px;}

#top {width:275px; height:24px; position:relative; margin:0 auto; padding:0 12px 0 12px; background:url(../~images/topbg.png);}

#bottom {width:275px; height:50px; position:relative; margin:0 auto; padding:6px 12px 0 12px; background:url(../~images/bottombg.png) no-repeat;}

h1 {font:bold 12px Verdana; color: #666666; width:255px; background-color: #CCCC99; padding:0 10px 0 10px; margin:7px 0; }

h2 {font:bold 11px Verdana; color: #666666; border-bottom: 1 solid #CCCC99; padding:0 10px 0 10px; margin:8px 0 5px 0; }
#42 {width:42px; border-bottom: 1 solid #CCCC99; white-space:nowrap; margin:8px 0 5px 0;}
#87 {width:87px; border-bottom: 1 solid #CCCC99; margin:20px 0 5px 0;}
#129 {width:129px; border-bottom: 1 solid #CCCC99; margin:20px 0 5px 0;}
#171 {width:171px; border-bottom: 1 solid #CCCC99; margin:20px 0 5px 0;}
#213 {width:213px; border-bottom: 1 solid #CCCC99; margin:20px 0 5px 0;}
#255 {width:255px; border-bottom: 1 solid #CCCC99; margin:20px 0 5px 0;}

h3 {font:bold 10px Verdana; color: #333333; padding:0 10px 0 10px; margin:10px 0 2px 0; }

h4 { height:13px; font:bold 9px Verdana; color:#666666; width:255px; background-color: #CCCC99; padding:0 10px 0 10px; margin:0;}

p {font:10px Verdana; color: #333333; padding:0 10px 0 10px; margin:0; line-height:14px;}
.margin5 {font:10px Verdana; color: #333333; padding:0 10px 0 10px; margin:0 0 5px 0; line-height:14px;}

ul {margin: 0 10px 5px 1px; padding:0 1px 0 35px;}
*>html ul {margin: 0 10px 5px 35px; m/argin: 0 10px 5px 1px;}

li {font:10px Verdana; color: #333333; padding:0 8px 0 0; margin:0 0 5px 0; line-height:13px; list-style-image:url(../~images/bullet.gif);}
#portfolio li:hover {list-style-image:url(../~images/bullethover.gif);}

a { font-weight:bold; color:#663333; text-decoration:none;}
a:visited {color:#663333; text-decoration:line-through;}
a:hover {color:#666666; text-decoration:underline;}
#bottom a:visited {text-decoration:none;}

#bottom ul {padding:0; margin:0;}
#bottom li {font:bold 9px Verdana; padding:0; margin:0; display:inline; list-style-type:none}

#port li {margin:0; padding:0; list-style:inherit;}
#port a { font:bold 9px Verdana; padding:0; margin:0; text-align:left; color:#663333; text-decoration:none;}
#port a:hover {color:#666666; text-decoration:underline;}

#info li {margin:0; padding:0;list-style:inherit;}
#info a {font:bold 9px Verdana; padding:0; margin:0; text-align:left; color: #330000; text-decoration:none;}
#info a:hover {color:#663333; text-decoration:underline;}


.note {color:#996633;}

.stronggrey {color: #999999;}

.center { padding:0; margin:0; text-align:center;}

.nav {font:9px Verdana; padding:0 10px 0 10px; margin:0; text-align:left; color:#666666;}

.tightertracking { word-spacing:-2px;}


#subs {}
#sub1 {}
#sub2 { display:none;}
#sub3 { display:none;}
#sub4 { display:none;}
#sub5 { display:none;}
#sub6 { display:none;}
#sub7 { display:none;}
#sub8 { display:none;}
#sub9 { display:none;}
#sub10 { display:none;}


#intro {width:375px; height:308px; position: relative; background: url(../~images/andrewyames.png) 0 0 no-repeat ;  text-align:left; margin:0 auto; padding:12px;}
#hand { position:absolute; top:197px; width:127px;}
#hand p {font:9px Verdana; color: #999999; padding:0 10px 0 8px; margin:0 0 15px 0; line-height:14px;}
#enter {position: absolute; top:140px; left: 300px; height:25px;}
#enter p { font:22px verdana; color: #996633; padding:0;}