/* MAIN SITE CSS FILE
----------------------------------------------------------- */


/* ----------------------------------------------------------- 
    Global Styles
----------------------------------------------------------- */

body {
	background: #fff;
	padding: 0;
	padding: 0 40px 0 40px;
}

a img {
	border: 0;
} 


/* ----------------------------------------------------------- 
   Layout
----------------------------------------------------------- */

#container {
	width: 830px;
	margin: 0 auto;
}

	#container, x:-moz-any-link { opacity: 0.9999; }
	#container, x:-moz-any-link, x:default { opacity: 1; }
	/* Hack for safari only */
	/*\*/
		html>body*#container { opacity: 1; }
	/**/
	
#header {
	height: 198px;
}


#logo {
	width: 115px;
	height: 118px;
	margin-top: 30px;
	float: left;
	display: inline;
	background: url(../../site/images/altamira_logo.png) top left no-repeat;
}
	#logo a {
		width: 104px;
		height: 106px;
		display: block;
		text-indent: -9999px;
		outline: none;
	}

#topNav {
	margin-top: 126px;
	width: 690px;
	float: right;
	display: inline;
}
	#topNav ul {
		list-style: none;
		float: right;
		display: inline;
	}
	#topNav ul li {
		float: left;
		text-transform: uppercase;
		font-size: 17px;
		margin-right: 30px;
		
	}
	#topNav ul li.last {
		margin-right: 0;
	}
	#topNav ul li a, #topNav ul li a:visited {
		text-decoration: none;
		color: #aaa;
	}
	#topNav ul li a:hover {		
		color: #db2c2c;
	}
	#topNav ul li a.active, #topNav ul li a.activefolder {
		color: #111;
	}

#footer {
	padding-top: 40px;
	clear: both;
	text-transform: uppercase;
	
	margin-bottom: 40px;
	font-size: 12px;
	color: #aaa;
}
	#footer #artlogic {
		padding-top: 5px;
		font-weight: normal;
		font-size: 11px;
		clear: both;
		float: left;
		display: inline;
		width: 100%;
	}
	#footer a, #footer a:visited {
		text-decoration: none;
		color: #bababa;
	}
	#footer a:hover {
		color: #aaa;
	}
	
#contentHeader {
	margin-bottom: 15px;
}
	#contentHeader h1 {
		float: left;
		display: inline;
		margin-bottom: 23px;
		padding: 3px 0;
	}
	#contentHeader ul#contentHeaderNavigation, 
	#contentHeader ul#seriesNavigation {
		list-style: none;
		float: right;
		display: inline;
		margin-top: 5px;
	}
	#contentHeader ul#contentHeaderNavigation li,
	#contentHeader ul#seriesNavigation li {
		font-size: 13px;
		
		text-transform: uppercase;
		float: left;
		display: inline;
		margin-left: 40px;
	}
	#contentHeader ul#contentHeaderNavigation li a, #contentHeader ul#contentHeaderNavigation li a:visited,
	#contentHeader ul#seriesNavigation li a, #contentHeader ul#seriesNavigation li a:visited {
		text-decoration: none;
		color: #aaa;
	}
	#contentHeader ul#contentHeaderNavigation li a.active, #contentHeader ul#contentHeaderNavigation li a.activefolder,
	#contentHeader ul#seriesNavigation li a.active, #contentHeader ul#seriesNavigation li a.activefolder {
		color: #222;
	}
	#contentHeader ul#contentHeaderNavigation li a:hover,
	#contentHeader ul#seriesNavigation li a:hover {
		color: #db2c2c;
	}
	#contentHeader ul#seriesNavigation {
		padding-top: 20px;
	}
	#contentHeader ul#seriesNavigation li {
		font-size: 11px;
		margin-bottom: 12px;
	}


#contentArea {
	width: 550px;
	float: left;
	display: inline;
}

#sidebar {
	width: 220px;
	float: right;
	display: inline;
}



/* ----------------------------------------------------------- 
   Page Specific
----------------------------------------------------------- */

/* Splash 
----------------------------------------------------------- */

#splashLogo {
	width: 733px;
	height: 327px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -163px 0 0 -366px;
}


/* Homepage
----------------------------------------------------------- */

