*{
	margin: 0;
	padding: 0;
}

img{
	border: none;	
}

body{
	font-family: Arial, sans-serif;
	font-size: 11px;
}

#wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 864px;
	height: 580px;
	background: none;
	margin-top: -290px;
	margin-left: -432px;
	}
a{
	color: #000;
	text-decoration: underline;
	outline: none;
}

a:hover{
	color: #00c;
	text-decoration: none;
	}

#top{
	
	}

#top h1 span{
	display: none;
	}	
	
#top h1{
	background: url("../images/logo2.gif") no-repeat top left;
	width: 137px;
	height: 151px;
	position: relative;
	top: 0;
	left: 0;
	}	

#top #nav{
	margin: -25px 0 0 134px;
	list-style-type: none;
	height: 25px;
	}		

#top #nav li{
	display: inline;
	float: left;
	}		

#top #nav li a span{
	display: none;
	}		

#top #nav li a{
	height: 25px;
	padding-right: 13px;
	}		


#home a{
	background: url("../images/nav_home.gif") no-repeat top left;
	display: block;
	width: 60px;
	}

#home a:hover, #home a.selected {
	background: url("../images/nav_home_over.gif") no-repeat top left;
	}	
	
#press {
	display: none;
}	

#press a{
	/*background: url("../images/nav_press.gif") no-repeat top left;
	display: block;*/
	width: 0px;
	}

#press a:hover, #press a.selected {
	/*background: url("../images/nav_press_over.gif") no-repeat top left;*/
	}

#artists a{
	background: url("../images/nav_artists.gif") no-repeat top left;
	display: block;
	width: 78px;
	}	

#artists a:hover, #artists a.selected{
	background: url("../images/nav_artists_over.gif") no-repeat top left;
	}	

#exhibitions a{
	background: url("../images/nav_exhibitions.gif") no-repeat top left;
	display: block;
	width: 117px;	
	}

#exhibitions a:hover, #exhibitions a.selected{
	background: url("../images/nav_exhibitions_over.gif") no-repeat top left;
	}
	
#literature a{
	background: url("../images/nav_literature.gif") no-repeat top left;
	display: block;
	width: 104px;		
	}

#literature a:hover, #literature a.selected{
	background: url("../images/nav_literature_over.gif") no-repeat top left;
	}
	
#about a{
	background: url("../images/nav_about.gif") no-repeat top left;
	display: block;
	width: 70px;			
	}

#about a:hover, #about a.selected{
	background: url("../images/nav_about_over.gif") no-repeat top left;
	}

#info a{
	background: url("../images/nav_info.gif") no-repeat top left;
	display: block;
	width: 52px;				
	}	

#info a:hover, #info a.selected{
	background: url("../images/nav_info_over.gif") no-repeat top left;
	}	

#prize a{
	background: url("../images/nav_prize.gif") no-repeat top left;
	display: block;
	width: 146px;				
	}	

#prize a:hover, #prize a.selected{
	background: url("../images/nav_prize_over.gif") no-repeat top left;
	}	

/******************************************************* left and content */

#containerContent{
	margin-top: 30px;
	}

#left{
	width: 104px;
	padding-right: 30px;
	float: left;
	color: #999;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	line-height: 14px;
	}

#left p{
	padding-right: 20px;
	width: 84px;
	}		

#left #moreInfo{
	margin-bottom: 12px;
	}

#left #moreInfo a{
	color: #999;
	}

#left #moreInfo a:hover{
	color: #00c;
	}	

#left #insurance a{
	color: #999;
	text-decoration: none;
	}

#left #insurance a:hover{
	color: #00c;
	}
		
#left #subscribe{
	position: absolute;
	bottom: 0;
	}

#left #subscribe a{
	color: #999;
	text-decoration: none;
	}

#left #subscribe a:hover{
	color: #00c;
	}

#left #twitter{
	position: absolute;
	bottom: 38px;
	}

#left #twitter a span{
	display: none;
	}

#left #twitter a{
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon-twitter-mini.png);
	background-repeat: no-repeat;
	}

/*--------------*/	
.infoTitle{
	text-transform: uppercase;
	color: #00c;
	}


