HTML { 
font-size : 16px; 
padding-right : 0px; 
padding-left : 0px; 
padding-bottom : 0px; 
margin : 0px; 
padding-top : 0px; 
overflow-x:hidden;
} 
BODY { 
padding-right : 0px; 
padding-left : 0px; 
padding-bottom : 0px; 
margin : 0px; 
padding-top : 0px; 
background:black;
width:100%;
height:100%;
} 

.time {behavior: url(#default#time2);}

a:link { 
color : #ffff3c; 
text-decoration : none; 
outline:none;
} 
a:visited { 
color : #ffff3c; 
text-decoration : none; 
} 
a:hover { 
color : white; 
text-decoration : none; 
} 
a:active { 
color : #ffff3c; 
text-decoration : none; 
outline:none;
} 

:focus {
  -moz-outline-style:none;
}
/*folds used for fairynet and other quirks mode pages*/
.folds { 
position : absolute; 
height : 100%; 
background-image : url(../images/bluegradient.gif); 
} 
.redfolds { 
position : absolute; 
background-image : url(../images/redgradient.gif); 
} 
.greenfolds { 
position : absolute; 
background-image : url(../images/greengradient.gif); 
} 

/*goldB used with #folds for fairynet etc*/
.goldB { 
position : absolute; 
bottom : -10px; 
background-image : url(../images/goldB.gif); 
left : 0; 
height : 25px; 
width : 100%; 
font-size:1%;
}
/*used in demos with #folds to give borders an edge*/
.redB { 
position : absolute; 
bottom : -10px; 
background-image : url(../images/redB.gif); 
left : 0px; 
height : 32px; 
} 
/*used with <!DOCTYPE HTML> to give proportional folds*/
#newblue{
width:4%; 
height:100%; 
float:right;
}
#newgreen{
width:4%; 
height:100%; 
float:right;
}
#newred{
width:4%; 
height:100%; 
float:right;
}
#newpurple{
width:4%; 
height:100%; 
float:right;
}

#bricks { 
position : absolute; 
left : 0px; 
top : 0px; 
height : 100%; 
width : 100%; 
background-image : url(../images/bricks3.gif); 
} 
.exitsign { 
position : absolute; 
right : 30%; 
bottom : 95%; 
height : 9%; 
width : 45%; 
z-index : 3; 
background-color : #00c000; 
border : solid; 
border-color : white; 
border-width : 2px; 
font-family : verdana; 
font-weight : bold; 
color : white; 
font-size : 65%; 
line-height : 150%; 
} 
.door { 
z-index : 2; 
position : absolute; 
right : -15px; 
bottom : 0px; 
width : 100%; 
height : 75%; 
background-color : red; 
border : outset; 
border-color : white; 
font-family : verdana; 
color : white; 
font-weight : bold; 
font-size : 70%; 
line-height:150%;
padding-top : 20%; 
border-width : 15px; 
} 
.flat1 { 
position : absolute; 
background-color : #ffffcc; 
border-style : solid; 
border-width : 10px; 
border-color : #faa600; 
} 
.flat2 { 
position : absolute; 
background-color : #ffffcc; 
border : solid; 
border-color : #faa600; 
border-width : 10px; 
} 

#header_text {
z-index:5; position:absolute;left:12%;top:20%; background:transparent;font-size:150%;line-height:150%;font-family:algerian, arial, serif;color:#FEFE00;}

#text2 {z-index:5;position:absolute; right:50px;bottom:-50px;font-size:40%;line-height:75%; font-family:algerian, arial, serif}

#feature { z-index:501;position:absolute;right:9%;bottom:10%;width:25%;height:50%; cursor:pointer}

#backcloth {position:absolute; z-index:1; left:0px; top:0px; height:100%; width:100%; FILTER: progid:DXImageTransform.Microsoft.Gradient( endColorstr='#30009a', startColorstr='#000000', 
gradientType='0')
}

#backcloth2 {background-color:blue;position:absolute; z-index:0; left:0; top:0px; height:97%; width:100%; }