.section-home h1 {
	display: none;
}
.section-home .divider {
	background: #f2f2f2;
}
.section-home .divider {
	margin: 19px 0 14px 0;
}
.section-home h3 {
	margin: 0 0 5px 0;
}
.section-home .slideInner {
	background: #FFF;
	height: 480px;
}
.section-home #contentText {
	margin-bottom: 35px;
}
.section-home #footer {
	padding-top: 5px;
}


/* 	Artists
----------------------------------------------------------- */

.section-artists #artistSubmenu {
	float: left;
	display: inline;
	width: 240px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	list-style: none;
}
	.section-artists #artistSubmenu li {
		float: left;
		display: inline;
		width: 100%;
		clear: both;
		margin-bottom: 4px;
		font-size: 13px;
		color: #aaa;
		font-weight: normal;
		text-transform: uppercase;
	}
	.section-artists #artistSubmenu li a,
	.section-artists #artistSubmenu li a:visited {
		color: #aaa;
		text-decoration: none;
	}
.section-artists #pictureArea {
	width: 580px;
	height: 400px;
	float: right;
	display: inline;
	text-align: center;
}

.section-artists .artistsListHeader {
	font-size: 14px;
	
	text-transform: uppercase;
	color: #aaa;
	
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 35px;
}
.section-artists #contentHeader {
	
}
.section-artists #contentHeader h1 {
	display: block;
	margin-bottom: 23px;
}
.section-artists #records ul {
	list-style: none;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 26px;
}
	.section-artists #records ul li {
		width: 195px;
		min-height: 210px;
		margin-right: 32px;
		float: left;
		display: inline;
	}
	.section-artists #records ul li.last {
		margin-right: 0;
	}
	.section-artists #records ul li h3 {
		
		
		padding-top: 4px;
		font-size: 13px;
	}
	.section-artists #records ul li .image {
		height: 195px;
		width: 195px;
	}
	.section-artists #records ul li .image a {
		height: 195px;
		width: 195px;
		display: block;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.section-artists #records ul li .image img {
		height: 195px;
		width: 195px;
	}


.section-artists #seriesRecords ul {
	list-style: none;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 26px;
}
	.section-artists #seriesRecords ul li {
		width: 195px;
		min-height: 210px;
		margin-right: 32px;
		float: left;
		display: inline;
	}
	.section-artists #seriesRecords ul li.last {
		margin-right: 0;
	}
	.section-artists #seriesRecords ul li h3 {
		
		
		padding-top: 4px;
		font-size: 13px;
	}
	.section-artists #seriesRecords ul li .image {
	height: 195px;
		width: 195px;
	}
	.section-artists #seriesRecords ul li .image a {
	}
	.section-artists #seriesRecords ul li .image img {
	}
.section-artists #informationSeries #seriesRecords {
	float: right;
	display: inline;
	width: 160px;
}
	.section-artists #informationSeries #seriesRecords ul li {
		width: 160px;
		min-height: 175px;
		margin-right: 0;
		float: left;
		clear: both;
		display: inline;
		margin-bottom: 30px;
	}
.section-artists #artistInformation  {
	float: left;
	display: inline;
	width: 100%;
	font-weight: normal;
	text-transform: none;
	font-size: 13px;
	line-height: 1.6em;
	letter-spacing: normal;
}

.section-artists #artworkRecords ul {
	list-style: none;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 30px;
}
	.section-artists #artworkRecords ul li {
		width: 248px;
		min-height: 195px;
		margin-right: 40px;
		float: left;
		display: inline;
	}
	.section-artists #artworkRecords ul li.last {
		margin-right: 0;
	}
	.section-artists #artworkRecords ul li h3 {
		padding-top: 4px;
		font-size: 11px;
		text-align: left;
	}
	.section-artists #artworkRecords ul li .image {
		height: 180px;
		width: 248px;
		text-align: center;
		display: table;
	}
	.section-artists #artworkRecords ul li .image span {
		display: block;
		height: 180px;
		width: 248px;
		display: table-cell;
		vertical-align: middle;
	}
	.section-artists #artworkRecords ul li .image img {
		margin: 0 auto;
	}
	.section-artists #artworkRecords ul li .image a {
		height: 180px;
		width: 248px;
	}

