body { 
background: #A8C0C5 url(../images/nycskyline/skyline_bottomimage.jpg) repeat-x bottom; 
margin: 0px;
height: 100%;
font: 9px/16px Geneva,Arial,Tahoma,sans-serif;
color: #000000;
text-align: center;
}

#topborder {
background: url(../images/nycskyline/skyline_topborder.gif) repeat-x;
position: absolute;
width: 100%;
height: 5px;
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/nycskyline/skyline_h1.gif) no-repeat;
width: 254px;
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 {
background: #91ABB0;
border-left: 1px solid #A07B9E;
float: right;
margin: 0px;
}
#navigation a {
color: #DDFEF1;
font-weight: bold;
text-decoration: none;
padding: 2px 15px 3px 15px;
}
#navigation a:hover {
color: #FDE1F4;
}
#navigation #currentpage a {
background: #54A0AF;
color: #fff;
}

#guts {
position: absolute;
width: 689px;
height: 29px;
left: 22px;
top: 74px;
z-index: 1;
margin-left: 0px;
margin-top: 0px;
}	
	
#maintext {
position: relative;
background: #F6F3DE url(../images/nycskyline/skyline_bridge.gif) no-repeat right;
border: 1px solid #C31571;
left: 0px;
width: 689px;
padding: 0px;
margin: 0px;
text-align: left;
z-index: 500;
}
#mainportfolio {
position: relative;
background-color: #F6F3DE;
border: 1px solid #C31571;
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 {
background: #54A0AF;
border-left: 1px solid #A07B9E;
float: right;
margin: 0px;
}

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

#switchlist a:hover {
color: #FDE1F4;
}


h3.pagetitle { 
font: 16px/24px Geneva,Arial,Tahoma,sans-serif;
font-weight: bold;
color: #000000;
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/nycskyline/skyline_tableborders.gif) bottom;
bottom: 0px;
margin: 0px;
padding: 0px;
width: 689px;
height: 90px;
}

.thumbs {	
position: absolute;
border: 1px solid #C31571;
margin: 0px;
padding: 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: #000000;
padding: 12px 0px 0px 0px;
text-align: justify;
}

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

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

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

#screenshot {
border: 1px solid #686767;
padding: 0px;
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: #A07B9E;
}

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

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

#contact p {	
position: relative;
top: 0px;
font: 12px/20px Geneva,Arial,Tahoma,sans-serif;
font-weight: normal;
color: #000000;
text-align: left;
margin: 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: #E4E0C9;
padding: 4px;
border: 1px solid #E4E0C9;
}

.emaillink:hover {
font: 11px/24px Geneva,Arial,Tahoma,sans-serif;
font-weight: bold;
text-decoration: none;
color: #792F67;
background-color: #E4E0C9;
padding: 4px;
border: 1px solid #C4B984;
}

a.scenery {
color: #DDFEF1;
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: #E4E0C9;
padding: 4px;
border: 1px solid #E4E0C9;
}

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