html, body, ul, li {margin:0; padding:0;} body {background:url(../images/nightsky.jpg) repeat-x top #1e7993; font:italic 24px georgia, arial; color:#ffffff;} a {font:italic 24px georgia, arial; color:#139ba4; text-decoration:none;} a:hover {color:#ffffff;} img {border:0;} a:focus {outline:none} ol,ul {list-style: none;} /*** STRUCTURE ***/ #wrapper {width:100%; height:100%; position:absolute; bottom:0; left:0; overflow:hidden; min-height: 200px;} #mask {width:400%; height:100%;} .slide {width:20%; height:100%; float:left; position:relative;} .content {bottom:0; height:45%; left:50%; margin-left:-380px; position:absolute; width:500px; z-index:20; text-align:center;} .inner {width:500px; height:100%; min-height:200px; padding:10px; position:absolute; bottom:0;} #slide1 .content .inner {width:500px; left:50%; bottom:100px;} #slide2 .content .inner {width:500px; margin-left:-100px; margin-bottom:-100px; left:50%; bottom:0;} #slide3 .content .inner {width:500px; margin-left:50px; left:45%; bottom:80px;} #footer {z-index:999; position:absolute; bottom:20px; right:1%; overflow:hidden; display: block;} #footer, #footer a {font:italic 12px georgia;} #navbar-iframe{visibility:hidden; display:none;} /*** NAV ***/ #nav {z-index:999; position:absolute; top:0; left:38%; margin: 0 auto; width:500px; overflow:hidden; display: block;} #nav li {float:left;} #nav a {color:#000000; text-decoration:none; text-transform:uppercase; display:block;} #nav a:hover {color:#ffffff;} #nav a.selected {color:#ffffff;} /*** OBJECTS ***/ /*** LAMP ***/ .lamp_holder {width:100%; height:480px; overflow:hidden; position:absolute; bottom:0; z-index: 5;} #lamp {width:5000px; height:100%; background:url(../images/lamp.png) no-repeat left top;} .benches_holder {width:100%; height:600px; overflow:hidden; position:absolute; bottom:30px; z-index: 5;} #benches {width:5000px; height:100%; background:url(../images/benches.png) no-repeat left bottom;} #girl {width:5000px; height:100%; background:url(../images/girl.png) no-repeat left bottom;} /*** SNOWMAN ***/ .snowman_holder {width:100%; height:500px; overflow:hidden; position:absolute; bottom:0; z-index: -3;} #snowman {width:4000px; height:100%; background:url(../images/snowman.png) no-repeat left bottom;} .snowman_holder2 {width:100%; height:800px; overflow:hidden; position:absolute; bottom:0; z-index: -2;} #snowmanbg {width:4000px; height:100%; background:url(../images/snowmanbg.png) no-repeat left bottom;} #xmastree {width:5000px; height:100%; background:url(../images/xmastree.png) no-repeat left bottom;} #store {width:5000px; height:100%; background:url(../images/store.png) no-repeat left bottom;} #elves {width:5000px; height:100%; background:url(../images/elves.png) no-repeat left bottom;} /*** CASTLE ***/ .castle_holder {width:100%; height:800px; overflow:hidden; position:absolute; bottom:0; z-index: 7;} #castle {width:4000px; height:100%; background:url(../images/castle.png) no-repeat left bottom;} /*** GLOW ***/ .glow_holder {width:100%; height:100%; overflow:hidden; position:absolute; bottom:0; z-index: -3;} #glow {width:3000px; height:100%; background:url(../images/bgglow.png) no-repeat left bottom;} /*** SNOW ***/ .snow_holder {width:100%; height:500px; overflow:hidden; position:absolute; bottom:0; z-index:4;} .snow_holder #snow {width:5000px; height:100%; background:url(../images/snowfloor2.png) no-repeat left bottom;} .snow_holder2 {width:100%; height:500px; overflow:hidden; position:absolute; bottom:0; z-index:-5;} .snow_holder2 #snow {width:5000px; height:100%; background:url(../images/snowfloor.png) repeat-x bottom;} /*** MOON ***/ .moon_holder {width:100%; height:350px; overflow:hidden; position:absolute; bottom:220px; z-index: -3;} #moon {width:3000px; height:100%; background:url(../images/moon.png) no-repeat left bottom;} /*** RABBITS ***/ .rabbits_holder {width:100%; height:500px; overflow:hidden; position:absolute; bottom:180px; z-index:10;} #rabbits {width:5000px; height:100%; background:url(../images/rabbits.png) no-repeat left bottom;} /*** LANDSCAPE ***/ .landscape_holder {width:100%; height:180px; overflow:hidden; position:absolute; bottom:0; z-index:-6;} #landscape {width:5000px; height:100%; background:url(../images/landscape.png) repeat-x top;} .landscape_holder #landscape2 {width:5000px; height:100%; background:url(../images/landscape2.png) repeat-x top;} /*** TREES ***/ .trees_holder {width:100%; height:170px; overflow:hidden; position:absolute; bottom:0; z-index:-4;} #street {width:5000px; height:100%; background:url(../images/street.png) repeat-x top;} .trees_holder #trees {width:5000px; height:100%; background:url(../images/trees.png) repeat-x top;} .trees_holder_front {width:100%; height:250px; overflow:hidden; position:absolute; bottom:0; z-index:6;} .trees_holder_front #trees {width:3000px; height:100%; background:url(../images/grass1.png) repeat-x bottom;} .trees_holder_front #tree_blur {width:5000px; height:100%; background:url(../images/grass2.png) repeat-x bottom;} /*** NIGHT SKY ***/ .clouds_holder {width:100%; height:500px; overflow:hidden; position:absolute; bottom:500px; z-index:-7;} .clouds_holder #cloud {width:5000px; height:100%; background:url(../images/cloud.png) repeat-x bottom;} .clouds_holder #cloud2 {width:5000px; height:100%; background:url(../images/cloud2a.png) repeat-x bottom;} .stars_holder {width:100%; height:400px; overflow:hidden; position:absolute; bottom:0; z-index:-8;} .stars_holder #stars {width:5000px; height:100%; background:url(../images/stars.png) repeat-x top;} .fallingsnow_holder {width:100%; height:500px; overflow:hidden; position:absolute; top:0; z-index:-2;} #fallingsnow {width:5000px; height:100%; background:url(../images/fallingsnow.png) repeat-x top;} /*** EASY SLIDER ***/ #slider ul, #slider li{margin:0; padding:0; list-style:none;} #slider, #slider li {overflow:hidden;} #slider{width:100%} #slider li {width:502px;} a.prev, a.next{top:35px; position:absolute; right:125px; background: transparent url(images/prev_next.png) no-repeat 0 0; width:82px; height:31px; overflow: hidden; text-indent:-999px; display:block; cursor:pointer;} a.prev:active {background-position: 0 -35px;} a.next {right:40px; background-position: -85px 0;} a.next:active {background-position: -85px -35px;} ul.slide li {float:left;}