.section-artists #artworkInformation {
	float: left;
	display: inline;
	width: 240px;
}
	.section-artists #artworkInformation h2 {
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 8px;
		clear: both;
		text-transform: none;
		letter-spacing: normal;
		color: #222;
	}
	.section-artists #artworkInformation {
		font-size: 11px;
		font-weight: normal;
		text-transform: none;
	}
	.section-artists #artworkInformation div#pagination div {
		font-size: 11px;
		text-transform: uppercase;
	}
	.section-artists #artworkInformation .link {
		
	}
.section-artists #displayImage {
	float: right;
	display: inline;
	width: 580px;
	height: 400px;
	text-align: center;
}



/* Exhibitions
----------------------------------------------------------- */

.section-exhibitions h1 {
	display: none;
}

.page-exhibitions .image {
	float: left;
	display: inline;
	margin-bottom: 10px;
	display: table;
}
.page-exhibitions .image a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.section-exhibitions .exhibitionArea {
	width: 379px;
	float: left;
	display: inline;
	margin-bottom: 35px;
	margin-right: 70px;
}
.section-exhibitions .exhibitionArea.last {
	margin-right: 0;
}
.section-exhibitions #currentExhibition {
	margin-right: 70px;
}
.section-exhibitions #currentExhibition,
.section-exhibitions #futureExhibitions {
	width: 379px;
	float: left;
	display: inline;
}
.section-exhibitions #currentExhibition .image,
.section-exhibitions #futureExhibitions .image,
.section-exhibitions #currentExhibition .image a,
.section-exhibitions #futureExhibitions .image a {
	width: 379px;
	height: 163px;
}
	
	.section-exhibitions #currentExhibition .additionalInformation,
	.section-exhibitions #futureExhibitions .additionalInformation {
		clear: both;
	}
	.section-exhibitions #currentExhibition h3,
	.section-exhibitions #futureExhibitions h3 {
		
		
		margin: 0 0 6px 0;
	}


.section-exhibitions #pastExhibitions {
	clear: both;
}
.section-exhibitions #pastExhibitions .item {
	float: left;
	width: 160px;
	min-height: 200px;
	margin-right: 59px;
}
	.section-exhibitions #pastExhibitions .item.second {
		margin-right: 70px;
	}
	.section-exhibitions #pastExhibitions .item.last {
		margin-right: 0;
	}
	.section-exhibitions .image {
		width: 160px;
		height: 160px;
	}
	.section-exhibitions #pastExhibitions h3 {
		font-size: 12px;
		margin: 8px 0 0 0;
	}
	.section-exhibitions #pastExhibitions .subtitle {
		font-weight: normal;
		color: #aaa;
	}

.section-exhibitions #displayExhibition {
	margin-bottom: 22px;
}
	.section-exhibitions #displayExhibition h3 {
		font-size: 24px;
		margin: 0 0 11px 0;
	}
	.section-exhibitions #displayExhibition .subtitle {
		font-size: 17px;
		margin-bottom: 6px;
		font-weight: normal;
		color: #aaa;
	}


	
.section-exhibitions #moreInformation {
	font-weight: normal;
	text-transform: none;
	font-size: 13px;
	line-height: 1.6em;
	letter-spacing: normal;
}

.section-exhibitions #archive ul {
	margin-bottom: 0;
}
.section-exhibitions #archive ul li {
	margin-bottom: 30px;
}
.section-exhibitions #artworkRecords ul {
	list-style: none;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 30px;
}
	.section-exhibitions #artworkRecords ul li {
		width: 248px;
		min-height: 195px;
		margin-right: 40px;
		float: left;
		display: inline;
	}
	.section-exhibitions #artworkRecords ul li.last {
		margin-right: 0;
	}
	.section-exhibitions #artworkRecords ul li h3 {
		padding-top: 4px;
		font-size: 11px;
		text-align: left;
	}
	.section-exhibitions #artworkRecords ul li .image {
		height: 180px;
		width: 248px;
		text-align: center;
		display: table;
	}
	.section-exhibitions #artworkRecords ul li .image span {
		height: 180px;
		display: block;
		width: 248px;
		display: table-cell;
		vertical-align: middle;
	}
	.section-exhibitions #artworkRecords ul li .image a {
		height: 180px;
		width: 248px;
	}
	.section-exhibitions #artworkRecords ul li .image img {
	}

