/*STANDARD*/


html, body {height: 100%;}

#wrapper {
    width:100%;
min-height: 100%
}

#holder {
    
background-color: #F8F4DB;
    margin: auto;
    min-height: 100%;
    z-index: 500;
    border-radius: 0 0 10px 10px;
    position:absolute;
    width: 100%;
    color:#000;
}

    #headholder{
    margin: auto;
    position: relative;
    text-align: center;
    width: 960px;
    }






#skycontainer{
    overflow:hidden;
}

/* BACKDROP CONTROL */

.backdrop {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
height: 246px
}
.sillywet{
    position:absolute;
    top: 4px;
    left:0px;
    width:100%;
    height:246px;
}
.sunball {
      position:absolute;
    background-image:url('../images/sun.png');
    height:283px;
    width:283px;
}
.moonball {
      position:absolute;
    top:-0px;
    left: 281px;
    height:100px;
    width:100px;
    background-image:url('../images/mooncycle.png');
    background-position:1000px 0;

}
#sill{
    z-index:31;
    background-image:url("../images/sildayx.png");
}
#sillnight{
    z-index:30;
    background-image:url("../images/citynightbluex.png");
}
#sun{
    z-index:23;
}
#moon{
    z-index:2;
}
#moonblock {
        z-index:3;
}
#daytime {
    z-index:21;
    background-image:url("../images/weathersky/bluesky.jpg");
}
#parralax {
    z-index:22;
    background-image:url("../images/weathersky/parralax.png");
}

#sunset{
    z-index:11;
    background-image:url("../images/sunsetloop.jpg");
}
#nighttime{
    z-index:1;
    background-image:url("../images/nightloop.jpg");
}

#rain {
background-image:url(../images/weathereffect/animated-rain.gif);
    z-index:40;
        opacity:0.0;
        overflow:hidden;
        white-space:nowrap;
}
#effect2{
background-image:url(../images/weathereffect/lightning.gif);
    z-index:40;
        opacity:0.00;
        overflow:hidden;
        white-space:nowrap;
}
#effect3 {
    z-index:50;
    background-image:url("../images/weathersky/fog.png");
}
.star1, .star2, .star3, .star4 {
    background-image: url("../images/weathereffect/star.gif");
    height: 6px;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px;
    background-position: center center;
    background-repeat: no-repeat;
    z-index:31;
}

/*CLASSES*/

.clear {clear:both;}