body,html {
    margin: 0;
    padding: 0;
}
body {
    background: #FFFFFF url(bg.jpg) repeat-x;
}
#d1 {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    height: 599px;
    width: 540px;
    left: 0px;
    background: url(d1.jpg) no-repeat;
}
#d2 {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    height: 599px;
    width: 205px;
    left: 540px;
    background: url(d2.jpg) no-repeat;
}
#d3 {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    height: 599px;
    width: 254px;
    left: 745px;
    background: url(d3.jpg) no-repeat;
}
#dselect {
    position: absolute;
    top: 298px;
    left: 560px;
    font-family: Arial, Serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    height: 16px;
    width: 170px;
    cursor: pointer;
    color: #3986a3;
}
#dlist {
    position: absolute;
    background: #DDDDDD;
    top: 318px;
    left: 560px;
    font-family: Arial, Serif;
    font-size: 14px;
    width: 170px;
    overflow: auto;
    color: #3986a3;
    opacity: .8;
    display: none;
}
.dlistitem {
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
}
.dlistitem:hover {
    background: #84d9fd;
}
.dlistitem a {
    color: #3986a3;
    text-decoration: none;
}