// Artist

.artistContent {
    height: 602px;
}

.photo img {
    border: 1px solid #C8C7C7;
    float: right;
}

.photoCaption {
    float: right;
    height: 46px;
    margin-top: 5px;
    text-align: right;
    width: 412px;
}

.photoCaption .caption {
	font-size: 12px;
	line-height: 15px;
}

.linkNav {
    margin-top: 17px;
}

.linkNav div {
    background-image: url("/css/images/snav.gif");
    display: block;
    float: left;
    height: 13px;
    margin-right: 10px;
}

#aboutLink {
    background-position: -38px -43px;
    display: block;
    width: 37px;
}

#biographyLink {
    background-position: -38px -83px;
    display: block;
    width: 62px;
}

#bibliographyLink {
    background-position: -38px -123px;
    display: block;
    width: 78px;
}

#aboutLink:hover {
    background-position: -38px -63px;
    display: block;
    width: 37px;
}

#biographyLink:hover {
    background-position: -38px -103px;
    display: block;
    width: 62px;
}

#bibliographyLink:hover {
    background-position: -38px -143px;
    display: block;
    width: 78px;
}

.artistName {
    color: #2F2B2B;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 13px;
    margin-top: 20px;
}

.artistAbout {
	line-height: 17px;
}

.artistAbout .block-quote {
    font-size: 12px;
    line-height: 16px;

    width: 320px;
}

.artistBiography {
	display: none;
	line-height: 17px;
}

.year {
	margin: 8px 0 0;
}

.artistBiography h3 {
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
    margin: 17px 0;
    text-transform: uppercase;
}

.artistBibliography p {
	line-height: 17px;
}

.artistBibliography {
	display: none;
}

.artistBibliography .publication {
	margin: 0 0 12px;
}

// Artists

.artistsPhoto {
	text-align: right;
}

.artistsPhoto {
	display: none;
	height: 540px;
	margin-top: 21px;
	float: right;
}

.artistNames {
	margin-top: 19px;
}

.artistNames div {
    margin-bottom: -9px;
}

.artistNames a {
    font-size: 17px;
    margin: 0;
}

a {
	color: #74767A;
}

.artistsPhoto img {
	border: 1px solid #C8C7C7;
}

.availableLink {
    margin-top: 2px;
    text-transform: uppercase;
}

// Available Works

.artworkContainer {
	display: none;
}

.artworkImage {
    float: left;
    margin-top: 1px;
    text-align: right;
    width: 431px;
}

.artworkImage img {
	border: 1px solid #C8C7C7;
}

.artworkDescription {
	float: left;
	margin-left: 21px;
    width: 270px;
}

.artworkDescription h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    margin: 1px 0 8px;
}

.artworkDetails {
	font-size: 13px;
    line-height: 17px;
}

.availableWorksContent h3 {
    color: #615F5F;
    float: right;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 19px;
    margin-right: 265px;
    margin-top: -14px;
    text-transform: uppercase;
    width: 140px;
}

// Contact Us

.contactTelephone {
	padding-bottom: 13px;
}

.contactMap {
	border: 1px solid #C8C7C7;
    margin-top: 23px;
}

.contactDetails {
    float: left;
    line-height: 17px;
    margin-left: 94px;
    margin-right: 23px;
    margin-top: -21px;
    width: 335px;
}

.contactDetails p {
    margin-bottom: 12px;
}

.contactDetails h3 {
    font-size: 13px;
    font-weight: normal;
    line-height: 17px;
    margin-bottom: 1px;
    margin-top: 0;
    text-transform: uppercase;
}

.contactAddress {
    float: left;
    margin-right: 15px;
}

// History

.historyContent img {
    border: 1px solid #C8C7C7;
    float: left;
    margin-left: 94px;
    margin-right: 22px;
    margin-top: -21px;
}

.historyDescription {
    float: left;
    line-height: 17px;
    margin-top: 18px;
    width: 265px;
}

.historyDescription p {
    margin-bottom: 8px;
}

