/*========================================================
 @site    Nationa Galleries of Scotland
 @title   Presentation layer for specific sections
 @company Keepthinking LTD
 @address http://keepthinking.it
 @author  Oskar Krawczyk (o.krawczyk@keepthinking.it)
 @rev     01/03/2007
 ========================================================*/

/* Overwrite global CSS declarations
 ===================================================== */
#home #sub-navigation,
#home #breadcrumbs {
	display: none;
}
.borderTop {
	border: 0;
}

#home #content, 
#home #page {
	background: none;
}

#home #content {
	padding: 0;
	width: 960px;
}

#home .mCon {
	float: left;
	width: 960px;
}


/* Section-specific styles
 ===================================================== */

#home #header div.bannerCaption {
	font-size: .9em;
	overflow: hidden;
	height: 100%;
}

#home #header div.bannerCaption p {
	float: left;
	font-style: italic;
}

#home #header div.bannerCaption p.small {
	float: left;
	width: 240px;
}

	#home #banner ul {
		padding: 0;
		margin: 0;
		list-style: none;	
	}
	
	#home #banner .gal {
		width: 244px;
		float: left;
		border-right: solid 1px #fff;
		overflow: hidden;
		height: 205px;
	}
	
	#home #banner .exh {
		width: 715px;
		float: left;
	}
	
	#home #banner .description {
		font-size: .8em;
		margin: 2px 0 0 0;
	}
	
	#home #banner .description a {
		text-decoration: none;
		color: #4B575F;
	}
	
	#home #banner .description a:hover {
		text-decoration: underline;
	}
	
	#home #banner .gal .description {
		padding: 0 8px;
	}
	
	#home #banner ul img {
		border: none;
		padding: 0;
		margin: 0;
	}
		#home #banner .rebrand-intro_desc {
			color: #7E7E7E;
			position: relative;
			z-index: 1000;
			margin: -65px 0 0 243px;
		}
			#home #banner .rebrand-intro_desc p {
				color: #7E7E7E;
				margin-bottom: 10px;
			}

#banner {
	width: 960px;
	height: 205px;
}

#banner-fade {
	width: 1000px;
	position: relative;
	background: url(../../img/indicator.gif) 50% 50% no-repeat;
	height: 205px;
}

	#banner-fade .imageElement {
		clear: both;
		position: absolute;
		top: 0;
		left: 0;
	}

/* 
 ===================================================== */
#rotator {
	height: 318px;
	width: 960px;
	overflow: hidden;
	background: #333;
}

	#rotator ul,
	#rotator li,
	#rotator a img {
		padding: 0;
		margin: 0;
		list-style: none;
		border: none;
	}
	
	#rotator #rotator-nav {
		width: 244px;
		float: left;
		border-right: solid 1px #fff;
		height: 318px;
		background: #3F4B50;
	}
	
		#rotator #rotator-nav li {
			position: relative;
			float: left;
			display: inline;
			width: 244px;
		}
	
			#rotator #rotator-nav li a {
				display: block;
				border-bottom: solid 1px #fff;
				height: 58px;
				color: #fff;
				text-decoration: none;
				font-size: 1.3em;
				opacity: 0.9999 !important;
			}
	
				#rotator #rotator-nav a span {
					padding: 8px 26px 0 8px;
					display: block;
				}
				
				#rotator #rotator-nav a em {
					position: absolute;
					top: 0;
					right: -26px;
					display: none;
					height: 66px;
					width: 26px;
					background-image: url(../../img/home/rotator-peaks.png);
				}
				
				#rotator #rotator-nav .active a em {
					display: block;
				}
				
					#rotator #rotator-nav li.no_complex a em {
						background-position: 0 -198px;
						height: 58px;
					}
	
				#rotator #rotator-nav li.complex_ng a,
				#rotator #rotator-nav li.complex_gma a,
				#rotator #rotator-nav li.complex_pg a {
					height: 66px;
					padding: 0 0 0 70px;
					background-image: url(../../img/home/rotator-complexes.jpg);
					background-repeat: no-repeat;
					font-size: 1.5em;
				}
				
					#rotator #rotator-nav li.complex_ng a em,
					#rotator #rotator-nav li.complex_gma a em,
					#rotator #rotator-nav li.complex_pg a em {
					}
		
				#rotator #rotator-nav li.complex_ng a {
					background-position: 0 0;
					background-color: #938C82;
				}
				
					#rotator #rotator-nav li.complex_ng a em {
						background-position: 0 0;
					}
		
				#rotator #rotator-nav li.complex_gma a {
					background-position: 0 -66px;
					background-color: #8EA026;
				}
				
					#rotator #rotator-nav li.complex_gma a em {
						background-position: 0 -66px;
					}
		
				#rotator #rotator-nav li.complex_pg a {
					background-position: 0 -132px;
					background-color: #B4363B;
				}
				
					#rotator #rotator-nav li.complex_pg a em {
						background-position: 0 -132px;
					}
					
	#rotator #rotator-images {
		position: relative;
		float: right;
		width: 715px;
		height: 318px;
	}
	
		#rotator #rotator-images li {
			position: absolute;
			top: 0;
			left: 0;
			visibility: hidden;
		}
		
		#rotator #rotator-images li.active {
			visibility: visible;
		}

/* column wrapper
 ===================================================== */
