html,body {
	height: 100%; /* FSA */
	margin: 0;
	padding: 0;	
}
body{ height:100%;background-image:url(trama.jpg);  padding:0; margin:0 auto; width:816px;  color:#FFFFFF}
#page { height:100%; width:100%; background-image:url(trama.jpg);margin: 0 auto;padding: 0;}	
#wrapper{ height:100%;width:816px;  background-color:#BDC1C4;}

#stacker {  width: 100%;	min-height:100%; /* FSA */	position: relative; z-index:2;}	


.column,.companion {float: left; position: relative;}

#pedestal {	clear: both;float: left;  /* makes Opera 8.54 behave */	position: relative; z-index: 0;	width: 100%;}
/* do not use ".left.companion", as IE does not support multiple classes in one selector correctly do use "#pedestal .left" instead.*/
#pedestal .ombra_l {background-image:url(ombraesq.jpg); background-repeat:repeat-y;}
#pedestal .ombra_r { background-image:url(ombradre.jpg) ; background-repeat:repeat-y;}
#pedestal .content {background-image:url(trama_fosca.jpg); float:left;}

#pedestal .companion { 	margin-top: -16000px; /* EHC, but reversed: from bottom to top */	padding-top: 16000px; }
/*The #left and #center columns are using the AOC technique, and #right is a float left variant to prevent the right edge from flickering by rounding error pixels */
/* .column,.companion {float: left; position: relative; width: 190px;} */

.ombra_l{ width:23px;    float:left; }
.ombra_r{ width:23px; float:left}
.content{width:770px; }