/* CSS Document */
#port {
position:relative;
top:0;
left:47%;
width:384px;
height:420px;
color:#000;
background:#fff;
z-index:1;
font-size:90%;
text-align:justify;
margin:20px 0 0;
padding:8px;
}

* html #port {
width:334px;
margin:10px 20px 0 0;
}

#port h4 {
padding:0;
}

.right {
position:relative;
top:-440px;
left:10px;
width:240px;
height:100%;
z-index:40;
margin:0 0 60px;
}

* html .right {
position:relative;
top:-42em;
width:240px;
margin:0 0 60px;
}

#thumbox {
float:left;
width:240px;
height:100%;
background:#EDE7E8;
padding:10px 0 0;
}



#thumbot {
float:left;
width:216px;
background:#EDE7E8;
font:bold 0.8em Arial, Helvetica, sans-serif;
text-align:justify;
padding:12px;
}

a.p-link,a.p-link:visited {
float:right;
background:url(images/p-link.png) no-repeat;
width:26px;
height:14px;
text-decoration:none;
margin:8px 4px 4px 0;
}



a.p-link:hover {
background:url(images/p-link_1.png) no-repeat;
}

* html a.p-link {
margin: -20px 2px 0;
}

* html a.p-link:visited {
margin: -20px 2px 0;
}

a.gallery,a.gallery:visited {
float:left;
display:block;
color:#000;
text-decoration:none;
border:1px solid #fff;
width:180px;
font-size:0.8em;
margin:0 10px;
padding:4px 2px;
}

a.gallery span {
display:block;
position:absolute;
left:1px;
top:-1px;
width:1px;
height:1px;
overflow:hidden;
background:#fff;
z-index:100;
font-size:11px;
}

a.gallery:hover {
white-space:normal;
border:1px solid #000;
display:block;
background:#fff;
}

a.gallery:hover img {
border:1px solid #000;
z-index:100;
}

a.gallery:hover span {
display:block;
position:absolute;
width:427px;
min-height:400px;
top:0;
left:280px;
color:#000;
background:#fff;
z-index:100;
font-size:1.2em;
border-left:20px solid #fff;
border-right:10px solid #fff;
border-bottom:100px solid #fff;
text-decoration:none;
padding:5px;
}

* html a.gallery:hover span {
left:280px;
top:0;
height:380px;
z-index:50;
}

a.gallery:active {
border:1px solid #eee;
}

a.gallery:active span,a.gallery:focus span {
display:block;
position:absolute;
width:1px;
height:1px;
top:20px;
left:-9000px;
margin-left:0;
color:#000;
background:#fff;
z-index:50;
padding:5px;
}

* html a.gallery:active span {
left:-9999px;
top:20px;
margin-left:0;
}

/* IE7 only */
* + html a.gallery span {
display:block;
position:absolute;
width:427px;
top:0;
left:-9999px;
font-style:italic;
color:#000;
background:#ede7e8;
z-index:100;
font-size:11px;
padding:5px;
}

* + html a.gallery:hover {
white-space:normal;
border:1px solid #ccc;
}

* + html a.gallery:hover img {
border:1px solid #600;
z-index:100;
}

* + html a.gallery:hover span {
left:280px;
z-index:100;
}

* + html a.gallery:active span,a.gallery:focus span {
left:-9999px;
z-index:50;
}

a.gallery:active img,a.gallery:focus img,* + html a.gallery:active img,a.gallery:focus img {
border:0;
z-index:50;
}

* + html a.gallery span img,* + html a.gallery:hover span img {
border:1px solid #600;
}