.historyDescription a, .historyDescription a:visited {
    color: #8D0000;
}

.historyDescription a:hover {
	color: #ED1C1C;
}

// Index

.indexContent {
	position: relative;
	height: 302px;
}

.mainContent .innerIndex {
	margin-top: 112px;
}

#artist {
	font-size: 17px;
	line-height: 25px;
	padding: 0;
	margin: 0;
}

#date {
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-top: 2px;
}

#opening {
  	display: block;
    font-size: 12px;
    margin-top: -16px;
    text-transform: uppercase
}

#time {
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-top: -16px;
}

.mainContent .tablesImg {
	margin: 5px;
	margin-top: 5px;
    border: 1px solid #C8C7C7;
}

.innerIndex a {
	color: #242020;
}

.innerIndex a:hover {
	color: #ED1C1C;
}

// Layout

html {
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.page {
    color: #242020;
    font-family: Georgia,serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    margin: auto;
    min-height: 100%;
    padding-left: 40px;
    position: relative;
    width: 858px;
}

div {
	padding: 0;
	margin: 0;
}

a {
	color: #242020;
	text-decoration: none;
}

a:hover {
	color: #ED1C1C;
}

/*HEADER CONTENT*/
.menuContent {
	height:35px;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 17px;
    color: #74767A;
}

.menuContent li {
	float: left;
}

.menuContent .menuItems li div a{
    background-image: url("/css/images/mnav.gif");
    display: block;
    height: 15px;
    margin-left: 18px;
}

#menuCurrent div a{
	background-position: 0 0;
	width: 68px;
}

#menuPast div a{
	background-position: 0 -20px;
	width: 35px;
}

#menuArtist div a{
	background-position: 0 -40px;
	width: 59px;
}

#menuNews div a{
	background-position: 0 -60px;
	width: 124px;
}

#menuPublications div a{
	background-position: 0 -80px;
	width: 104px;
}

#menuHistory div a{
	background-position: 0 -100px;
	width: 60px;
}

#menuContact div a{
	background-position: 0 -120px;
	width: 64px;
}

.menuContent .menuItems li div a:hover {
    background-image: url("/css/images/mnav.gif");
    display: block;
    height: 15px;
    margin-left: 18px;
}

#menuCurrent div a:hover {
	background-position: -140px 0;
	width: 68px;
}

#menuPast div a:hover {
	background-position: -140px -20px;
	width: 35px;
}

#menuArtist div a:hover {
	background-position: -140px -40px;
	width: 59px;
}

#menuNews div a:hover {
	background-position: -140px -60px;
	width: 124px;
}

#menuPublications div a:hover {
	background-position: -140px -80px;
	width: 104px;
}

#menuHistory div a:hover {
	background-position: -140px -100px;
	width: 60px;
}

#menuContact div a:hover {
	background-position: -140px -120px;
	width: 64px;
}

.menuItems {
    float: left;
    margin-bottom: 16px;
    margin-top: 107px;
    margin-left: 1px;
    width: 647px;
}

.headerContent {
    height: 150px;
    padding-top: 2px;
}

.headerPic {
    margin-top: 46px;
    position: absolute;
    width: 703px;
}

.headerPic img {
	margin-left: 312px;
}

#housePic {
    float: left;
    margin-left: 9px;
    margin-top: 5px
}

.clear {
	clear: both;
}

.menuContent ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.left-seperator {
    border-bottom: 1px solid black;
    float: left;
    height: 16px;
    margin-left: -66px;
    width: 420px;
}

.right-seperator {
    border-bottom: 1px solid black;
    float: left;
    height: 16px;
    margin-left: 22px;
    width: 266px;
}
/*END OF HEADER CONTENT*/

/*MAIN CONTENT*/
.mainContent {
    padding-bottom: 71px;
}

.leftContent {
    float: left;
    margin-left: 10px;
    padding-top: 3px;
    width: 420px;
}