.info{
	font-family: Georgia, serif;
	font-size: 12px;
	font-style: italic;
	}

.info a{
	text-decoration: none;
	}

.literatureTitle{
	text-transform: uppercase;
	font-weight: bold;
	}
	
#subnav{
	width: 175px;
	padding-right: 25px;
	float: left;
	}

#subnav p{
	margin-bottom: 1em;
	line-height: 1.2em;
	}
	
#subnav #mycustomscroll, #subnav #mycustomscroll2, #subnav #mycustomscroll3{
	width: 153px;
	height: 400px;
	overflow: auto;
	padding-right: 20px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;	
	}
	
	
#subnav #mycustomscroll.literature, #subnav #mycustomscroll2.literature{
	height: 190px;
	}
	
 #subnav #mycustomscroll2.literature{
	margin-top: 20px;
	}
	
	

#subnav #mycustomscroll ul, #subnav #mycustomscroll2 ul{
	list-style-type: none;
	}

#subnav #mycustomscroll ul a, #subnav #mycustomscroll2 ul a, #subnav #mycustomscroll3 ul a{
	text-decoration: none;
	}

#subnav #mycustomscroll a.selected, #subnav #mycustomscroll ul li a:hover, #subnav .mycustomscroll ul li a.selected, #subnav #mycustomscroll2 ul li a:hover, #subnav #mycustomscroll2 ul li a.selected{
	color: #00c;
	}
	
#subnav #mycustomscroll3 a.selected, #subnav #mycustomscroll3 ul li a:hover, #subnav .mycustomscroll3 ul li a.selected{
	background: url("../images/p_over.gif") no-repeat top right;
	padding-right: 10px;
	color: #00c;	
	}

.title2{
	margin: 0;
	font-weight: bold;
	}
 		
#subnav #mycustomscroll .title, #subnav #mycustomscroll2 .title{
	margin: 0;
	font-weight: bold;
	}

#subnav #mycustomscroll .titleLiterature, #subnav #mycustomscroll2 .titleLiterature{
	margin: 0;
	font-weight: normal;
	}


#subnav #mycustomscroll .infoBlock a, #subnav #mycustomscroll2 .infoBlock a{
	text-decoration: none;
	width: 145px;
	}

#subnav #mycustomscroll .infoBlock a:hover .title, #subnav #mycustomscroll .infoBlock a.selected .title,
#subnav #mycustomscroll2 .infoBlock a:hover .title, #subnav #mycustomscroll2 .infoBlock a.selected .title,

#subnav #mycustomscroll .infoBlock a:hover .titleLiterature, #subnav #mycustomscroll .infoBlock a.selected .titleLiterature,
#subnav #mycustomscroll2 .infoBlock a:hover .titleLiterature, #subnav #mycustomscroll2 .infoBlock a.selected .titleLiterature


{
	background: url("../images/p_over.gif") no-repeat top right;
	padding-right: 10px;
	color: #00c;
	}

#subnav #mycustomscroll .infoBlock a.selected, #subnav #mycustomscroll2 .infoBlock a.selected{
	color: #00c;	
	}
	
#subnav #mycustomscroll .subtitle, #subnav #mycustomscroll2 .subtitle{
	margin: 0;
	font-weight: bold;
	}

#subnav #mycustomscroll .subtitleExhibition, #subnav #mycustomscroll2 .subtitleExhibition{
	margin: 0;
	font-weight: normal;
	}

#subnav #mycustomscroll .description, #subnav #mycustomscroll2 .description{
	margin: 0 0 1em 0;
	font-family: Geogia, Times, serif;
	font-style: italic;
	font-size: 12px;
	}
	
#subsubnav {
	padding-top: 8px;
}
	
#subsubnav a {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding-right: 10px;
	margin-right: 4px;
}

#subsubnav a:hover {
	background: url("../images/p_over.gif") no-repeat top right;
	padding-right: 10px;
	color: #00c;
}

/* ------------------- */

#content{
	float: left;
	width: 525px;
	}

#content #contenInfo{
	width: 310px;
	padding-right: 15px;
	float: left;
	}

#content #contenInfo2{
	padding-right: 15px;
	float: left;
	}
	
