body	{
	background: rgb(175,195,245);
	font-family: "Lucida Grande", lucida, Geneva, "Myriad", helvetica, Arial, sans-serif;
	color: rgb(51,51,51);
	font-size: 0.8em; line-height: 1.25em; font-weight: normal;
	padding: 0; margin: 0; border: 0;
	text-align: center;
}
h1 {
	font-size: 2em;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	color: rgb(0,0,0);
}
h1 img {
	background-image: url('h1_01.png');
}
h2 {
	font-size: 1.5em;
	text-align: center;
	font-weight: normal;
	padding: 0.25em;
	margin: 0 0 0.5em 0;
	color: rgb(236,76,3);
}
h3 {
	font-size: 1.25em;
	text-align: center;
}
h4 {
	font-size: 1em;
	text-align: left;
	margin: 0;
	padding: 0;
}
p {
	margin: 0 0 1em 0;
	text-align: left;
}
a {
	font-weight: bold;
	text-decoration: underline;
	color: rgb(51,51,51);
}
a:hover {
	text-decoration: none;
}
img {
	display: inline-block;
	border: 0;
}

.centre { text-align: center; }
.fleft { float:left; }
.fright { float:right }
.imgfleft { float:left; margin: 0 1em 1em 0; }
.imgfright { float:right; margin: 0 0 1em 1em; }
.clear { clear: both; }
.thumbnails h3 {
	border: 1px solid black;
	border-width: 0 0 1px 0;
	padding: 0.25em;
}

/****************
* Main Sections *
*****************/
#main {
	width: 850px;
	padding: 0; border: 0; margin: 0 auto;
	height: auto;
	text-align: center;
}
#index_frame01 { background-image: url('index_frame01.png'); margin: 10px 0; }
#index_frame02 { background-image: url('index_frame02.png'); margin: 7px 0; }
#index_frame03 { background-image: url('index_frame03.png'); margin: 22px 0; }
#h2_about_png { background-image: url('h2_about.png'); }
#h2_contact_png { background-image: url('h2_contact.png'); }
#h2_exhibitions_png { background-image: url('h2_exhibitions.png'); }
#h2_links_png { background-image: url('h2_links.png'); }
#h2_news_png { background-image: url('h2_news.png'); }
#h2_works_png { background-image: url('h2_works.png'); }
#content {
	clear: both;
	padding: 0; margin: 1em 0 0 0;
}
#footer {
	color: rgb(100,100,100);
	clear: both;
	width: auto;
	font-size: 0.75em;
	text-align: right;
	margin: 1em auto 0 auto; padding: 0 1em;
}
/**************
* Footer Menu *
***************/
#footer_menu {
	clear: both;
	text-align: center;
	list-style: none;
	border: 0;
	padding: 2em 0 0 0;
	font-size: 0.75em;
}
#footer_menu li {
	padding: 0 0.25em;
	display: inline;
}
#footer_menu li a {
	font-weight: normal;
}

/***************
* Contact page *
****************/
#contact_form {
	text-align: center;
	margin: 0 auto;
	display: table;
}
#form-div {
	margin: 0 auto;
	text-align: left;
	display: table-cell;
}
#form-div fieldset {
	margin: 0.5em 0; padding: 0;
}


/************
* News page *
*************/
.news_item {
	clear: both;
}
.news_item h3 {
	text-align: left;
}

/*******************
* Gallery listings *
********************/
#gallery_index {
	width: 650px; margin: 0 auto;
	text-align: center;
}
.gallery_entry { clear: both; }
.gallery_entry h3 {
	display: inline;
	text-align: left;
	margin: 10px; padding: 0;
	float:left;
	overflow: show;
}
.gallery_entry h3 a {
	font-weight: bold; font-size: 1.15em; text-decoration: none;
}
.gallery_entry ul, .gallery_entry ul li { list-style: none; }
.gallery_entry ul {
	margin: 0 auto; padding: 0;
	text-align: center;
}
.gallery_entry ul li {
	display: inline;
	float: right;
	margin: 10px; padding: 0;
	width: 100px; height: 100px;
}
.gallery_entry ul img { width: 100px; height: 100px; }
.gallery_entry ul a { text-decoration: none; }

/****/
.gallery_entry table {
	width: 650px;
}
.gallery_entry td {
	padding: 5px;
}

/*************************************************
* Gallery display                                *
* http://www.brunildo.org/test/ImgThumbIBL3.html *
**************************************************/
.thumbwrap {
	padding: 0 1em 1em 1em;
	margin: 0 auto;
	width: 650px;
}
.thumbwrap li {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: bottom; /**/
	margin: 10px;
	width: 100px;
	padding: 0;
}
.thumbwrap a {
	text-decoration: none;
	border: 1px solid transparent;
}
/*  Moz: NO border qui altrimenti difficolta' con width, table altrimenti problemi a text resize (risolubili con refresh) */
.thumbwrap li>a {
	/*\*/ display: table; /**/
}
.thumbwrap img {
	border: 0;
	vertical-align: bottom;
}
.thumbwrap a:hover {
	border: 1px solid rgb(236,76,3);
}
.thumbwrap .caption {
	display: block;
	padding: .3em 5px;
	font-size: .9em;
	line-height: 1.1;
	w\idth: 189px;  /* Moz, IE6 */
}
/* top ib e hover Op < 9.5 */
@media all and (min-width: 0px) {
	html:first-child .thumbwrap li a {
		display: inline-block;
	}
	/* older, Op 8 */
	html:first-child .thumbwrap li, html:first-child .thumbwrap li a {
		vertical-align: top;
	}
	/* extra shrink */
	html:first-child .thumbwrap {
		display: inline-block; /* non deve avere margin */
	}
}

.thumb_item {
	position: relative;
}
.thumb_div_overlay {
	display: block;
	position: absolute;
	left: -1px; /* to account for the border */
	top: -1px;
	width: 100px;
	height: 100px;
	border: 1px solid transparent;
}
.thumb_div_overlay:hover {
	border: 1px solid rgb(236,76,3);
}
.thumb_video_overlay {
	display: block;
	position: absolute;
	left: -6px;
	top: -6px;
	width: 16px;
	height: 16px;
	background-image: url('icons/silk/film.png');
	background-repeat: no-repeat;
}
.thumb_doc_overlay {
	display: block;
	position: absolute;
	left: -6px;
	top: -6px;
	width: 16px;
	height: 16px;
	background-image: url('icons/silk/page_white_acrobat.png');
	background-repeat: no-repeat;
}
.thumb_swf_overlay {
	display: block;
	position: absolute;
	left: -6px;
	top: -6px;
	width: 16px;
	height: 16px;
	background-image: url('icons/silk/page_white_flash.png');
	background-repeat: no-repeat;
}
.thumb_sold_overlay {
	display: block;
	position: absolute;
	/*left: 88px; /* *** defined by thumbnail width/height... */
	/*top: 88px; /* *** */
	width: 12px;
	height: 12px;
	background-image: url('sold.png');
	background-repeat: no-repeat;
}

/******************
* Artwork display *
*******************/
.artwork_wrap {
	margin: 0 auto;
	text-align: center;
	display: table;
}
.artwork{
	display: table-cell;
}
.artwork_image {
	float: left;
	padding: 0 1em 1em 0;
}
.artwork_text {
	float: left;
	text-align: left;
	margin: 0 auto;
}
.artwork_title {
	font-weight: bold;
}
.artwork_extra {
	clear: both;
}