@charset "utf-8";


html { 
background-color: #FFFFFF;
height: 100%;
}


#background_top {
background-image: url(../img/background_top.png);
background-repeat: repeat-x;
background-position: top;
height: 100%;
clear: both;
margin: 0px;
padding: 0px;
filter: expression(document.execCommand("BackgroundImageCache", false, true)); /* IE6 Background Flicker Fix */ 
}


#background_middle {
background-image: url(../img/background_middle.png);
background-repeat: repeat-x;
background-position: center;
height: 100%;
clear: both;
margin: 0px;
padding: 0px;
filter: expression(document.execCommand("BackgroundImageCache", false, true)); /* IE6 Background Flicker Fix */ 
}


#background_bottom {
background-image: url(../img/background_bottom.png);
background-repeat: repeat-x;
background-position: bottom;
height: 100%;
clear: both;
padding: 0px;
margin: 0px;
filter: expression(document.execCommand("BackgroundImageCache", false, true)); /* IE6 Background Flicker Fix */ 
}


body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
color: #707377;
height: 100%;
margin: 0px;
padding: 0px;
}


a:link {
text-decoration: none;
color: #707377;
}


a:visited {
text-decoration: none;
color: #707377;
}


a:hover {
text-decoration: underline;
color: #3D9FF9;
}


a:active {
text-decoration: none;
color: #707377;
}


#container {
z-index: 0;
width: 1020px;
height: 610px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -305px;
margin-left: -510px;
}


#logo_shinee {
z-index: 1;
position: absolute;
top: 12px;
left: 8px;
width: 236px;
height: 86px;
}


#navbar_servizi {
z-index: 1;
position: absolute;
top: 14px;
left: 237px; /* right: 323px */
}


#navbar_portfolio {
z-index: 1;
position: absolute;
top: 14px;
left: 315px; /* right: 245px */
}


#navbar_persone {
z-index: 1;
position: absolute;
top: 14px;
left: 393px; /* right: 167px */
}


#navbar_contatto {
z-index: 1;
position: absolute;
top: 14px;
left: 471px; /* right: 89px */
}


#background_navbar {
z-index: 1;
position: absolute;
top: 14px;
left: 1px;
}


#background_textarea {
z-index: 1;
position: absolute;
top: 144px;
left: 52px;
width: 548px;
height: 70px;
}


#marker {
z-index: 2;
position: absolute;
top: 114px;
left: 22px;
}


#image_section {
z-index: 1;
position: absolute;
bottom: 44px;
right: 100px;
}


#title_section {
z-index: 2;
position: absolute;
top: 130px;
left: 95px;
font-size: 18px;
}


#text_section {
z-index: 2;
width: 425px;
height: 365px;
position: absolute;
top: 185px;
left: 78px;
text-align: justify;
}


#footer {
z-index: 1;
width: 100%;
position: absolute;
bottom: 5px;
font-size: 10px;
text-align: center;
}



/*  HOMEPAGE  */


#background_middle_home {
background-image: url(../img/background_middle_home.png);
background-repeat: repeat-x;
background-position: center;
height: 100%;
clear: both;
margin: 0px;
padding: 0px;
filter: expression(document.execCommand("BackgroundImageCache", false, true)); /* IE6 Background Flicker Fix */ 
}


#home_logo_shinee {
z-index: 1;
position: absolute;
bottom: 45px;
right: 353px;
}


#home_navbar_servizi {
z-index: 1;
position: absolute;
bottom: 62px;
right: 276px;
}


#home_navbar_portfolio {
z-index: 1;
position: absolute;
bottom: 62px;
right: 198px;
}


#home_navbar_persone {
z-index: 1;
position: absolute;
bottom: 62px;
right: 120px;
}


#home_navbar_contatto {
z-index: 1;
position: absolute;
bottom: 62px;
right: 42px;
}


#home_image_section {
z-index: 1;
position: absolute;
bottom: 44px;
left: 58px;
}


#home_slogan {
z-index: 1;
position: absolute;
bottom: 270px;
right: 44px;
}



/*  PORTFOLIO */


#image_section_portfolio {
z-index: 1;
position: absolute;
bottom: 44px;
right: 44px;
}


#portfolio_anno {
z-index: 2;
width: 300px;
height: 360px;
position: absolute;
overflow: auto;
top: 170px;
left: 80px;
font-size: 18px;
}


#portfolio_list {
z-index: 2;
width: 300px;
height: 360px;
position: absolute;
overflow: auto;
top: 210px;
left: 58px;
}


#portfolio_background_textarea_specs {
z-index: 1;
position: absolute;
bottom: 19px;
right: 8px;
}


#portfolio_text_specs {
z-index: 2;
width: 500px;
height: 70px;
position: absolute;
bottom: 24px;
right: 33px;
text-align: left;
}


ul.portfolio {
list-style-image: url(../img/squared_listOFF.png);
text-align: left;
line-height: 20px;
}


#slideshowContainer{
z-index: 3;
position: absolute;
bottom: 109px;
right: 23px;
width: 555px;
height: 361px;
}

#imageContainer{
z-index: 4;
position: absolute;
left: 29px;
top: 4px;
width: 526px;
height: 361px;
}

#numberDiv{
z-index: 4;
position: absolute;
left: 0px;
top: 0px;
}

#numberDiv a:link{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none !important;
background-color: #d3d4d5 !important;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
line-height: 38px;
}

#numberDiv a:visited{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none !important;
background-color: #d3d4d5 !important;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
line-height: 38px;
}

#numberDiv a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none !important;
background-color: #818188 !important;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
line-height: 38px;
}

#numberDiv a:active{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none !important;
background-color: #818188 !important;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
line-height: 38px;
}

#numberDiv a:focus{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none !important;
background-color: #818188 !important;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
line-height: 38px;
}



/* PERSONE */


#persone_foto1 {
z-index: 2;
position: absolute;
bottom: 176px;
left: 85px;
}


#persone_text1 {
z-index: 2;
width: 425px;
height: 365px;
position: absolute;
top: 324px;
left: 190px;
text-align: justify;
}


#persone_foto2 {
z-index: 2;
position: absolute;
bottom: 47px;
left: 85px;
}


#persone_text2 {
z-index: 2;
width: 425px;
height: 365px;
position: absolute;
top: 452px;
left: 190px;
text-align: justify;
}



/*  CONTATTO  */


#text_section_contatto1 {
z-index: 2;
width: 425px;
height: 365px;
position: absolute;
top: 200px;
left: 78px;
text-align: justify;
}


#text_section_contatto2 {
z-index: 2;
width: 425px;
height: 365px;
position: absolute;
top: 380px;
left: 78px;
text-align: justify;
}