/* -- uncomment to show custom banner --
the banner should be named "custom-banner.jpg" and be inside the images folder
*/
#banner {
	background-image:url(../images/custom-banner.jpg) !important;
}


/* Andrea Pieces/////////////////////////////////////////////////*/

#artistContainer{
	overflow: auto;
	margin-bottom: 20px;
}

#artist-contact{
	width: 165px;
	float: right;
	background:#eee;
	padding: 22px 27px 22px 27px;
	margin-right: 15px;
}

#artist-contact h3{
	margin: 5px 0;
}

#artist-contact span{
	font-size: 11px;
}

.artist-text{
	width: 460px;
	float: left;
	padding-right: 10px;
}

#andrea-pieces{
	overflow:auto;
	padding-bottom:10px;
}

#andrea-pieces a{
	float:left;  	
}

#andrea-pieces .piece-one{
	display: block;
	width: 230px;
	height: 335px;
	background: url('../images/artwork/artist-andrea-pieces.png') top left;
	text-indent: -99999px;
}

#andrea-pieces .piece-one:hover{
	background-position: bottom left;
}

#andrea-pieces .piece-two{
	display: block;
	width: 230px;
	height: 335px;
	background: url('../images/artwork/artist-andrea-pieces.png') -230px 0px;
	text-indent: -99999px;
}

#andrea-pieces .piece-two:hover{
	background-position: -230px 335px;
}

#andrea-pieces .piece-three{
	display: block;
	width: 230px;
	height: 335px;
	background: url('../images/artwork/artist-andrea-pieces.png') -470px 0px;
	text-indent: -99999px;
}

#andrea-pieces .piece-three:hover{
	background-position: -470px 335px;
}


/* Artist Page//////////////////////////////////////////////////////////////*/


h2.artist-title{
	font-size: 28px;
	margin: 15px 0;
	color: #686868;
}

#artist-gallery, #main-gallery{
	overflow: auto;
	margin-bottom: 10px;
}


.artist-portrait {
	width: 225px;
	height: 335px;
	overflow: hidden;
	float: left;
	margin: 0 10px 10px 0;
	position: relative;
	background-color: #4e87bf;
}

.artist-portrait > a > img{
	min-height: 335px;
	min-width: 225px;

	height: 335px;
	width: auto;
	margin: 0;
	
}

.artist-portrait-hover{
    opacity: .50; /* Standards Compliant Browsers */
    filter: alpha(opacity=50); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

.artist-portrait > a, .artist-portrait > a > img, .artist-portrait > a > p {
	position: absolute;
}

.artist-view-text{
	font-family: 'Oswald', sans-serif;
	display: none;
	cursor: pointer;
	position: absolute;
	z-index: 20;
	/*left: 12%;*/
	bottom: 50%;
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	background: transparent;
	line-height: 24px;
	width: 225px;
	text-align: center;
}

.artistContent > p > img{
	padding: 0 20px;
}

/* Artist Gallery//////////////////////////////////////////////////////////////*/

#main-gallery .artist-portrait{
	width: 210px;
	height: 158px;
	margin: 0 20px 20px 0;
}

#main-gallery .artist-view-text{
	width: 210px;
	font-size: 18px;
	bottom: 42%;
}



#main-gallery .artist-portrait > a > img{
	min-height: 158px;
	min-width: 210px;

	height: 158px;	
}

#actionNavigation{
	margin-left:-95px;
	
}

#actionNavigation li a {
    color: #927D00;
}

#actionNavigation li {
    border-left: 1px dotted #927D00;
}

#logo {
	visibility:hidden;
	
}