@charset "UTF-8";
/* CSS Document */


body { background: url(../img/bg_logo.jpg) left top no-repeat; text-align: left; font-family: Verdana, Geneva, sans-serif; font-size: 11px; background-color: #E8E8EE; color:#404470;}

* { margin: 0; padding: 0;}

img { border: none;}


a:link { color: #404470; text-decoration: none; }
a:hover { color: #903!important; text-decoration: underline!important; }
a:visited { color: #404470; text-decoration: none; }


#copyright { width: 10px; float: left; margin: 270px 0 0 8px;}

#main_content { width: 656px; height: 614px; margin-left: 312px; float: left;}

#area_logo { text-align:right; margin-top: 5px;}



#area_menu { float: left; text-align: left; width: 150px; margin-top: 30px; padding-top: 70px;}

ul { list-style: none; padding: 0; margin: 5px 0 0 18px; font-size: 13px;}
li { margin: 2px 0;}


.area_content { float: right; text-align: left; margin: 30px 10px 0 0; width: 470px; height: 470px; background-position: top left; background-repeat: no-repeat; }

.menu_principale { text-align: right; height: 63px; }
.menu_principale  img{ margin-top: 27px;} /* temp finchè portfolio è da solo */

.title_project { background:url(../img/bg_title.png) left no-repeat; width: 379px; height:36px; margin-top: 35px; }
.title_project img{ margin: 6px 0 0 15px; }

.description { margin-top: 240px;}
.txt_desciption { float: left; text-align: left; line-height: 16px; width: 226px; margin: 28px 0 0 55px; font-size: 12px; font-style: italic;}
.area_link { float: right; background:url(../img/bg_link.png) right top no-repeat; width: 159px; height: 36px; font-size: 13px;}
.area_link p{ margin: 3px 0 0 8px;}

#footer { clear: both; width: 656px; margin-left: 330px; text-align: right; font-size: 12px;}


/**** bg project ***/

.bg_generic { background-image: url(../img/bg_project_base.png);}
.bg_index { background-image: url(../img/bg_index.png);}
.bg_nutrimi { background-image: url(../img/bg_project_nutrimi.png);}
.bg_kaba { background-image: url(../img/bg_project_kaba.png);}
.bg_kelly { background-image: url(../img/bg_project_kelly.png);}
.bg_uki { background-image: url(../img/bg_project_uki.png);}
.bg_dei_sognanti { background-image: url(../img/bg_project_dei_sognanti.png);}
.bg_dvd { background-image: url(../img/bg_project_dvd.png);}
.bg_yerushalaim { background-image: url(../img/bg_project_yerushalaim.png);}
.bg_mostra_foto { background-image: url(../img/bg_project_mostra_foto.png);}
.bg_mogamo { background-image: url(../img/bg_project_mogamo.png);}
.bg_hammer { background-image: url(../img/bg_project_hammer.png);}
.bg_area_int { background-image: url(../img/bg_area_int.png);}
.bg_lindt  { background-image: url(../img/bg_lindt.png);}
.bg_ethos  { background-image: url(../img/bg_project_ethos.png);}