#layer1
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#000000;
background-image:url('http://i.imgur.com/JxM7d.jpg');
}
#a
{
display: block;
width: 50px;
float: left;
height: 15px;
font-family: calibri;
opacity: 0.4;
filter:alpha(opacity=40);
color: transparent;
font-size: 8px;
text-align: center;
border-bottom: 0px solid#B7DFC8;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #B7DFC8;
padding-top: 5px;
padding-bottom: 5px;
}
#a:hover
{
height: 35px;
z-index:+1;
-webkit-transition: height 0.5s ease-in-out;
        -moz-transition: height 0.5s ease-in-out;
        -ms-transition: height 0.5s ease-in-out;
        -o-transition: height 0.5s ease-in-out;
        transition: height 0.5s ease-in-out;
opacity: 0.8;
filter:alpha(opacity=80);
}
#sel
{
position:fixed;
display: block;
top:80px;
left:0px;
width:100%;
float: left;
height: 24px;
Background-color:#000;
opacity: 0.5;
filter:alpha(opacity=50);
}
/*Title for the intro Text 62px giving space for the sel*/
#title
{
text-shadow: 12px 5px 3px #a306c2;
        filter: dropshadow(color=#a306c2, offx=12, offy=5);
font-size:62px;
position:relative;
top:0;
font-family:La Belle Aurore;
color:#fff;
}
.text
{
Font-family:times new roman;
font-size:9px;
padding-top:0px;
padding-bottom:50px;
padding-right:50px;
padding-left:50px;
position:fixed;
Top:125px;
left:40px;
opacity: 0.5;
filter:alpha(opacity=50);
Background-color:#666;
color:#fff;
overflow:auto;
}
.text:hover
{
-webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
filter:alpha(opacity=90);
opacity: 0.9;
}
#footer
{
filter:alpha(opacity=30);
opacity: 0.3;
position:relative;
top:450px;
}
#footer:hover
{
filter:alpha(opacity=90);
opacity: 0.9;
-webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}
.titletext
{
text-transform: uppercase;
font-size:18px;
color:#999
font-family:century gothic bold;
border-bottom:2px dashed #999;
border-bottom-width:1px;
border-bottom-style:dashed;
border-bottom-color:#999;
line-spacing:0px;
}
#Box69
{
text-align: left;
Height:290px;
width:220px;
padding:10px;
border:5px;
border-color:#777700;
border-style:groove;
margin:0px;
overflow:auto;
}