.section-exhibitions #artworkInformation {
	float: left;
	display: inline;
	width: 240px;
}
	.section-exhibitions #artworkInformation h2 {
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 8px;
		clear: both;
		text-transform: none;
		letter-spacing: normal;
		color: #222;
	}
	.section-exhibitions #artworkInformation {
		font-size: 11px;
		font-weight: normal;
		text-transform: none;
	}
	.section-exhibitions #artworkInformation div#pagination div {
		font-size: 11px;
		
		text-transform: uppercase;
	}
.section-exhibitions #displayImage {
	float: right;
	display: inline;
	width: 580px;
	height: 400px;
	text-align: center;
}

.section-exhibitions #moreExhibitions ul {
	margin-bottom: 0;
}
.section-exhibitions #moreExhibitions ul li {
	float: left;
	display: inline;
	width: 280px;
	clear: none;
}
	.section-exhibitions #moreExhibitions h3 {
		margin-bottom: 2px;
	}
	.section-exhibitions #moreExhibitions .subtitle {
		font-size: 11px;
		font-weight: normal;
		color: #aaa;
	}
	.section-exhibitions #moreExhibitions .date {
		font-size: 10px;
				
	}


/* Publications
----------------------------------------------------------- */


.section-publications ul {
	list-style: none;
	float: left;
	clear: both;
	width: 100%;
}
.section-publications #records {
	
}
.section-publications #records ul li {
	float: left;
	width: 430px;
	margin-right: 50px;
	margin-bottom: 40px;
}
	.section-publications #records ul li.last {
		margin-right: 0;
	}
	.section-publications #records .image {
		float: left;
		display: inline;
		margin-right: 20px;
		width: 200px;
		min-height: 175px;
		height: auto !important;
		height: 175px;
		background: 0;
	}
	.section-publications #records .additionalInformation {
		float: left;
		display: inline;
		clear: none;
		width: 200px;
		font-size: 11px;
		line-height: 1.6em;
	}
	.section-publications #records h3 {
		font-size: 15px;
		
		margin: 0 0 6px 0;
		color: #222;
	}
	.section-publications #records .subtitle {
		font-size: 13px;
		margin-bottom: 4px;
		font-weight: normal;
		color: #aaa;
	}
	.section-publications #records .date {
		margin-bottom: 4px;
		font-size: 11px;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
	}
	.section-publications #records .link {
		clear: none;
	}

.section-publications #publicationDetails {
	float: left;
	display: inline;
	width: 450px;
	margin-right: 60px;
}
.section-publications #publicationDetails .link {
	padding-top: 7px;
}

.section-publications #publicationDetails .subtitle {
	font-size: 17px;
	margin-bottom: 6px;
	font-weight: normal;
	color: #aaa;
}

.section-publications #imageArea {
	float: left;
	display: inline;
	width: 300px;
	text-align: left;
}


/* Press
----------------------------------------------------------- */

.section-press h1 {
	display: none;
}
.section-press h2 {
	/*color: #aaa;
	float: left;
	font-size: 20px;*/
	margin-bottom: 20px;
}

.section-press #records {
	margin-bottom: 0;
}
.section-press #records ul li {
	float: left;
	width: 385px;
	margin-right: 60px;
	margin-bottom: 40px;
}
	.section-press #records ul li.last {
		margin-right: 0;
	}
	.section-press #records h3 {
		font-size: 15px;
		
		color: #222;
		margin: 0 0 6px 0;
	}
	.section-press #records .subtitle {
		font-size: 13px;
		margin-bottom: 4px;
		font-weight: normal;
		color: #aaa;
	}
	.section-press #records .date {
		margin-bottom: 4px;
		font-size: 11px;
		
		text-transform: uppercase;
	}
	.section-press #records .link {
		clear: none;
		padding-top: 8px;
	}
	.section-press #records .viewOptions {
		display: block;
		padding-top: 6px;
	}
	.section-press #records .viewOptions a, .section-press #records .viewOptions a:visited {
		text-decoration: none;
	}
	.section-press #records .image {
		float: left;
		width: 80px;
		height: 80px;
		display: inline;
		overflow: hidden;
		margin-right: 16px;
		text-align: center;
		display: table;
	}
	.section-press #records .image a {
		display: block;
		width: 80px;
		height: 80px;
		display: table-cell;
		vertical-align: middle;
	}

