@font-face {
  font-family: Lacuna Regular;
  src: url(images/LACURG__.TTF);
}
@font-face {
  font-family: Lacuna Italic;
  src: url(images/LACUI___.TTF);
}

@font-face {
  font-family: Graublau;
  src: url(images/GraublauWeb.otf);
}

@font-face {
  font-family: Delicious;
  src: url(images/Delicious-Roman.otf);
}


body
{
background:#11538A url(images/sky.png) repeat-x fixed left bottom;
color:#F0F0F0;
font-family:"Lacuna Regular",Arial,sans-serif;
font-size:100%;
position:relative;
overflow: hidden;
}

#cloud_layer
{
display:block;
position:absolute;
z-index:50;
}


#page
{
position:absolute;
width:100%;
z-index:100;
}



#wrapper
{
margin:100px auto 0;
width:800px;}

p
{
font-size:1.75em;
line-height:1.75em;
margin:0 0 20px;
padding:0;
}

h1
{
background:transparent url(images/hello.png) no-repeat scroll left top;
height:104px;
text-indent:-3000px;
width:298px;
margin-bottom: 50px;
}

a{
color:#f4f4f4;
text-decoration:none;
font-family: "Lacuna Italic",Arial,sans-serif;
}

a:hover
{
text-decoration: underline;
}


.cloud
{
display: block;
position: absolute;
}

#cloud1
{
background: url(images/cloud1.png) top left no-repeat;
width: 255px;
height: 157px;
top:-400px;
}

#cloud2
{
background: url(images/cloud2.png) top left no-repeat;
width:382px;
height: 189px;
top:-400px;

}

#cloud3
{
background: url(images/cloud3.png) top left no-repeat;
width: 280px;
height: 215px;
top:-400px;

}

#cloud4
{
background: url(images/cloud4.png) top left no-repeat;
width:302px;
height: 215px;
top:-400px;

}

#cloud5
{
background: url(images/cloud5.png) top left no-repeat;
width:354px;
height: 215px;
top:-400px;

}

#cloud6
{
background: url(images/cloud6.png) top left no-repeat;
width: 313px;
height: 219px;
top:-400px;

}