#left {
position: relative;
height: 345px;
}

#left img {
float: none;
margin: 0;
}


#right img {
margin: 33px 32px;
}

.r1, .r2, .r3, .r4, .r5, .r6, .r7 {
position: absolute;
height: 45px;
margin: 10px 0 0 15px;
}

.r1 a, .r2 a, .r3 a, .r4 a, .r5 a, .r6 a, .r7 a {
margin: 5px;
}

.r1 a .large, .r2 a .large, .r3 a .large, .r4 a .large, .r5 a .large, .r6 a .large, .r7 a .large {
display: block;
position: absolute;
width: 0px;
height: 0px;
border: none;
top: 0;
left: 5px;
}

.r1 a:hover .large, .r2 a:hover .large, .r3 a:hover .large, .r4 a:hover .large, .r5 a:hover .large, .r6 a:hover .large, .r7 a:hover .large {
display: block;
position: absolute;
left: 305px;
width: 350px;
height: 250px;
z-index: 1;
}

.r1 a:hover, .r2 a:hover, .r3 a:hover, .r4 a:hover, .r5 a:hover, .r6 a:hover, .r7 a:hover {
background-color: #fff;
}

.r1 {
top: 40px;
}

.r1 a:hover .large {
top: 25px;
}

.r2 {
top: 85px;
}

.r2 a:hover .large {
top: -20px;
}

.r3 {
top: 130px;
}

.r3 a:hover .large {
top: -65px;
}

.r4 {
top: 175px;
}

.r4 a:hover .large {
top: -110px;
}

.r5 {
top: 220px;
}

.r5 a:hover .large {
top: -155px;
}

.r6 {
top: 265px;
}

.r6 a:hover .large {
top: -200px;
}

.r7 {
top: 310px;
}

.r7 a:hover .large {
top: -245px;
}