#home-wrapper {
	overflow: hidden;
	height: 100%;
	padding-top: 21px;
}

	#home-wrapper h3,
	#home-wrapper h4 {
		font-family: Arial, Helvetica, sans-serif;
	}

	#home-wrapper h3 {
		color: #7E7E7E;
		font-size: 1.4em;
		margin: 0 0 5px;
	}
	
	#home-wrapper h4 {
		font-size: 1.1em;
	}
	
	#home-wrapper ul,
	#home-wrapper li,
	#home-wrapper p,
	#home-wrapper a img {
		padding: 0;
		margin: 0;
		list-style: none;
		border: none;
	}
	
	#home-wrapper a {
		text-decoration: none;
	}
	
		#home-wrapper a:hover {
			text-decoration: underline;
		}
		
	#home-wrapper p {
		font-size: .9em;
	}
		
	
		
/* left column
 ===================================================== */
#explore-art {
	float: left;
	width: 217px;
}


/* center column
 ===================================================== */
#home-content {
	float: left;
	width: 472px;
	margin-left: 28px;
}

/* right column
 ===================================================== */
#find-out-more {
	float: right;
	width: 217px;
}

/* find out more features
 ===================================================== */
#fom-features {
}

	#fom-features li {
		margin-bottom: 8px;
		background: url(../../img/home/fom-bg.png) 0 100% repeat-x;
	}
	
		#fom-features li a.fomfImage,
		#fom-features li a.fomfImage img {
			display: block;
		}
		
			#fom-features li h4 {
				padding: 5px 7px 7px;
			}

			#fom-features li h4 a {
				background: url(../../img/home/fom-arrow.png) 0 5px no-repeat;
				padding: 0 0 0 16px;
				color: #4B575F;
				display: block;
			}
		
		#fom-features li p {
			padding: 0 7px 5px;
		}

/* events (middle column)
 ===================================================== */	
#events {
}

	#events li {
		border-top: solid 2px #333;
		margin-bottom: 8px;
		overflow: hidden;
		height: 100%;
	}
	
	#events li.complex_ng {
		border-top: solid 2px #938C82;
	}
	
		#events li.complex_ng em {
			color: #938C82;
		}
	
	#events li.complex_gma {
		border-top: solid 2px #8EA026;
	}
	
		#events li.complex_gma em {
			color: #8EA026;
		}
	
	#events li.complex_pg {
		border-top: solid 2px #B4363B;
	}
	
		#events li.complex_pg em {
			color: #B4363B;
		}
	
		#events li .eiDetails {
			float: right;
			width: 315px;
			position: relative;
		}
		
			#events li .eiDetails h4 {
				padding: 4px 0;
			}
			
				#events li .eiDetails h4 a {
					color: #4B575F;
					font-size: 1.5em;
				}
				
				#events li .eiDetails h4 em {
					font-size: .8em;
					position: absolute;
					top: 2px;
					right: 0;
					font-style: normal;
				}
				
			#events li .eiDetails h5 {
				padding: 0;
				margin: 0 0 3px;
				font-weight: normal;
				font-size: 1.2em;
			}
			
			#events li .eiDetails h6 {
				padding: 0;
				margin: 0 0 6px;
				font-weight: normal;
				font-size: 0.9em;
			}
	
		#events li .eiImage {
			float: left;
			width: 150px;
		}
	
			#events li .eiImage img {
				display: block;
			}
	
/* mini banners (left column)
 ===================================================== */	
#explore-art #mini-banners {
}
	
	#explore-art #mini-banners li {
		padding-bottom: 8px;
	}
	
	#explore-art #mini-banners a,
	#explore-art #mini-banners a img {
		display: block;
	}

/* features (left column)
 ===================================================== */	
#explore-art #explore-features {
/* 	background: url(../../img/home/explore-art-bg.png); */
}

	#explore-art #explore-features li {
		border-bottom: solid 1px #fff;
		padding: 6px;
		overflow: hidden;
		height: 100%;
	}
	
		#explore-art #explore-features li h4 {
			padding: 0 0 7px;
		}

		#explore-art #explore-features li h4 a {
			color: #4B575F;
		}
	
		#explore-art li p {
			padding: 0 0 5px;
		}
	
	#explore-art li .efiDetails {
		width: 115px;
		float: right;
	}

	#explore-art #explore-features .efiImage,
	#explore-art #explore-features .efiImage img {
		display: block;
		width: 80px;
	}
	
	#explore-art #explore-features .efi_infocus h4 a,
	#explore-art #explore-features .efi_etour h4 a {
		display: block;
		padding-bottom: 1px;
	}
	
		#explore-art #explore-features .efiImage {
			float: left;
		}
	
		#explore-art #explore-features .efi_infocus h4 a {
			padding-left: 22px;
			background: url(../../img/home/ico_infocus.png) 0 1px no-repeat;
		}
		
		#explore-art #explore-features .efi_etour h4 a {
			padding-left: 16px;
			background: url(../../img/home/ico_etour.png) 0 5px no-repeat;
		}	
			
		#explore-art #explore-features .efi_media h4 a {
			padding-left: 0;
			padding-right: 14px;
			background: url(../../img/home/ico_play.png)  100% 3px no-repeat;
		}

/* intro text (above the rotator)
 ===================================================== */	
#intro-text {
	position: relative;
	top: -20px;
}

	#intro-text p {
		padding: 0;
		margin: 0;
		line-height: 1.5em;
		font-size: 1.1em;
		color: #7E7E7E;
		text-align: right;
	}