html, body {
margin:0;
padding:0;
font-size:100%;
font-family:Helvetica, Arial, sans-serif;
}

* {
margin:0;
padding:0;
outline:none;
}

.clear {
clear:both;
}

#shell {
width:918px;
margin:0 auto;
padding:35px 0 20px 0;
}

#main {
border:1px solid #d4cfcb;
border-bottom:none;
padding:21px 0 0 27px;
}

#logo {
padding:0 0 36px 0;
}

#logo a {
display:block;
text-indent:-9999px;
height:20px;
width:220px;
background:url(../images09/PMD.gif) no-repeat 0 center;
}

#imagePanel {
width:654px;
height:350px;
position:relative;
overflow:hidden;
float:left;
}

#imagePanel ul {
position:absolute;
left:0px;
top:4px;
}

#imagePanel ul li {
float:left;
width:100px;
height:144px;
margin:0 9px 9px 0;
display:inline;
position:relative;
}

#imagePanel ul li a {
display:block;
position:absolute;
width:100px;
height:144px;
top:0px;
left:0px;
text-indent:-9999px;
z-index:10;
}

#imagePanel ul li .thumb {
display:block;
position:absolute;
top:0px;
left:0px;
z-index:0;
}

#imagePanel ul li .teaser {
display:none;
position:absolute;
top:0px;
z-index:5;
}

#imagePanel ul li.left1 .teaser {
left:0px;
}

#imagePanel ul li.left2 .teaser {
left:-109px;
}

#imagePanel ul li.right1 .teaser {
right:-109px;
}

#imagePanel ul li.right2 .teaser {
right:0px;
}

#imagePanel ul li.secondRow .teaser {
top:-153px;
}

#imagePanel ul li.projectImage {
width:auto;
height:297px;
}

#imagePanel ul li.projectImage img {
border:1px solid #d4cfcb;
}

#imagePanel .prev, #imagePanel .next, #imagePanel .prevGhost, #imagePanel .nextGhost, #imagePanel #back {
display:none;
width:10px;
height:10px;
top:310px;
text-indent:-9999px;
background:url(../images09/arrows.gif) no-repeat;
position:absolute;
}

#imagePanel .prev {
right:28px;
background-position:0 0;
}

#imagePanel .next {
right:10px;
background-position:-18px 0;
}

#imagePanel #back {
display:block;
left:0px;
background-position:0 0;
}

#imagePanel .prev:hover {
background-position:0 -20px;
}

#imagePanel .next:hover {
background-position:-18px -20px;
}

#imagePanel #back:hover {
background-position:0 -20px;
}

#imagePanel .prevGhost, #imagePanel .prevGhost:hover {
right:28px;
background-position:0 -40px;
cursor:default;
}

#imagePanel .nextGhost, #imagePanel .nextGhost:hover {
right:10px;
background-position:-18px -40px;
cursor:default;
}

#content {
float:left;
width:190px;
padding:0 0 10px 24px;
font-family:Verdana, Geneva, sans-serif;
}

#content h2 {
color:#aaa096;
font-size:0.55em;
line-height:1.5em;
}

#content p {
color:#747476;
font-size:0.55em;
line-height:1.5em;
}

#content p a {
color:#747476;
text-decoration:none;
}

#content p a:hover {
color:#aaa096;
text-decoration:none;
}

#nav {
clear:both;
border-left:1px solid #d4cfcb;
background:url(../images09/bgBorder.gif) repeat-x 0 bottom;
}

#nav ul {
list-style:none;
background:#fff url(../images09/bgBorder.gif) repeat-x 0 top;
float:right;
}

#nav ul li {
float:left;
min-height:21px;
height:auto !important;
height:21px;
padding:6px 19px 0 5px;
}

#nav ul li.first {
background:url(../images09/bgNavLeft.gif) no-repeat;
padding-left:43px;
}

#nav ul li a {
color:#737375;
text-decoration:none;
font-size:0.7em;
}

#nav ul li a:hover {
color:#d4cfcb;
}