html {
			height: 100%;
		}
	   	 body{
				margin:0; 
				background: #000; 
			} 
		#maincontainer{
			position: absolute;
			left:50%;
			margin-left: -482.5px; 
			top: 30px;
			width:972px;
			height:auto;
			background:none;
		} 
		#photo_section{ 
			position: relative;
			left:0;
			top:6px;
			width:245px;
			height:287px;			border-color: #fff; 
			border-style: solid;
			border-width:  10px 10px 0 10px;
		} 
		#photo_section a{
		  	display: block;
			left:0;
                           top:0;
                           width:245px;
			height:287px;
			background:  url(../images/portrait.jpg);
                        position: relative;
		}
		.hide{
			visibility: hidden;
		}
		span.markup{
			display:none;
		} 
		/* menu */
	   	#menucontainer{
			position: relative;
			top:18px;
			left:0;
			width:266px;
			background: none; 
		}
		 #menu {
				font: 0.9em/1.9em Helvetica, Arial, sans-serif; 
				letter-spacing: 3px; 
				width:266px;
			} 
	   		.uno span, .due span, .tre span, .quattro span{
				color:#000;
				font-size: 120% ;
			}

			#menu .uno a:link, #menu .uno a:visited { 
					background:none;
					color:#555;
				  	display: block; 
					text-decoration: none;
					text-indent: 20px; 
				} 
				#menu .uno a:hover, #menu .uno a:active{
					background:#fff; 
					color:#000;
				}
				#menu .due a:link, #menu .due a:visited { 
					background:#fff;
					color:#000;
				   	display: block; 
					text-decoration: none; 
					 text-indent: 20px; 
				} 
				#menu .due a:hover, #menu .due a:active{
					background:#fff;
					color:#000;
				} 
				#menu .tre a:link, #menu .tre a:visited { 
					background:none;
					color:#555;
					display: block; 
					text-decoration: none;
					 text-indent: 20px;  
				} 
				#menu .tre a:hover, #menu .tre a:active{
					background:#fff; 
					color: #000; 
				} 
				#menu .quattro a:link, #menu .quattro a:visited {
					background:none;
					color:#555;
					display: block; 
					text-decoration: none;
					 text-indent: 20px;
				} 
				#menu .quattro a:hover, #menu .quattro a:active{
					background:#fff;
					color:#000; 
				}
				/* end menu */
		#container{
			position: absolute; 
			top:0;
			right:0;
			width:695px;
			height:538px;
			border: none; 
			background: none; 
			z-index:2;   
		}  
        #griglia{
	     	position: absolute; 
			top:0;
			right:0;
			width:695px;
			height:538px;
			border: none; 
			background: none; 
			z-index:1;
}
		div#griglia div { 
			width:65px;
			height:65px;
			float: left;
			margin:5px; 
			display: inline; 
			background:transparent;
			border: 1px solid #fff;
			
		} 
	     
		/*chunk of images*/   
		#photos div a img {
			margin:6px;
			width:65px;
			height:65px;
			float: left;
			border: none;	
		}
		#photos div  a:hover img { 
			margin:3px ;
			border: 3px solid #fff; 
		} 
		 #credits { 
				position: absolute;
				left:50%;
				margin-left: -152.5px;
				width:305px;
				height:auto;
				background:none;
				color:#555; 
				text-align: center; 
				bottom:20px;
				font:  0.7em/1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
			} 
			#credits a:link,  #credits a:visited{
				color: #888;
				text-decoration: none; 
			}
			#credits a:hover,  #credits a:active{
				color: #fff;
				text-decoration: underline
			}
			#credits .color{
				color: #fff;

			}