.rightContent {
    float: right;
    margin-right: 140px;
    padding-top: 3px;
    width: 266px
}
/*END OF MAIN CONTENT*/

/*FOOTER CONTENT*/
.footerContent {
    bottom: 0;
    height: 40px;
    position: absolute;
    width: 100%;
}

.footerContent .copyright {
    background-image: url("/css/images/snav.gif");
    background-position: -40px -240px;
    float: left;
    height: 17px;
    margin-left: 279px;
    width: 151px;
}

.footerContent .topOfPageLeft a {
    background-image: url("/css/images/snav.gif");
    background-position: -40px -160px;
    float: left;
    height: 17px;
    margin-left: 94px;
    width: 81px;
}

.footerContent .topOfPageLeft a:hover {
    background-image: url("/css/images/snav.gif");
    background-position: -40px -180px;
    float: left;
    height: 17px;
    margin-left: 94px;
    width: 81px;
}

.footerContent .topOfPageRight a {
    background-image: url("/css/images/snav.gif");
    background-position: -40px -160px;
    float: left;
    height: 17px;
    margin-left: 22px;
    width: 81px;
}

.footerContent .topOfPageRight a:hover {
    background-image: url("/css/images/snav.gif");
    background-position: -40px -180px;
    float: left;
    height: 17px;
    margin-left: 22px;
    width: 81px;
}

/* NEWS */

.newsContent {
    margin-top: -2px;
    padding-left: 10px;
}

.newsItem {
    margin-bottom: 24px;
}

.newsImage {
    float: left;
    margin-right: 22px;
    text-align: right;
    width: 420px;
}

.newsImage img {
	border: 1px solid #C8C7C7;
}

.newsDescription {
    float: left;
    font-size: 13px;
    font-weight: normal;
    line-height: 17px;
    margin-top: -2px;
    width: 266px;
}

.newsDescription h2 {
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    line-height: 17px;
    margin: 0 0 8px;
}

.newsDescription p {
    line-height: 17px;
    margin: 0 0 6px;
}

.newsDescription .subtitle {
    margin-bottom: 8px;
    margin-top: -8px;
}

.newsDescription .subheadline {
	font-size: 17px;
}

.newsDoc a {
	color: #74767A;
}

.newsDoc a:hover {
	color: #ED1C1C;
}

.links {
    margin-bottom: 6px;
}

.newsLink a {
	color: #74767A;
	font-style: italic;
}

.newsLink a:hover {
	color: #ED1C1C;
	font-style: italic;
}

// Past

.pastContent {
    margin-left: 94px;
}

.pastContent h2 {
    font-size: 15px;
    font-weight: normal;
    margin-top: -7px;
}

.pastItem h3 {
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}

.pastItemDocuments a {
	color: #74767A; 
}


.subtitle {
    font-size: 13px;
    line-height: 17px;
    margin-top: -1px;
}

// PhotoNav

.photoNav {
    float: right;
    margin-bottom: 11px;
    margin-right: -1px;
    margin-top: 14px;
}

.photoNav div {
    background-image: url("/css/images/snav.gif");
    display: block;
    float: left;
    height: 13px;
}

.photoNav .number {
    cursor: pointer;
}

#number1, #number2, #number3, #number4, #number5,
#number6, #number7, #number8, #number9 {
    width: 11px;
}

#label {
	background-position: -40px -0px;
    width: 45px;
}

#number1 {
    background-position: -4px 0;
}

#number2 {
    background-position: -4px -20px;
}

#number3 {
	background-position: -4px -40px;
}

#number4 {
	background-position: -4px -60px;
}

#number5 {
	background-position: -4px -80px;
}

#number6 {
	background-position: -4px -100px;
}

#number7 {
	background-position: -4px -120px;
}

#number8 {
	background-position: -4px -140px;
}

#number9 {
	background-position: -4px -160px;
}

#number10 {
	background-position: -2px -180px;
    width: 15px;
}

#number1:hover {
    background-position: -24px 0;
}

