/************************************************************************************

	"HOME.CSS"
	-	Layout rules for Science Museum/Inspired home page only

************************************************************************************/

/*	-	"What is Inspired?"
------------------------------------------------------------------------------------*/


#home #wrapper{
	min-height: 800px;
	width: 950px;
}
#home #main{
	position: absolute;
	right: 0px;
	top: 140px;
	margin: 0;
	width: 665px;
	height: 327px;
	background: url('/images/inspired/img/homepage/home_whatis.png') no-repeat;
}
#home #main #home_whatis{
	position: absolute;
	right: 0;
	top: 0;
	width: 671px;
	height: 300px;
	background: none;
}
#home #main #home_whatis .hidden{
	position: absolute;
	right: 0;
	top: 0;
	width: 671px;
	height: 300px;
	text-indent: -999em;
	background: none;
}
#home #main p.moredetails{
	position: absolute;
	left: 290px;
	top: 260px;
	margin: 0;
	width: 74px;
	height: 5px;
	text-indent: -999em;
}
#home #main p.moredetails a{
	display: block;
	width: 100px;
	height: 20px;
	background: url('/images/inspired/img/icons/butt_orange_more.png');
}
#home #main p.moredetails a:hover{
	background: url('/images/inspired/img/icons/butt_orange_more.png') 0 -20px;
}


/*	-	"Our collection", "Where is it" etc
------------------------------------------------------------------------------------*/

#home #secondary{
	position: relative;
	left: 238px;
	top: 310px;
	margin: 0;
	width: 591px;
	height: 281px;
	background: url('/images/inspired/img/homepage/bg_home_secondary_top.png') no-repeat;
}
#home #secondary dl#features{
	position: absolute;
	font-size: .95em;
	right: 2px;
	top: 100px;
	width: 581px;
	min-height: 190px;
	padding-left:  12px;
	background: url('/images/inspired/img/homepage/bg_home_secondary_base.png') no-repeat bottom;
}
#home #secondary dl#features dt{
	text-indent: -999em;
}
#home #secondary dl#features dd{
	float: left;
	position: relative;
	width: 160px;
	min-height: 65px;
	top: 0;
	margin: -40px 14px 40px 2px;
	padding:  100px 5px 5px 5px;
	background: #608F29;
}
#home #secondary dl#features dd p{
	color: #fff;
	padding:  0;
	margin: 0;
}
#home #secondary dl#features dd.feature_ourcoll{
	margin: -42px 0 0 5px;
	background: #608F29 url('/images/inspired/img/homepage/bg_home_sec_coll.gif') no-repeat top;
}
#home #secondary dl#features dd.feature_whereisit{
	margin: -55px 14px 0 12px;
	background: #608F29 url('/images/inspired/img/homepage/bg_home_sec_find.gif') no-repeat top;
}
#home #secondary dl#features dd.feature_support{
	margin-top: -68px;
	background: #608F29 url('/images/inspired/img/homepage/bg_home_sec_support.gif') no-repeat top;
}
#home #secondary p.moredetails{
	position: absolute;
	top: 0;
}
#home #secondary p a.moredetails {
	position: absolute;
	bottom: -30px;
	left: 0;	
	width: 100px;
	height: 20px;
	text-indent: none;
	background: url('/images/inspired/img/icons/butt_green_more.png');
}
#home #secondary p a.moredetails:hover {
	background: url('/images/inspired/img/icons/butt_green_more.png') 0 -20px;
}

/*	-	The inventor quote - to change to Upcoming Events/"Whats On"
------------------------------------------------------------------------------------*/

#home blockquote.inventor{
	position: absolute;
	left: 0;
	top: 200px;
	width: 369px;
	height:  480px;
	text-indent: -999em;
	z-index: 10;
	background:  url('/images/inspired/img/inventors/home_thomas.png') no-repeat;
}

/*	Footer	
------------------------------------------------------------------------------------*/

#home ul#footer{
	position: relative;
	bottom: 3em;
	left: 240px;
	clear: both;
	height: 1em;
	padding: 20px 0;
}