/* CSS Document */

body {
background-color: #000;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
font-size: 16px;
color: #b6b5b5;
text-align: center;
scrollbar-base-color: #000000;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-dark-shadow-color: #FFFFFF;
scrollbar-3d-light-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;}

p {margin: 5px;}
img {border: none; margin: 0px;}
a {color: #fff; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none;}
a:focus {outline:0;}

#contenitore, #contenitore_intro {
margin-left: auto; 
margin-right: auto;}
div#contenitore {width: 1024px;}
#contenitore_intro {width: 768px;}

#testata {
width: 1024px;
height: 85px;}

#home a {display: block; float: left; width: 81px; height: 30px; background: url(immagini/menu_02.jpg) center no-repeat;}
#elements a {display: block; float: left; width: 108px; height: 30px; background: url(immagini/menu_03.jpg) center no-repeat;}
#lop a {display: block; float: left; width: 69px; height: 30px; background: url(immagini/menu_04.jpg) center no-repeat;}
#paintherapy a {display: block; float: left; width: 147px; height: 30px; background: url(immagini/menu_05.jpg) center no-repeat;}
#clockworks a {display: block; float: left; width: 113px; height: 30px; background: url(immagini/menu_06.jpg) center no-repeat ;}
#sideproject a {display: block; float: left; width: 140px; height: 30px; background: url(immagini/menu_07.jpg) center no-repeat ;}
#fragments a {display: block; float: left; width: 122px; height: 30px; background: url(immagini/menu_08.jpg) center no-repeat  ;}
#credits a {display: block; float: left; width: 84px; height: 30px; background: url(immagini/menu_09.jpg) center no-repeat  ;}
#links a {display: block; float: left; width: 66px; height: 30px; background: url(immagini/menu_10.jpg) center no-repeat ;}
#contacts a {display: block; float: left; width: 94px; height: 30px; background: url(immagini/menu_11.jpg) center no-repeat ;}
#home a:hover {display: block; float: left; width: 81px; height: 30px; background: url(immagini/menu_hover_02.jpg) center no-repeat;}
#elements a:hover {display: block; float: left; width: 108px; height: 30px; background: url(immagini/menu_hover_03.jpg) center no-repeat;}
#lop a:hover {display: block; float: left; width: 69px; height: 30px; background: url(immagini/menu_hover_04.jpg) center no-repeat;}
#paintherapy a:hover {display: block; float: left; width: 147px; height: 30px; background: url(immagini/menu_hover_05.jpg) center no-repeat;}
#clockworks a:hover {display: block; float: left; width: 113px; height: 30px; background: url(immagini/menu_hover_06.jpg) center no-repeat ;}
#sideproject a:hover {display: block; float: left; width: 140px; height: 30px; background: url(immagini/menu_hover_07.jpg) center no-repeat ;}
#fragments a:hover {display: block; float: left; width: 122px; height: 30px; background: url(immagini/menu_hover_08.jpg) center no-repeat  ;}
#credits a:hover {display: block; float: left; width: 84px; height: 30px; background: url(immagini/menu_hover_09.jpg) center no-repeat  ;}
#links a:hover {display: block; float: left; width: 66px; height: 30px; background: url(immagini/menu_hover_10.jpg) center no-repeat ;}
#contacts a:hover {display: block; float: left; width: 94px; height: 30px; background: url(immagini/menu_hover_11.jpg) center no-repeat ;}

#middle, #middle_home, #middle_elements, #middle_elements1, #middle_elements2, #middle_elements3, #middle_lop, #middle_paintherapy, #middle_clockworks {
width: 1024px;
height: 655px;
float: left;}
#middle_home { background: url(immagini/home.jpg) top no-repeat;}
#middle_elements { background:  url(immagini/elements.jpg) top no-repeat;}
#middle_lop { background:  url(immagini/lop.jpg) top no-repeat;}
#middle_paintherapy { background:  url(immagini/paintherapy.jpg) top no-repeat;}
#middle_clockworks { background:  url(immagini/clockworks.jpg) top no-repeat;}

#blocco_elements {
float: left;
position: relative;
width: 165px;
height: 140px;
left: 370px;
top: 30px; }
#blocco_elements a {width: 165px; height: 46px; float: left; }

/*------------------------------------------------- MENU -------------------------------------------------*/

.menuNavigazione img {border: none;}
.menuNavigazione{
margin:0;
padding:0;
list-style:none;
height:2em;}
.menuNavigazione li{
float:left;
position:relative;}
.menuNavigazione a{
float:left;
height:1.96em;
line-height:2em;
text-decoration:none;}

/* SOTTO MENU */
.menuNavigazione ul{
margin-top: 7px;
margin-left: 1px;
padding:0;
list-style:none;
width:11.6em;}
.menuNavigazione ul li{float:none;}
.menuNavigazione ul a{
float:none;
display:block;
height:1.8em;
line-height:1.8em;
border-right:0px solid #ff9900;
border-left:0px solid #ff9900;
border-bottom:1px solid #fff;
color:#fff;
font-weight:normal;}

/* MENU ON OFF */
.menuNavigazione ul,
.menuNavigazione ul.subMenu-off{
position:absolute;
visibility:hidden;}
.menuNavigazione ul.subMenu-on{
visibility:visible;}

/* POSIZIONAMENTO DEL SOTTO MENU */
.menuNavigazione ul.subMenu-on{
position:absolute;/* primo livello di annidamento:menu a discesa */
top:1.3em;
left:-8px;
visibility:visible;}

/* COLORI */
.menuNavigazione{
background-color:transparent;}
.menuNavigazione a{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
color :#fff;
text-align:left;}

/* EFFETTO ROLLOVER */
.menuNavigazione a {}
.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active{}

/*------------------------------------------------- FINE MENU -------------------------------------------------*/

#footer {
width: 1024px;
margin-top: 5px;
border-top: 2px solid #fff;}
#footer p {padding-top: 5px;}

#frame_anteprima {
position: absolute; 
width: 153px;
height: 110px;
margin-left: -101px;
margin-top: 308px;}  

.menu_pain_therapy {
margin-left:-45px;
margin-top: 455px;
font-size:10px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #fff;
background-color: #000;
width: 140px;
scrollbar-base-color: #000000;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-dark-shadow-color: #FFFFFF;
scrollbar-3d-light-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}

.fragments {
position: absolute;
margin-top: 150px;
margin-left: 80px;
width: 560px;
height: 430px;
overflow-y: scroll;
overflow-x: hidden;
text-align: left;
scrollbar-base-color: #000000;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-dark-shadow-color: #FFFFFF;
scrollbar-3d-light-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}
.fragments p {
margin-top: 15px;
margin-bottom: 15px;}