#number2:hover {
    background-position: -24x -20px;
}

#number3:hover {
	background-position: -24px -40px;
}

#number4:hover {
	background-position: -24px -60px;
}

#number5:hover {
	background-position: -24px -80px;
}

#number6:hover {
	background-position: -24px -100px;
}

#number7:hover {
	background-position: -24px -120px;
}

#number8:hover {
	background-position: -24px -140px;
}

#number9:hover {
	background-position: -24px -160px;
}

#number10:hover {
	background-position: -22px -180px;
    width: 15px;
}

// Publications

.publicationContent {
    margin-top: -33px;
}

.product {
    width: 858px;
    margin-bottom: 26px;
}

.productImage {
    float: left;
    margin-right: 21px;
    text-align: right;
    width: 431px;
}

.productImage img {
	border: 1px solid #C8C7C7;
	line-height: 30px;
}


.productDescription {
    float: left;
    margin-bottom: -13px;
    margin-top: -11px;
    width: 270px;
}

.productDescription h2 {
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 15px;
    text-transform: uppercase;
}

.productDetails {
    line-height: 17px;
    margin-bottom: 17px;
    margin-top: -9px;
}

.productPrice {
    color: #2F2B2B;
    font-size: 17px;
    line-height: 19px;
    margin-bottom: 15px;
}

.productLink {
	padding-bottom: 1px;
}

.productLink a {
    color: #74767A;
    line-height: 17px;
}

.productLink a:hover {
    color: #ED1C1C;
}

.clearLine {
	clear: both;
}

.publicationDetails {
    font-style: italic;
    line-height: 17px;
    margin-bottom: 14px;
    margin-left: 452px;
    margin-top: 26px;
    width: 254px;
}

.publicationDetails p {
    margin: 0 0 8px;
}

.publicationDetails a {
	color: #74767A;
}

.publicationDetails a:hover {
	color: #ED1C1C;
}

// Show

.current {
	margin-left: 94px;
	margin-right: 140px;
	position: relative;
    top: -7px;
}

.topContent h3 {
    font-size: 17px;
    font-weight: normal;
    line-height: 23px;
    margin: -1px 0 3px;
}

.description {
    font-size: 17px;
    line-height: 22px;
}

.date {
    line-height: 18px;
}

p {
	margin: 0;
}

.currentPic {
    margin-left: 1px;
    padding-top: 1px;
}

.currentPic img {
    border: 1px solid #C8C7C7;
    margin-bottom: 11px;
    margin-left: -1px;
    margin-top: 5px;
}

.bottomContent {
	line-height: 17px;
}

.bottomContent p {
	margin-bottom: 9px;
}

.linkContent {
	margin-top: 19px;
	margin-bottom: 20px;
}

.linkContent a {
	color: #74767A;
	text-decoration: none;
}

.linkContent a:hover {
	color: #ED1C1C;
	text-decoration: none;
}

.linkContent p {
	line-height: 19px;
}

// Social

.socialContent {
    height: 21px;
    margin-top: -7px;
}

.socialContent .mail a {
    background-image: url("/css/images/snav.gif");
    background-position: -43px -280px;
    border: 1px solid #C8C7C7;
    float: left;
    height: 19px;
    margin-left: 452px;
    margin-right: 6px;
    width: 130px;
}

.socialContent .mail a:hover {
    background-image: url("/css/images/snav.gif");
    background-position: -43px -300px;
    border: 1px solid #ED1C1C;

    height: 19px;
    margin-left: 452px;
    margin-right: 6px;
    width: 130px;
}

.socialContent .facebook a {
    background-image: url("/css/images/snav.gif");
    background-position: -43px -320px;
    border: 1px solid #C8C7C7;
    float: left;
    height: 19px;
    width: 126px;
}

.socialContent .facebook a:hover {
    background-image: url("/css/images/snav.gif");
    background-position: -43px -340px;
    border: 1px solid #ED1C1C;
    float: left;
    height: 19px;
    width: 128px
}