div.imgright2 {
float: right;
border: 1px solid #9b9588;
border-color: #9b9588 #000 #000 #9b9588; 
background: #c9c2b2;
}

div.imgright2 {
float: right;
margin: 18px 0 14px 14px;
}

.imgright2 img {
margin: 4px;
width: 275px;
border: 1px solid;
border-color: #fff #000 #000 #fff;
}

.imgright2 a img {
margin: 4px;
width: 275px;
border: 1px solid;
border-color: #fff #000 #000 #fff;
}

div.imgright2 p {
width: 275px;
text-align: center;
margin: 0;
padding: 0;
font-size: .8em;
}

div.imgright2 h4 {
text-align: center;
margin: 0;
padding: 6px 0 4px;
font-size: .92em;
color: #333;
}

.imgright2 em {
display: block;
text-align: right;
font-size: .75em;
margin: 2px;
font-style: normal;
}

.imgright2 span.capt em {
display: block;
text-align: center;
margin: 2px 2px 1px;
font-style: normal;
font-size: .95em;
}

div.imgright2 span.capt {
display: block;
padding: 2px 7px 2px;
border: 1px solid #000;
width: 260px;
margin: 0 5px;
font-size: .8em;
background-color: #d9d0c5;
border-color: #666 #fff #fff #666;
text-align: center;
}

.imgright2 a .large {
border: 0px;
display: block;
height: 1px;
left: -1px;
position: absolute;
top: -60px;
width: 1px;
}

.imgright2 a.p1, .imgright2 a.p1:visited { 
display: block;
text-decoration: none;
}

/* hover */

.imgright2 a.p1:hover, .imgleft a.p1:hover { /*IE*/
color: #000;
text-decoration: none;
background-color: #c9c2b2; /* doh! IE6 needs this ????? */ 
}

.imgright2 a.p1:hover .large, .imgleft a.p1:hover .large {
border: 1px solid #000;
display: block;
position: absolute;
width: 400px;
z-index: 40;
}

.imgleft a.p1:hover .large  {
height: 269px;
}

.imgright2 a.p1:hover .large {
height: 263px;
}

.imgleft a.p1:hover .large {
top: 400px;
left: 365px;
background: #000 url(../imagegallery_2/portmil5.jpg) no-repeat center center;
}

.imgright2 a.p1:hover .large {
top: 880px;
left: 255px;
background: #000 url(../imagegallery_2/portmil1.jpg) no-repeat center center;
}