/*CONTENITORI PRINCIPALI********************************************************/

body {
font:12px/24px verdana,arial,helvetica,sans-serif;
background-color:#E9E8EE;
color:#30307A;
}
#wrapper {
width:960px;
margin:24px auto 0 auto;
}
#content {
float:left;
}

/*TITOLI (GENERALE)*************************************************************/

h1 {
width:394px;
height:88px;
background:url(images/header.jpg) no-repeat 0 0;
margin:0 283px;
margin-bottom:48px;
}
h1 strong {
position:absolute;
top:-9999px;
left:-9999px;
}
h2 {
font-weight:bold;
font-size:18px;
margin-bottom:24px;
}
h2:first-letter {
text-transform:uppercase;
}

/*LINK (GENERALE)***************************************************************/

a {
color:#30307A;
text-decoration:underline;
font-weight:bold;
}
a:hover {
text-decoration:none;
}

/*HOME**************************************************************************/

#home #content {
width:960px;
height:384px;
position:relative;
}
#home #content ul {
width:960px;
}
#home #content li {
width:114px;
height:77px;
float:left;
margin-left:3px;
margin-right:3px;
}
#home #content li img {
width:114px;
height:77px;
}
#home #content h1, #home #content ul {
position:absolute;
left:0;
}
#pics1 {
top:0;
}
#home #content h1 {
top:150px;
}
#pics2 {
top:310px;
}
#home #content li.last {
margin-right:0;
}

/*GALLERY***********************************************************************/

#gallery h1 {
width:88px;
height:394px;
background:url(images/header-vertical.jpg) no-repeat 0 0;
margin:0;
margin-right:48px;
float:left;
}
#gallery h2 {
margin-bottom:48px;
}
#gallery #content {
width:960px;
}
#foto {
width:824px;
float:left;
}
#foto li {
position:relative;
width:114px;
height:78px;
float:left;
margin:6px 3px;
margin-top:0;
overflow:hidden;
}
#foto li img {
position:absolute;
top:0;
left:0;
width:114px;
}

/*DETTAGLI**********************************************************************/

#dettagli #content img {
margin-bottom:24px;
}
#dettagli #content p {
width:50%;
margin-bottom:24px;
}
.back strong {
text-transform:capitalize;
}

/*ABOUT*************************************************************************/

#about p {
margin-bottom:24px;
}

#about p b {
font-weight:normal;
font-size:48px;
padding:0;
margin-right:0.074em; /* 0.074em x 81px = 6px (pił o meno....) */
float:left;
line-height:48px;
font-family:georgia,serif;
}

/*CONTATTI & NOT FOUND**********************************************************************/

#contatti #content, #notfound #content {
width:360px;
margin:0 300px;
}
#contatti #content p, #notfound #content p {
margin-bottom:24px;
}
form {
margin:24px 0;
margin-top:48px;
}
#contatti-form label, #nome, #email, #messaggio, #contatti-submit {
display:block;
margin-bottom:6px;
}
#contatti-submit {
margin-bottom:0;
}
#nome, #email, #messaggio {
width:360px;
border:0;
padding:4px;
font:12px georgia,serif;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
#nome:focus, #email:focus, #messaggio:focus {
background-color:#f5f5f5;
}
#contatti-form div {
margin-bottom:18px;
}
.error {
font-weight:bold;
}

/*FOOTER************************************************************************/

#footer {
width:960px;
float:left;
clear:both;
padding-bottom:24px;
}
#footer ul, #footer p, #footer address {
width:960px;
text-align:center;
}
#footer ul {
margin:48px 0;
}
#footer li {
display:inline-block;
margin-right:12px;
font-size:18px;
font-weight:bold;
}
#footer li a {
color:#30307A;
text-decoration:none;
margin-right:14px;
}
#footer li a:hover {
text-decoration:underline;
}
#footer address {
font-style:normal;
}
#footer p {
font-weight:bold;
font-size:14px;
}
#footer address {
font-size:12px;
}

/*"VARIE ED EVENTUALI"**********************************************************/

.chiocciola {
vertical-align:middle;
}
#wrapper:after, #content:after {
content:".";
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}