body { 
background: #000002 url(../images/chinatown/chinatown_bottomimage.jpg) no-repeat bottom; 
margin: 0px;
height: 100%;
font: 11px/16px Geneva,Arial,Tahoma,sans-serif;
color: #00EF9C;
text-align: center;
}

#topborder {
background: url(../images/chinatown/chinatown_topborder.gif) repeat-x;
position: absolute;
width: 100%;
height: 18px;
left: 0px;
top: 0px;
margin-left: 0px;
margin-top: 0px;
}	
	
#container {
position: absolute;
left: 50%;
margin-left: -335px;
width:730px;
}

#top {
position: absolute;
width: 712px;
height: 29px;
left: 0px;
top: 22px;
margin-left: 0px;
margin-top: 0px;
}

div.top span.header { 
z-index: 1000;
float: left;
text-align: left;
padding-top: 22px;
left: 0px;
}
#header h1 {
background: url(../images/chinatown/chinatown_h1.gif) no-repeat;
width: 299px;
height: 29px;
margin: 0px;
}
#header h1 span.logo {
display: none;
}

div.top span.navigation {
margin: 0px;
}
#navigation ul {
list-style: none;
margin: 0px;
}
#navigation li {
border-left: 1px solid #BB2705;
border-right: 1px solid #A07B9E;
float: right;
margin: 0px;
}
#navigation a {
color: #FF95C6;
font-weight: bold;
text-decoration: none;
padding: 2px 15px 3px 15px;
}
#navigation a:hover {
color: #00FF6E;
}
#navigation #currentpage a {
background: #5C0000;
color: #96FFFF;
}

#guts {
position: absolute;
width: 689px;
height: 29px;
left: 22px;
top: 74px;
z-index: 1;
margin-left: 0px;
margin-top: 0px;
}	
	
#maintext {
position: relative;
background: #122625;
border: 1px solid #5AFEFE;
left: 0px;
width: 689px;
padding: 0px;
margin: 0px;
text-align: left;
z-index: 500;
}
#mainportfolio {
position: relative;
background: #122625;
border: 1px solid #5AFEFE;
left: 0px;
width: 689px;
padding: 0px;
margin: 0px;
text-align: left;
z-index: 500;
}	
	
#switcher {
position: relative;
left: 300px;
top: 5px;
width: 694px;
z-index: 1000;
}

#switchlist {
position: relative;
left: -300px;
width: 694px;
z-index: 1000;
visibility: hidden;
}

#switchlist ul {
list-style: none;
margin: 0px;
}

#switchlist li {
border-left: 1px solid #BB2705;
border-right: 1px solid #A07B9E;
float: right;
margin: 0px;
}

#switchlist a {
color: #00FF6E;
font-weight: bold;
text-decoration: none;
padding: 15px;
}

#switchlist a:hover {
background: #5C0000;
color: #96FFFF;
}


h3.pagetitle { 
font: 16px/24px Geneva,Arial,Tahoma,sans-serif;
font-weight: bold;
color: #00EF9C;
padding: 20px 0px 0px 0px;
}


#about {
position: relative;
top: 0px;
left: 0px;
padding-left: 20px;
}

#about p {	
position: relative;
top: 0px;
font: 11px/18px Geneva,Arial,Tahoma,sans-serif;
text-align: justify;
margin: 0px;
padding: 0px 0px 10px 0px;
width: 380px;
}

#portfolio {
position: relative;
top: 0px;
left: 0px;
padding-left: 20px;
}

#portfolio p {	
position: relative;
top: 0px;
text-align: justify;
margin: 0px;
padding: 10px 0px 0px 0px;
width: 320px;
}

#thumbset {	
position: relative;
background: url(../images/chinatown/chinatown_tableborders.gif) bottom;
bottom: 0px;
margin: 0px;
padding: 0px;
width: 689px;
height: 90px;
}

.thumbs {	
position: absolute;
border: 1px solid #5AFEFE;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 29px;
height: 29px;
}

#details {
position: relative;
top: 0px;
left: 0px;
padding-left: 20px;
}

.summary {
font: 12px/16px Geneva,Arial,Tahoma,sans-serif;
font-weight: normal;
color: #00EF9C;
padding: 12px 0px 0px 0px;
text-align: justify;
}

.jobrole {
font: 12px/16px Geneva,Arial,Tahoma,sans-serif;
font-weight: normal;
font-style: italic;
color: #00EF9C;
padding: 3px 0px 0px 0px;
}

.tasks {
font: 9px/16px Geneva,Arial,Tahoma,sans-serif;
font-weight: normal;
color: #00EF9C;
padding: 3px 0px 0px 0px;
list-style: square outside;
}

#screenshotbox {
width: 322px;
padding: 0px;
margin: 2px;
z-index: 500;
font: 9px/16px Geneva,Arial,Tahoma,sans-serif;
font-weight: normal;
color: #A07B9E;
border: 1px dotted #820101;
background-color: #380000;
}

#screenshot {
border: none;
padding: 7px 15px 14px 16px;
margin: 0px;
z-index: 500;
}

#playground {
position: relative;
top: 0px;
left: 0px;
padding-left: 20px;
}

#playground p {	
position: relative;
top: 0px;
font: 11px/18px Geneva,Arial,Tahoma,sans-serif;
text-align: justify;
margin: 0px;
padding: 10px 0px 0px 0px;
width: 380px;
}

.playlink {
font: 11px/18px Geneva,Arial,Tahoma,sans-serif;
font-weight: bold;
text-decoration: none;
color: #FF95C6;
}

.playlink:hover {
font: 11px/18px Geneva,Arial,Tahoma,sans-serif;
font-weight: bold;
text-decoration: none;
color: #96FFFF;
}

#contact {
position: relative;
top: 0px;
left: 0px;
padding-left: 20px;
}

#contact p {	
position: relative;
top: 0px;
text-align: justify;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
width: 320px;
}

.emaillink {
font: 11px/24px Geneva,Arial,Tahoma,sans-serif;
font-weight: bold;
text-decoration: none;
color: #A07B9E;
background-color: #490145;
padding: 4px;
border: 1px solid #FF95C6;
}

.emaillink:hover {
font: 11px/24px Geneva,Arial,Tahoma,sans-serif;
font-weight: bold;
text-decoration: none;
color: #BB2705;
background-color: #000000;
padding: 4px;
border: 1px dotted #5C0000;
}

a.scenery {
color: #FF95C6;
font-weight: bold;
text-decoration: none;
padding-right: 20px;
}

.urllinks {
font: 11px/16px Geneva,Arial,Tahoma,sans-serif;
font-weight: bold;
text-decoration: none;
color: #A07B9E;
background-color: #490145;
padding: 4px;
border: 1px solid #FF95C6;
}

.urllinks:hover {
font: 11px/16px Geneva,Arial,Tahoma,sans-serif;
font-weight: bold;
text-decoration: none;
color: #BB2705;
background-color: #000000;
padding: 4px;
border: 1px dotted #5C0000;
}