/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a {outline:none;}
object {outline:none;}

body {
text-align:center;
font-family:"Helvetica", Arial, sans-serif;
font-size:11px;
width: 100%;
height: 100%;
text-align: justify;
line-height: 1.4;
}

/* LAYOUT */

#content-intro {
width: 950px;
height: 490px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -275px;
margin-left: -475px;
text-align: left;
}

#content {
width: 900px;
height: 550px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -275px;
margin-left: -450px;
}

#footer {
width: 380px;
height: 29px;
border-left: 1px solid #ccc;
background: transparent url(images/logo.jpg) no-repeat 2px 5px;
padding: 35px 0px 6px 10px;
margin-top: 2px;
font-size: 9px;
position: absolute;
bottom: -10px;
right: 130px;
z-index: 99;
}
#footer-contacts {
width: 360px;
height: auto;
padding: 0px 0px 0px 0px;
font-size: 9px;
position: absolute;
text-align: left;
bottom: -10px;
left: 0px;
z-index: 99;
}

#gallery {
width: 760px;
height: 550px;
position: relative;
float: left;
overflow: hidden;
z-index: 20;
/*background: transparent url(images/project-bg.jpg) no-repeat top;*/
}

/* CAREERS */

#careers-alpha {
width: 760px;
height: 203px;
position: relative;
top: 0px;
overflow: hidden;
background: #000000 url(images/careers-title.jpg) no-repeat 0px 0px;
z-index: 20;
}
#careers-img {
width: 760px;
height: 287px;
position: absolute;
bottom: 60px;
overflow: hidden;
background: transparent url(images/careers.jpg) no-repeat 0px 0px;
z-index: 20;
}
#scroll-container {
overflow: hidden;
position: relative;
margin-right: -45px;
padding-right: 45px;
}
#scroll-content {
position: relative;
top: 0;
}
#scroll-content p {
color: #f0f0f0;
line-height: 1.4;
}
#scroll-controls {
position: absolute;
bottom: 40px;
right: 0;
height: 100px;
width: 32px;
}
#scroll-controls-project {
position: absolute;
bottom: 100px;
right: 0px;
height: 80px;
width: 32px;
background: red;
}
#scroll-controls a.up-arrow {
display: block;
height: 10px;
width: 10px;
background: transparent url('images/arrow-top.png') no-repeat scroll left top;
position: absolute;
bottom: -5px;
right: 25px;
cursor: pointer;
}
#scroll-controls a.down-arrow {
display: block;
height: 10px;
width: 10px;
background: transparent url('images/arrow-down.png') no-repeat scroll left top;
position: absolute;
bottom: -20px;
right: 25px;
cursor: pointer;
}
#scroll-controls a#up-arrow-b {
display: block;
height: 10px;
width: 10px;
background: transparent url('images/arrow-top-b.png') no-repeat scroll left top;
position: absolute;
bottom: -5px;
right: 0px;
cursor: pointer;
}
#scroll-controls a#down-arrow-b {
display: block;
height: 10px;
width: 10px;
background: transparent url('images/arrow-down-b.png') no-repeat scroll left top;
position: absolute;
bottom: -20px;
right: 0px;
cursor: pointer;
}

/* CLIENTI */

#testo-clienti {
width: 295px;
height: 400px;
background: #ffffff;
position: absolute;
top: 40px;
right: 45px;
}

/* NEWS */

#slideshow {
position:relative;
width: 760px;
height: 490px;
z-index: 1;
top:0px;
left:0px;
}
#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#slideshow IMG.active {
z-index:10;
opacity:1.0;
}

#slideshow IMG.last-active {
z-index:9;
}

#content-news {
width: 760px;
height: 490px;
z-index: 99;
position: absolute;
top: 0px;
left: 0px;
}
#content-news #alpha {
width: 380px;
height: 490px;
background: transparent url(images/transparent90.png) repeat;
z-index: 99;
}
#content-news #alpha #title {
width: 182px;
height: 52px;
background: transparent url(images/news-title.png) no-repeat 0 0;
z-index: 99;
}
#content-news #alpha #news {

}
#content-news #alpha #news #article {
width: 270px;
height: auto;
z-index: 99;
}
#content-news #alpha #news #article-text {
width: 195px;
height: auto;
margin: 0px 0px 20px 72px;
z-index: 99;
}
#content-news #alpha #news #article p {
color: #f0f0f0;
line-height: 1.4;
}
#content-news #alpha #news #article p.active {
color: #EC008C;
}
#content-news #alpha #news #article span.data {
margin-right: 15px;
}
#content-news #alpha #news #article a:link {
color: #f0f0f0;
}
#content-news #alpha #news #article a:visited {
color: #f0f0f0;
}
#content-news #alpha #news #article a:hover {
color: #EC008C;
text-decoration: none;
}