#floor {position:absolute;z-index:5;bottom:8%;left:120px;width:100%; font-size:90%;line-height:100%; text-align:center;}

#floor2 {position:absolute;z-index:1;bottom:8%;left:0px;width:100%; font-size:70%;height:128px;  color:brown; background-image: url(../images/floor.gif);}

#floor3 {position:absolute;z-index:3;bottom:8%;left:0px;width:100%;height:20%;  color:brown; }

#frontbacking {position:absolute;z-index:6000; bottom:0px; left:0px;width:100%; height:8%;background-color:#000000;}

#front {position:absolute;z-index:6000; bottom:1%; left:1%;width:98%; height:90%;background-color:#330000; border: }

#home {position:absolute;z-index:19; bottom:20%; left:25%;background-color:transparent; width:12%; font-size:100%; color:white; line-height:100%;cursor:pointer}

.home {position:absolute;z-index:19; bottom:20%; left:25%;background-color:transparent; width:12%; font-size:100%; color:white; line-height:100%;cursor:pointer}

#more {position:absolute;z-index:19; bottom:20%; right:25%;background-color:transparent; width:12%; font-size:100%; color:white; line-height:100%;cursor:pointer;}

.more {position:absolute;z-index:19; bottom:20%; right:25%;background-color:transparent; width:12%; font-size:100%; color:white; line-height:100%;cursor:pointer;}

#video{position:absolute;z-index:19; left:45%;bottom:20%;background-color:transparent; width:12%; font-size:100%; color:white; line-height:100%;cursor:pointer;}

#button {z-index:-1;position:absolute; bottom:0; right:0; width:100%;}

/* PROBABLY ALL DEAD:-

.al{
bottom:0;
height:100%;
width:2%;
float:left;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#0001cf', startColorstr='#000000', gradientType='1');
}

.alred{
bottom:0;
height:100%;
width:2%;
float:left;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#b90000', startColorstr='#000000', gradientType='1');
}

.alpurple{
bottom:0;
height:100%;
width:2%;
float:left;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='purple', startColorstr='#000000', gradientType='1');
}

.bl
{bottom:0;
height:100%;
width:2%;
float:left;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#000000', startColorstr='#0001cf', gradientType='1')
}

.blred{
bottom:0;
height:100%;
width:2%;
float:left;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#000000', startColorstr='#b90000', gradientType='1')
}

.blgreen{
bottom:0;
height:100%;
width:2%;
float:left;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#000000', startColorstr='green', gradientType='1')
}

.blpurple{
bottom:0;
height:100%;
width:2%;
float:left;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#000000', startColorstr='purple', gradientType='1')
}

.ar{
bottom:0;
height:100%;
width:2%;
float:right;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#0001cf', startColorstr='#000000', gradientType='1');
}

.arred{
bottom:0;
height:100%;
width:2%;
float:right;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#b90000', startColorstr='#000000', gradientType='1');
}

.argreen{
bottom:0;
height:100%;
width:2%;
float:right;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='green', startColorstr='#000000', gradientType='1');
}

.arpurple{
bottom:0;
height:100%;
width:2%;
float:right;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='purple', startColorstr='#000000', gradientType='1');
}

.br{
bottom:0;
height:100%;
width:2%;
float:right;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#000000', startColorstr='#0001cf', gradientType='1')
}

.brred{
bottom:0;
height:100%;
width:2%;
float:right;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#000000', startColorstr='#b90000', gradientType='1')
}

.brgreen{
bottom:0;
height:100%;
width:2%;
float:right;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#000000', startColorstr='green', gradientType='1')
}

.brpurple{
bottom:0;
height:100%;
width:2%;
float:right;
position:relative;
filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#000000', startColorstr='purple', gradientType='1')
}

.gl{
position:absolute;
bottom:0;
left:0;
height:5%;
width:100%;
}

.gr{
position:absolute;
bottom:0;
left:0;
height:5%;
width:100%;
}