#pressInformation {
	float: left;
	display: inline;
	width: 700px;
	font-weight: normal;
	text-transform: none;
	font-size: 13px;
	line-height: 1.6em;
	letter-spacing: normal;
}


/* News
----------------------------------------------------------- */

.section-news h1 {
	display: none;
}

.section-news h2 {
	/*color: #aaa;
	float: left;
	font-size: 20px;*/
	margin-bottom: 20px;
}

.section-news #records {
	margin-bottom: 0;
}
.section-news #records ul li {
	float: left;
	width: 385px;
	margin-right: 60px;
	margin-bottom: 40px;
}
	.section-news #records ul li.last {
		margin-right: 0;
	}
	.section-news #records h3 {
		font-size: 15px;
		color: #222;
		margin: 0 0 8px 0;
	}
	.section-news #records .link {
		padding-top: 8px;
	}
	.section-news #records .subtitle {
		font-size: 13px;
		margin-bottom: 4px;
		font-weight: normal;
		color: #aaa;
	}
	.section-news #records .date {
		margin-bottom: 4px;
		font-size: 11px;
		
		text-transform: uppercase;
	}
	.section-news #records .link {
		clear: none;
	}
	.section-news #records .viewOptions {
		display: block;
		padding-top: 6px;
	}
	.section-news #records .viewOptions a, .section-news #records .viewOptions a:visited {
		text-decoration: none;
	}
	.section-news #records .image {
		float: left;
		width: 80px;
		height: 80px;
		display: inline;
		overflow: hidden;
		margin-right: 16px;
		text-align: center;
		display: table;
	}
	.section-news #records .image a {
		display: block;
		width: 80px;
		height: 80px;
		display: table-cell;
		vertical-align: middle;
	}


/* About
----------------------------------------------------------- */

.section-about h1 {
	display: none;
}
.section-about .slideInner {
	/*
	background: #FFF;
	height: 400px;
	*/
	margin: 0 0 30px 0;
}


/* ----------------------------------------------------------- 
   Global Classes
----------------------------------------------------------- */

#displayImages {
	margin-bottom: 22px;
}
	#displayImages ul {
		list-style: none;
		margin-bottom: 0;
	}
	#displayImages ul li {
		float: left;
		width: 240px;
		margin-right: 55px;
		text-align: center;
	}
		#displayImages ul li.last {
			margin-right: 0;
		}
		#displayImages ul li.clear {
			clear: both;
			float: none;
			display: block;
			height: 1px;
			width: 100%;
			background: none;
		}
	#displayImages ul li img {
	}
	
#records ul {
	list-style: none;
}
.divider {
	margin: 0 0 10px 0;
	clear: both;
	overflow: hidden;
	height: 4px;
	display: block;
	background: #f2f2f2;

}
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	display: block;
}
.image {
	display: block;
	text-align: center;
	background: #f2f2f2;
}
.subtitle {
	display: block;
	text-transform: uppercase;
}
.date {
	display: block;
	text-transform: uppercase;
}
.caption {
	display: block;
	padding: 6px 0 0 0;
	color: #aaa;
	font-style: italic;
}
.link {
	clear: both;
	padding-top: 20px;
	text-transform: uppercase;
	font-size: 12px;
	display: block;
}
	.link a {
	}
	.link a, .link a:visited {
		text-decoration: none;
	}
	
	.link.next a {
	}
	.link.back a {
	}
	.link.top a {
		padding-left: 0;
		background: none;
	}

.important {
	color: #db2c2c;
	padding-top: 20px;
	font-size: 12px;
	text-transform: uppercase;
}

#pagination {
	height: 35px;
}
#pagination div {
	float: left;
	display: inline;
	margin-right: 15px;
}
#pagination div a {
	float: left;
	padding: 5px;
}
#pagination div img {
}
	
	
#previousNext {
	clear: both;
}
#previousNext .link {
	float: left;
	margin-right: 35px;
	clear: none;
}