* {
margin: 0px;
padding: 0px;
border: 0px;
}

body {
margin: 16px;
padding: 0 0 0 0;
background: #0a0c0a;
color: #b4b6b4;
font-family: Lucida Grande, sans-serif;
font-size: 12px;
line-height: 16px;
text-align: left;
font-weight: normal;
}

a:link, a:visited, a:active {
color: #b4b6b4;
text-decoration: none;
}

a:hover {
color: #fdfffd;
text-decoration: none;	
}

#container {
width: 100%;
width: 100%;
}

#content {
position: relative;
margin: auto;
width: 903px;
height: 530px;
font-family: Lucida Grande, sans-serif;
font-size: 12px;
line-height: 16px;
text-align: left;
z-index: 20;
}


/*Global*/

.box {
position: absolute;
top: 20px;
left: 0px;
width: 903px;
height: 508px;
background-image: url(img/box.gif);
background-repeat: no-repeat;
}

.logo {
position: absolute;
top: 0px;
left: 20px;
border: none;
z-index: 30;
}

h1 {
padding: 0px;
margin: 0px;
font-size: 14px;
font-weight: normal;
color: #fdfffd;
}

p {
padding: 0 0 10px 0;
}



/*Pages*/

.slideshow {
position: absolute;
top: 24px;
left: 20px;
z-index: 20;
}



/*Project Page*/

.project-copy {
position: absolute;
top: 24px;
left: 596px;
padding: 0 5px 0 0;
width: 282px;
height: 460px;
overflow: auto;
color: #fdfffd;
z-index: 20;
}



/*Bio Page*/

.bio-copy {
position: absolute;
top: 24px;
left: 481px;
padding: 0 5px 0 0;
width: 397px;
height: 460px;
overflow: auto;
color: #fdfffd;
z-index: 20;
}

.bio-copy img {
float: left;
margin: 0px 10px 10px 0px;
}



/*Contact Page*/

.contact-copy {
position: absolute;
top: 24px;
left: 657px;
width: 224px;
height: 460px;
overflow: auto;
color: #fdfffd;
z-index: 20;
}

.contact-copy a {
color: #fdfffd;
}

.contact-copy a:hover {
color: #b4b6b4;
}



/*footer*/

.footer {
position: absolute;
bottom: 0px;
right: 0px;
font-size: 10px;
color: #404240;
}

.footer a {
color: #404240;
}

.footer a:hover {
color: #fdfffd;
}



/*Drop-down Menu*/

#dropdownMenu {
position: absolute;
top: -2px;
right: 12px;
font-size: 12px;
line-height: 16px;
margin: 0;
padding: 0;
z-index: 100;
}

#dropdownMenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#dropdownMenu ul li {
position: relative;
float: left;
display: inline;
color: #b4b6b4; 
padding: 0px 8px 2px 8px;
border-left: 0px solid #b4b6b4;
cursor: pointer;
}

#dropdownMenu ul#menu li.selected a {
color: #fdfffd;
}

#dropdownMenu li:hover, #dropdownMenu li.selected  {
color: #fdfffd;
}

#dropdownMenu li a:hover {
color: #fdfffd;
}

#dropdownMenu a.parent, #dropdownmenu a.current {
color: #fdfffd;
}

/*sub-menu*/

#dropdownMenu ul li ul {
position: absolute;
top: 4em;
left: 4px;
display: block;
visibility: hidden;
}

#dropdownMenu ul li ul li {
display: list-item;
width: 180px;
background-color: #0a0c0a;
color: #b4b6b4;
text-align: left;
padding: 4px 0px 4px 4px;
border: 0px;
z-index: 100;
}

#dropdownMenu ul#menu li.selected ul li a:link {
color: #b4b6b4;
}

#dropdownMenu ul#menu li.selected ul li a:visited {
color: #b4b6b4;
}

#dropdownMenu ul#menu li.selected ul li a:active {
color: #b4b6b4;
}

#dropdownMenu ul#menu li.selected ul li a:hover {
color: #fdfffd;
}

#dropdownMenu ul#menu li.selected ul li.selected a.current {
color: #fdfffd;
}

#dropdownMenu ul#menu li.selected ul li.selected a.mainfoldericon {
color: #fdfffd;
}

#dropdownMenu ul li ul li:first-child {
border-top: 0px solid #0a0a0a;
}

#dropdownMenu ul li ul li ul {
left:159px;
top:0;
}

* html p#iepara {
padding-top:1em;
}

* html #dropdownMenu ul li {
float:left;
height:1%;
}

* html #dropdownMenu ul li a {
height:1%;
}