/* 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; }

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

body {
text-align:center;
font-family:"Helvetica", Arial, sans-serif;
font-size:11px;
text-align: justify;
line-height: 1.4;
background-color: #373737;
}

/* LAYOUT */

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

#gallery {
position:relative;
width: 760px;
height: 490px;
z-index: 1;
top:0px;
right:0px;
float: right;
-moz-box-shadow:0px 0px 10px #333;
-webkit-box-shadow:0px 0px 10px #333;
box-shadow:0px 0px 10px #333;
}

#slider {
background:#000;
}

/* NEWS */

#article {
margin: 10px 0px 10px 0px;
} 

#scroll-container {
overflow: hidden;
position: relative;
margin-right: -45px;
padding-right: 45px;
color: #f0f0f0;
z-index: 100;
}
#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 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;
}

/* FOOTER */ 

#footer {
width: 380px;
height: 40px;
padding: 5px 0px 10px 10px;
font-size: 10px;
position: absolute;
bottom:0px;
right: 0px;
z-index: 99;
color: #f0f0f0;
text-align: right;
}

/* SLIDESHOW */

#slideshow {
position:absolute;
width: 760px;
height: 490px;
z-index: 1;
top:0px;
right:0px;
-moz-box-shadow:0px 0px 10px #333;
-webkit-box-shadow:0px 0px 10px #333;
box-shadow:0px 0px 10px #333;
z-index: 1;
}
#slideshow IMG {
position:absolute;
top:0;
right:0;
z-index:8;
opacity:0.0;
}
#slideshow IMG.active {
z-index:10;
opacity:1.0;
}

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

/* ALPHA */

#alpha {
position: absolute;
bottom: 0px;
left: 0px;
width: 740px;
height: 80px;
background: transparent url(images/transparent60.png) repeat;
z-index: 999;
padding: 10px;
color: #f0f0f0;
}


/* NAV */

#sidebar {
width: 130px;
height: 490px;
position:relative;
float: left;
line-height: 1.1;
background: transparent url(images/logo.png) no-repeat 0px 0px;
}

#menu-top {
position: relative;
width: 130px;
margin: 60px 0px 0px -8px;
text-align: right;
color: #f0f0f0;
}

#menu-sub {
position: relative;
width: 130px;
padding: 5px 0px 0px -8px;
text-align: right;
color: #f0f0f0;
}

#menu-imbottiti {
position: relative;
height: auto;
width: 100%;
padding: 5px 0px 0px 0px;
margin: 8px 0px 10px 0px;
border-top: 1px solid #ccc;
text-align: right;
}
#menu-imbottiti ul li {
margin-left: 10px;
}

ul#projects {
border-top: 1px solid #ccc;
overflow: hidden;
margin: 10px 0px 0px 0px;
padding: 5px 0px 0px 0px;
}
ul#projects li {

}

/* MISC */

img { border: none; }

.clear { clear: both; }

div#lang {
	text-align: right;
	margin: 5px 5px 10px 0px;
}

#loader {
	position: absolute;
	top: 0px;
	left: 140px;
}

/* LINKS */
a {
color: #f0f0f0;
text-decoration: none;
}
a:link {
color: #f0f0f0;
text-decoration: none;
}
a:visited {
color: #f0f0f0;
text-decoration: none;
}
a:hover {
color: #a9080b;
text-decoration: none;
}
a.active { 
color: #a9080b;
font-weight: bold;
text-decoration: none;
}

/* TYPE */

h1 {
font-size: 13px;
color: #a9080b;
margin: 10px 0px 2px 0px;
font-weight: bold;
}
h2 {
font-size: 12px;
margin: 5px 0px 5px 0px;
font-weight: bold;
}
p {
color: #f0f0f0;
font-size: 11px;
text-align: justify;
line-height: 1.4;
padding: 0px;
font-weight: 300;
}
p.active {
font-size: 13px;
color: #a9080b;
}