#owlmirror { text-indent:-9999px; background:url(../images/owlborder.png); width:400px; height:600px; position:absolute; top:325px; left:130px; z-index:2}

#specialstyle div {

padding: 5px;
border: 1px solid #ffcc33;
height: 289px;
width: 188px;
background: #000;
color: #ffcc33;
float: left;
clear: right;
position:absolute; 
top:-1532px; 
left:205px; 
z-index:3

}

#specialstyle2 div {
margin: 5px;
padding: 5px;
border: 1px solid #ffcc33;
height: 800px;
width: 600px;
background: #000;
color: #ffcc33;
float: left;
clear: right;
position:absolute; 
top:0px; 
left:275px; 
z-index:2
#specialstyle #light {
background: #000;
opacity: 0.50;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
}

#specialstyle #light:hover,
#specialstyle #half:hover,
#specialstyle #dark:hover,
#specialstyle #blue:hover,
#specialstyle #red:hover {
opacity: .75;
filter: alpha(opacity=75);
-moz-opacity: .75;
}
.class2 A:link {text-decoration: none; color: #ffcc33; font-size: 25px}
.class2 A:visited {text-decoration: none; color: #ffcc33; font-size: 25px}
.class2 A:active {text-decoration: none; color: #ffcc33; font-size: 25px}
.class2 A:hover {text-decoration: none; color: #ffcc33; font-size: 30px }

.hidden A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden2 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden2 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden3 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden3 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden4 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden4 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden5 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden5 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden6 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden6 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden7 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden7 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}