/* CONTACTS */
#contacts-img-milano {
width: 760px;
height: 379px;
position: absolute;
top: 0px;
overflow: hidden;
background: transparent url(images/milano.jpg) no-repeat 0px 0px;
z-index: 20;
}
#contacts-img-roma {
width: 760px;
height: 379px;
position: absolute;
top: 0px;
overflow: hidden;
background: transparent url(images/roma.jpg) no-repeat 0px 0px;
z-index: 20;
}
#contacts-img-lecce {
width: 760px;
height: 379px;
position: absolute;
top: 0px;
overflow: hidden;
background: transparent url(images/lecce.jpg) no-repeat 0px 0px;
z-index: 20;
}
#contacts-alpha {
width: 760px;
height: 121px;
position: absolute;
bottom: 60px;
overflow: hidden;
background: #000000;
z-index: 20;
}
#contacts-alpha a.milano {
width: 198px;
height: 67px;
display: block;
float: left;
margin: 25px 10px 0px 75px;
background: transparent url(images/bt-milano.jpg) 0px 0px;
}
#contacts-alpha a.roma {
width: 198px;
height: 67px;
display: block;
float: left;
margin: 25px 10px 0px 0px;
background: transparent url(images/bt-roma.jpg) 0px 0px;
}
#contacts-alpha a.lecce {
width: 198px;
height: 67px;
display: block;
float: left;
margin: 25px 10px 0px 0px;
background: transparent url(images/bt-lecce.jpg) 0px 0px;
}
#contacts-alpha a.active {
background-position: 0px -67px;
}
#contacts-alpha a:hover {
background-position: 0px -67px;
}

/* 9 */

#testo-9 {
width: 295px;
height: 410px;
background: #ffffff;
position: absolute;
top: 40px;
right: 45px;
overflow: hidden;
}

/* NAV */

#sidebar {
width: 130px;
height: 490px;
position:relative;
float: right;
background: #fff;
line-height: 1.1;
}

#menu-top {
position: relative;
height: 145px;
width: 130px;
padding: 0px 0px 5px 0px;
}

#menu-sub {
position: relative;
height: auto;
width: 130px;
padding: 5px 0px 0px 0px;
border-top: 1px solid #000;
font-size: 10.5px;
}

#menu-case-studies {
position: relative;
height: auto;
width: 130px;
padding: 5px 0px 0px 0px;
margin: 8px 0px 10px 0px;
border-top: 1px solid #ccc;
}
#menu-case-studies ul li {
margin-left: 10px;
}
ul#projects {
height: auto;
padding-top: 5px;
text-transform: uppercase;
overflow: hidden;
position: relative;
}
#menu-top ul {
margin: 0px;
padding: 0px;
}

#menu-top ul li {
margin: 0px;
padding: 0px;
list-style: none;
}

#clip {
font-size: 9px;
margin: 0px -1px 0px 0px;
padding: 0px;
}

.pagina1 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #bbb; z-index: 0; cursor: pointer;
}
.pagina2 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #bbb; z-index: 0; cursor: pointer;
}
.pagina3 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #ccc; z-index: 0; cursor: pointer;
}
.pagina4 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #ccc; z-index: 0; cursor: pointer;
}
.pagina5 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #ddd; z-index: 0; cursor: pointer;
}
.pagina6 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #ddd; z-index: 0; cursor: pointer;
}
.pagina7 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina8 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina9 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina10 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina11 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina12 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina13 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina14 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina15 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina16 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina17 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina18 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina19 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina20 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina21 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina22 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina23 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina24 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina25 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina26 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina27 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina28 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina29 {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina30 {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina-last-left {
position: absolute; width: 380px; height: 490px; top: 0px; left: 0px; background: #eee; z-index: 0; cursor: pointer;
}
.pagina-last-right {
position: absolute; width: 380px; height: 490px; top: 0px; right: 0px; background: #eee; z-index: 0; cursor: pointer;
}

/* MISC */

img { border: none; }

.clear { clear: both; }

img.lang-it {
position: absolute;
bottom: 0px;
left: -15px;
}
img.lang-en {
position: absolute;
bottom: 10px;
left: -15px;
}
#loader {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
/* LINKS */

a {
color: #000000;
text-decoration: none;
}

a:hover {
color: #EC008C;
text-decoration: none;
}

a.selected {
color: #EC008C;
text-decoration: none;
}

a.active { 
color: #EC008C;
}

a:active, a:focus{ 
outline:0;
}

/* TYPE */
h1 {
font-size: 14px;
}
p {
color: #000000;
font-size: 11px;
text-align: justify;
line-height: 1.4;
padding: 0px;
font-weight: 300;
}