html{ height: 100%; background: #000000 url(../img/back.png) no-repeat 50% 0; 
} body{ height: 100%; color: #999; font-family: "Trebuchet MS", sans-serif; font-size: 
10pt; } #wrap{ width: 780px; margin: 0 auto; height: 800px; position: relative; 
} a{ color: #FFF; text-decoration: none; } a:hover{ text-decoration: underline; 
} #mainmenu{ position: absolute; left: 0; top: 553px; list-style: none; } #mainmenu 
li{ float: right; } #mainmenu li a{ text-transform: uppercase; font-size: 11px; 
display: block; padding: 6px; } #mainmenu li a:hover{ text-decoration: none; background: 
url(../img/menu-hover.png); color: #333; } #mainmenu li a.active{ background: 
url(../img/menu-hover.png); color: #333; } #mainmenu2{ position: absolute; left: 0; top: 553px; list-style: none; } #mainmenu2 
li{ float: left; } #mainmenu2 li a{ text-transform: uppercase; font-size: 11px; 
display: block; padding: 6px; } #mainmenu2 li a:hover{ text-decoration: none; background: 
url(../img/menu-hover.png); color: #333; } #mainmenu2 li a.active{ background: 
url(../img/menu-hover.png); color: #333; } #logo{ position: absolute; left: 0; 
top: 40px; } #slideshow, #content-1{ position: absolute; width: 780px; height: 
425px; top: 120px; } #slideshow img{ position: absolute; left: 0; top: 0; display: 
none; } #content-1 .text{ padding: 20px; } #content-2{ position: absolute; top: 
600px; } .text{ line-height: 140%; height: 325px; } .text h1{ font-size: 130%; 
padding: 5px 0 10px 0; } .text p{ padding: 5px 0; } .center{ text-align: center; 
margin: 0 auto; } #album{ padding: 20px; margin-left: 34px; } .foto{ display: 
block; color: #999; float: left; margin: 12px; width: 120px; padding: 0px; border: 
4px solid #FFFFFF; height: 120px; } .foto:hover{ text-decoration: none; border: 
4px solid #000; color: #FFF; } .foto img{ } .foto span{ line-height: 10px; text-align: 
center; display: block;}