* {
    margin:0;
    padding:0;
    border: 0;
    outline: none;
}

img {
    border: 0;
}

html {
    background:url(grass-cont.jpg) repeat;
}

body {
    color: #4b4b4b;
    font: 14px helvetica, arial, verdana, sans-serif;
    background:url(day.jpg) repeat-x;
    min-width:1024px;
}

a {
    color:black;
    text-decoration:none;
    font-weight:bold;
}
a:hover, a.selected {
    text-decoration:underline;
}

#page {
    width:1024px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    min-height:600px;
    padding-top:40px;
    
}

p {
    margin-bottom:9px;
    width:350px;
    line-height:18px;
    text-align:justify;
}

div.text {
    top:0;
    left:0;
    padding-top:10px;
    padding-left:100px;
}

h1 {
    padding-left:10px;
    font-size:28px;
    margin-bottom:50px;
}

.m {
    position:absolute;
    cursor:url(cursor.png),pointer;
    -moz-user-select:none;
    user-select:none;
}

#links {
    position:absolute;
    padding:5px;
    left:550px;
    top:10px;
}
#links a {
    display:block;
    margin-bottom:5px;
}


#stage {
    position:relative;
}

#sun {
    background:url(images.png) -320px 0 no-repeat;
    width:170px;
    height:170px;
    left:505px;
    top:-70px;
}

#tree {
    background:url(images.png) 0 -180px no-repeat;
    top:-100px;
    left:450px;
    width:300px;
    height:405px;
}

#wolf {
    background:url(images.png) 0 0 no-repeat;
    left:150px;
    top:145px;
    width:320px;
    height:180px;
}

#bird {
    background:url(images.png) -320px -180px no-repeat;
    left:525px;
    top:20px;
    width:81px;
    height:100px;
}

.screenselect {
    height:111px;
    display:block;
    box-shadow: 3px 3px 7px black;
    margin:10px;
    cursor:pointer;
}

.screenselect:first-child {
    margin-top:0;
}
.screenselect:last-child {
    margin-bottom:0;
}

.screenview {
    box-shadow: 3px 3px 7px black;
}

iframe {
    box-shadow: 3px 3px 7px black;
}