/*
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// AUTHOR:    Marco Paolucci
// INFO:      http://www.marcopaolucci.net
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* GENERAL
-----------------------------------*/
* {margin:0; padding:0}
img {border:0}
ul {list-style:none}

/* BASE TAG 
-----------------------------------*/
body {font-size:11px; line-height:18px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../img/bg_body.jpg) left top repeat-x #000}
h1 {font-size:12px; margin:0 0 15px 0; border-bottom:1px solid #222}
h2 {font-size:10px; margin:30px 0 15px; border-bottom:1px solid #222}
h3 {font-size:10px; color:#0099FF;}
h4 {font-size:10px; color:#0099FF; clear:left}
p {margin-bottom:10px; text-align:justify}

/* LINK
-----------------------------------*/
a {color:#DDD; text-decoration:none}
a:hover {color:#999; text-decoration:underline}

a.btn_home {display:block; width:220px; height:38px; background:url(../img/btn/btn_studio_off.jpg)}
a.btn_home:hover {display:block; width:220px; height:38px; background:url(../img/btn/btn_studio_on.jpg)}
a.btn_servizi {display:block; width:220px; height:38px; background:url(../img/btn/btn_servizi_off.jpg)}
a.btn_servizi:hover {display:block; width:220px; height:38px; background:url(../img/btn/btn_servizi_on.jpg)}
a.btn_staff {display:block; width:220px; height:38px; background:url(../img/btn/btn_staff_off.jpg)}
a.btn_staff:hover {display:block; width:220px; height:38px; background:url(../img/btn/btn_staff_on.jpg)}
a.btn_progetti {display:block; width:220px; height:38px; background:url(../img/btn/btn_progetti_off.jpg)}
a.btn_progetti:hover {display:block; width:220px; height:38px; background:url(../img/btn/btn_progetti_on.jpg)}
a.btn_contatti {display:block; width:220px; height:38px; background:url(../img/btn/btn_contatti_off.jpg)}
a.btn_contatti:hover {display:block; width:220px; height:38px; background:url(../img/btn/btn_contatti_on.jpg)}
.staff a { color:#999; text-decoration:underline}
.staff a:hover { color:#999; text-decoration:none}
.progetti_info a { color:#999; text-decoration:underline}
.progetti_info a:hover { text-decoration:none}
.sitemap a {color:#0099FF}
a.option { display:block; border:2px solid #d7d4d4; width:80px; height:80px}
a.option:hover {border:2px solid #0099FF}
/* CLASS
-----------------------------------*/
.logo {float:left; padding:30px 0 0 80px}
.banner {float:left; padding:15px 0 0 40px}
.servizi {color:#0099FF; list-style:square; margin:0 0 15px 15px}
.servizi li span {color:#FFF}
.list_servizi { margin-top:30px}
.staff {float:left; height:340px; width:270px; margin-right:40px}
.staff p img { margin:0 10px -5px 0}
.credits {float:right}
.staff_info { color:#0099FF; list-style:square; margin:0 10px 15px 0}
.staff_info li { margin-bottom:5px}
.staff_info li span {color:#FFF}

.progetti_large {  float:left; width:304px; padding-left:15px }
.progetti_info { width:590px; height:110px; margin-bottom:10px; border-bottom:1px solid #222}
.progetti_info img.preview { float:left; width:150px; height:83px; margin:0 10px 10px 0}
.dettaglio_progetto { clear:left;  padding-left:25px}
.dettaglio_progetto li { float:left; margin:5px 20px 5px 0}
	.dettaglio_progetto img { width:80px; height:80px; }
.progetti { float:right}
.contatti { width:200px; float:left; height:300px; border-right:1px solid #444}
.sitemap li { margin-bottom:10px}
/* MENU
-----------------------------------*/
.main_menu {float:left; margin:-103px 0 0 0; padding-left:60px}
.main_menu li {height:38px; margin:0 0 2px 0}

.menu_laterale ul {margin:130px 0 0 20px}
.menu_laterale ul li {margin:0; padding:0; width:30px}
.menu_laterale ul li img {margin:0 0 -5px 0; padding:0}

/* FORM
-----------------------------------*/
#form_contatti {padding:0 5px 0}
#form_contatti .rowElem {margin:0 0 12px}
#form_contatti label {display:block; width:120px; margin-left:40px; float:left; padding-left:10px}
#form_contatti input {width:200px; border:1px solid #101010; background:#333; color:#FFF; height:14px; line-height:14px; font-size:10px}
#form_contatti textarea {width:200px; border:1px solid #101010; background:#333; color:#FFF; height:100px}

#form_contatti .button { margin:12px 0 0 390px}
.submit {float:left; text-align:center; width:68px; margin:0 10px 0 0; border:none; color:#316f91}

/* STRUTTURA
-----------------------------------*/
#wrapper {width:970px; height:770px; margin:0 auto 0; padding:30px 50px 0; background:url(../img/bg_wrapper.jpg) 0 top no-repeat}
#header {height:333px}
#content {}
	.menu_laterale {float:left; width:50px; height:341px}
	.info { float:left; height:341px; width:220px}
	.contenuto {float:left; height:400px; width:590px; margin:-50px 0 0 60px}
#footer {clear:left; height:60px; padding:30px 5px 0; font-size:10px}