@charset "UTF-8";
/* CSS Document */

body {
background: url(images/bg.gif) repeat-y fixed #000;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
}

a {
text-decoration: none;
color: #222;
font-size: 12px;
}

a:hover {
font-weight: bold;
}

#header {
background: url(images/header.gif) no-repeat;
width: 100%;
height: 75px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}

.marchio {
background: url(images/marchio.gif) no-repeat;
width: 145px;
height: 56px;
position: absolute;
top: 20px;
left: 20px;
}

#staticcontainer {
position:absolute;
left:0;
top:75px;
overflow: hidden;
width: 1000px;
height: 90%;
min-height: 500px;
}

#imagecontainer {
position:absolute;
left:0;
width:500px;
height:500px;
float:left;
min-width: 500px;
min-height: 500px;
position: absolute; /*posizione assoluta per potere riposizionare l’elemento*/
top: 50%; /*il bordo superiore dell’elemento si troverà al 50% dell’altezza disponibile*/
margin-top: -305px; /*la metà dell’altezza dell’elemento è tolta come margine superiore per centrarlo*/
}

#swfcontainer {
position:absolute;
left:500px;
width:500px;
height:auto;
float:left;
min-width: 500px;
min-height: 500px;
position: absolute; /*posizione assoluta per potere riposizionare l’elemento*/
top: 50%; /*il bordo superiore dell’elemento si troverà al 50% dell’altezza disponibile*/
margin-top: -305px; /*la metà dell’altezza dell’elemento è tolta come margine superiore per centrarlo*/
}

a.credits {
width: 100%;
height: 10px;
position: absolute;
bottom: 10px;
left: 30px;
color: #555555;
font-size: 10px;
font-weight: bolder;
text-align: left;
}

a.credits:hover {
color: gray;
}

.designer {
width: 100%;
height: 55px;
position: absolute;
bottom: 10px;
left: 30px;
color: #000;
font-size: 10px;
font-weight: regular;
text-align: left;
}

#thumbcontainer {
position:absolute;
width:170px;
height:80px;
left:130px;
bottom: 70px
}

ul#thumbnail {
list-style: none;
position:absolute;
width:170px;
height:80px;
float: left
}

ul#thumbnail li {
display: inline;
}