#content #contentExtra{
	width: 200px;
	float: left;
	position: relative;
	}

#content #contentExtraContainer{
	width: 200px;
	height: 310px;
	}

#content #contentExtra #extra{
	padding: 10px;
	background: #ffffcc;
	}

#content #contentExtra #extra h1{
	font-size: 12px;
	text-align: center;
	padding: 5px 0 15px 0;
	background: url("../images/extra_bg_top.gif") no-repeat bottom center;
	}

#content #contentExtra #extra p.description{
	padding: 15px 0;
	background: url("../images/extra_bg_bottom.gif") no-repeat bottom center;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	text-align: center;
	font-style: italic;
	}

#content #contentExtra #extra p.price{
	padding: 15px 0 5px 0;
	text-align: center;
	}

#content #contentExtra #extra p.price a{
	text-decoration: none;
	}

#content #pager{
	width: 311px;
	padding-top: 10px;
	}

#content #pager .prev{
	width: 100px;
	text-align: left;
	float: left;
	}

#content #pager .page{
	width: 111px;
	text-align: center;
	float: left;
	}

#content #pager .next{
	width: 100px;
	text-align: right;
	float: left;
	}

#contentExhibition{
	margin: 0;
	padding: 0;
	width: 100px;
	position: relative;
	top: -2px;
	left: -2px;
}

#contentExhibition2{
	margin: 0;
	padding: 0;
	width: 100px;
	position: relative;
	top: -20px;
}

.prev2{
	padding-top: 10px;
	width: 10%;
	color: #fff;
	}

.page2{
	padding-top: 10px;
	width: 80%;
	}

.next2{
	padding-top: 10px;
	width: 10%;
	color: #fff;
	}
	
.prev2 a, .next2 a{
	text-decoration: none;
	color: #000;
	}

#content #caption{
	padding-top: 10px;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	}

#content #caption p{
	text-align: center;
	padding-top: 10px;
	}
	
#content #pager .prev a, #content #pager .next a, #content #caption a{
	text-decoration: none;
	}
	
/*----------------*/

#artistsDetailsIntro{
	width: 290px;
	height: 75px;
	margin-bottom: 10px;
	}	

#artistsDetailsIntro .artistImage{
	width: 75px;
	float: left;
	padding-right: 10px;
	}	

#artistsDetailsIntro .artistText{
	width: 205px;
	float: left;
	}	

#artistsDetailsIntro .artistText h1{
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url("../images/artist_bg_top.gif") no-repeat bottom left;
	}	

#artistsDetailsIntro .artistText .birth{
	font-style: italic;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	}	

#artistsDetailsIntro .artistText .artistWork {
	float: right;
	}	

#artistsDetailsIntro .artistText .artistWork a{
	text-decoration: none;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	}	

#artistsDetails{
	width: 310px;
	height: 315px;
	overflow: auto;
	position: relative;
	}	

#artistsDetails h3{
	margin: 1em 0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	}

#artistsDetails p{
	margin: 1em 0;
	}

/******************************** fixes */
.clearfix:after {
    content: ".";              
	display: block;         
    height: 0;                 
    clear: both;             
    visibility: hidden;	     
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

input {
	font-family: Arial, sans-serif;
	font-size: 11px;
}

/* splashpage */

#splashDummy {
	padding-right: 1px;
	float: left;
	position: relative;
	top: -70px;
	left: 140px;
	z-index: 101;
}

#splash {
	padding-right: 1px;
	float: left;
	position: relative;
	top: -70px;
	left: 140px;
	font-family: Georgia, Times, serif;
	font-style: italic;
	z-index: 102;
	height: 455px;
	width: 730px;
	overflow: hidden;
}

#splash:hover{
	color: #00f;
	cursor: pointer;
}

#content2{
	float: left;
	width: 1px;
}

#splash #mycustomscroll{
	background-color: #ffffcc;
	width: 690px;
	height: 415px;
	overflow: auto;
	padding: 20px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	z-index: 101;
	}
	
#splash #splashClick{
	width: 720px;
	height: 455px;
	position: relative;
	top: -455px;
	z-index: 103;
}