html, body { width: 100%; height: 100%; margin: 0; }

#wrapper { width: 971px; margin: 0 auto; padding: 0 5px; background: url(../images/wide_shades.jpg) repeat-y; }

#littlestripe { width: 100%; height: 6px; font-size:1px; line-height: 1px; background: #B33C36; }

#top { background-color: #f5f1e8; }
#lang_selector { width: 80px; height: 31px; float: right; margin-top: 27px; }
#lang_selector a.lang_ita { display: block; float: left; background: url(../images/ita.gif) no-repeat 0 -31px; height: 31px; width: 37px; }
#lang_selector a.lang_eng { display: block; float: left; margin-left: 7px; background: url(../images/eng.gif) no-repeat 0 -31px; height: 31px; width: 29px; }
#lang_selector a.current,
#lang_selector a:hover { background-position: 0 0; } 
#lang_selector a img{  }

#menu { width: 100%; margin: 0 0 2px 3px; overflow: hidden; }
#menu ul { width: 972px; font: 15px/25px, Georgia, "Times New Roman", Times, serif; color: #FFFFFF; margin: 0; padding: 0; list-style: none; overflow: hidden; margin-right: -10px; }
#menu ul li { position:relative; float:left; margin-right: 1px; background: url(../images/menuitem_bg.jpg) repeat-x; text-align: center; }
#menu ul li a { display: block; height: 25px; width:192px; overflow: hidden; text-indent: -9999px; }
#menu ul li a:hover { background-position: 0 -25px; }
#menu ul li.selected a { background-position: 0 -25px; }

a#fondazione { background: url(../images/menu_fondazione.jpg); }
a#attivita { background: url(../images/menu_attivita.jpg); }
a#fotovideo { background: url(../images/menu_foto.jpg); }
a#links { background: url(../images/menu_links.jpg); }
a#collezione { background: url(../images/menu_collezione.jpg); }

a#fondazione_en { background: url(../en/images/menu_fondazione_en.jpg); }
a#attivita_en { background: url(../en/images/menu_attivita_en.jpg); }
a#fotovideo_en { background: url(../en/images/menu_foto_en.jpg); }
a#links_en { background: url(../en/images/menu_links_en.jpg); }
a#collezione_en { background: url(../en/images/menu_collezione_en.jpg); }

#imagespace { width: 100%; }

#showstripe { position: relative; background: url(../images/low_desc_bg.jpg) repeat-x; width: 100%; height: 92px; }
#showstripe #overlay { position: absolute; top: 0; left: 0; }
#showstripe #leftbox { float: left; width: 221px; padding: 15px 20px 0 0; font: 15px , "Times New Roman", Times, serif; color: #FFFFFF; text-align: right; }
#showstripe #pipe { float: left; width: 1px; height: 70px; margin-top: 17px; background: #FFFFFF; }
#showstripe #rightbox { float: left;  padding: 15px 0 0 20px; font: 18px "Times New Roman", Times, serif; color: #FFFFFF; }

#contentbox { width:100%; background: url(../images/topgrey_bg.jpg) repeat-x; padding-bottom: 50px; border-bottom: 1px solid #b33c36 ; margin-bottom: 2px; }

#pagetitle { float: left; height: 110px; margin-bottom:47px; padding-left: 45px; font: 30px/110px "Times New Roman", Times, serif; color: #FFFFFF; text-transform: uppercase; }

#leftcolumn { float: left; }
#rightcolumn { display: inline; float: right; margin-right: 20px; }

#navigation { float: left; width: 243px; margin-right: 20px; padding-bottom: 10px; }
#navigation2 { float: left; width: 230px; margin-left: 20px; padding-bottom: 10px; }
#navigation ul { width: 100%; margin: 0; padding: 0; list-style: none; font: bold 11px Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #999999; background: url(../images/tratteggio.jpg) repeat-x bottom; }
#navigation ul li { display: block; /*height: 24px;*/ padding: 5px 0; padding-left: 45px; background: url(../images/tratteggio.jpg) repeat-x; }
#navigation a { text-decoration: none; color:#999999; }
#navigation a:hover { color:#CC3333; }
#navigation li.selected a { color:#CC3333; }
#navigation li.selected2 a { background:url(../images/freccina_sub_salva2.gif) no-repeat; color:#333333; padding-left:20px; }
#navigation li.submenu a { background:url(../images/freccina_sub_salva.gif) no-repeat; padding-left:20px; }

.smalltext { width: 320px; }
.largetext { margin:0 20px; width: 660px; float: left; }
.largetext2 { margin:0 20px; width: 660px; float: left; }
.lefttext { float: left; }
.righttext { float: right; }

.smalltext p, .largetext p, .largetext2 p, .widetext p { margin-top: 0; font: 15px "Times New Roman", Times, serif; color: #666666; }
.smalltext a, .largetext a, .largetext2 a, .widetext a { font-weight: bold; text-decoration: underline; color: #666666; }
.redtext { font: bold 15px "Times New Roman", Times, serif; color: #CC3333; }
.rightemtext { text-align: right; }
.largetext ul, .smalltext ul { margin: 0; padding: 0; padding-left: 15px; font: 15px "Times New Roman", Times, serif; color: #666666; }
.largetext ul li, .smalltext ul li { margin: 20px 0; }
.smalltext p.centertext, .largetext p.centertext { text-align: center; }

#imagebox { margin: 45px 25px 25px 0; text-align: right; }
#imagebox_wide { margin-bottom: 25px; }
#imagebox img { border: 10px solid #FFFFFF; }
#flashbox { margin: 45px 5px 25px 0; text-align: right; }

#footer { overflow: hidden; padding: 15px 10px;  background: #eaddc9; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #666666; }
#footer a { color: #666666; text-decoration: none; }
#footer a:hover { color: #000000; }
#footer #footleft { float: left; }
#footer #footright { float: right; }

.clear { clear: both; }