/*
CSS File for Hire-Us Section

Adam Onishi, 22-10-2009
*/
/************* HIRE US SECTION *************/

#hire-us-section #page.hire-us #body H1	{	background-image: url(/_assets/images/hire-us/our-building/title.gif);	}
#hire-us-section #page.parties #body H1	{	background-image: url(/_assets/images/hire-us/parties/title.gif);	}
#hire-us-section #page.catering #body H1	{	background-image: url(/_assets/images/hire-us/catering/title.gif);	}
#hire-us-section #page.make-a-booking #body H1	{	background-image: url(/_assets/images/hire-us/booking/title.gif);	}

/************ OUR BUILDING PAGE ************/

/**** BUTTONS ****/

#hire-us-section #page #buttons
{
	float: left;
}

#hire-us-section #page #buttons a#exchange-button
{
	display: block;
	background-image: url(/_assets/images/hire-us/our-building/exchange-button.gif);
	height: 27px; 
	width: 126px;	
	float: left;
	margin-right: 5px;
}
#hire-us-section #page #buttons a#exchange-button:hover
{
	background-position: 0 -27px;
}
#hire-us-section #page #buttons a#boardroom-button
{
	display: block;
	background-image: url(/_assets/images/hire-us/our-building/boardroom-button.gif);
	height: 27px; 
	width: 101px;	
	float: left;
	margin-right: 5px;
}
#hire-us-section #page #buttons a#boardroom-button:hover
{
	background-position: 0 -27px;
}

#hire-us-section #page #buttons a#whole-button
{
	display: block;
	background-image: url(/_assets/images/hire-us/our-building/whole-button.gif);
	height: 27px; 
	width: 119px;	
	float: left;
	margin-right: 5px;
}

#hire-us-section #page #buttons a#ground-button
{
	display: block;
	background-image: url(/_assets/images/hire-us/our-building/ground-button.gif);
	height: 27px; 
	width: 101px;	
	float: left;
	margin-right: 5px;
}

#hire-us-section #page #buttons a#ground-button:hover
{
	background-position: 0 -27px;
}

#hire-us-section #page #buttons a#whole-button:hover
{
	background-position: 0 -27px;
}

#hire-us-section #page #buttons a.act-on
{
	background-position: 0 -54px;
}

#hire-us-section #page a span
{
	display: none;
}

/**** BUILDING PLAN WITH HOVER IMAGES ****/

#hire-us-section #page #building-plan
{
	position: relative;
	clear: both;
	background-image: url(/_assets/images/hire-us/our-building/building-plan/default.jpg); 
	background-repeat: no-repeat;
	height: 280px; 
	width: 490px;
	margin-top: 60px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cfcfcf;
}

#hire-us-section #page #building-plan .section-hover
{
	position: absolute;
	top: 0px;
	background-repeat: no-repeat;
}

#hire-us-section #page #building-plan #exchange-hover
{
	display: block;
	height: 280px; 
	width: 490px;
	background-image: url(/_assets/images/hire-us/our-building/building-plan/exchange-zone.jpg);
	
}
#hire-us-section #page #building-plan #boardroom-hover
{
	display: block;
	height: 280px; 
	width: 490px;
	background-image: url(/_assets/images/hire-us/our-building/building-plan/boardroom.jpg);
}
#hire-us-section #page #building-plan #whole-hover
{
	display: block;
	height: 280px; 
	width: 490px;
	background-image: url(/_assets/images/hire-us/our-building/building-plan/whole.jpg);
}

#hire-us-section #page #building-plan #ground-hover
{
	display: block;
	height: 280px; 
	width: 490px;
	background-image: url(/_assets/images/hire-us/our-building/building-plan/ground.jpg);
}

/*
** END OF BUILDING PLAN
*/


/*
** Section Information 
*/

#hire-us-section #page #section-information
{
	position: relative;
	height: 265px;
	margin: 20px 0;
}
#hire-us-section #page #section-information H2	{
	background-position: 0 0;
}



#hire-us-section #page #section-information .zone-info
{
	position: absolute;
	top: 0;
}

#hire-us-section #page #exchange-info
{
	margin-top: 30px;
}

#hire-us-section #page #boardroom-info
{
	margin-top: 30px;
}

#hire-us-section #page #ground-info
{
	margin-top: 30px;	
}

#hire-us-section #page #whole-info
{
	margin-top: 0px;	
}

#hire-us-section #page #exchange-info h2 
{
	background-image: url(/_assets/images/hire-us/our-building/exchange-title.gif); 
	height: 16px; 
	width: 152px;
	display: block;
	background-repeat: no-repeat;
}

#hire-us-section #page #ground-info h2 
{
	background-image: url(/_assets/images/hire-us/our-building/ground-title.gif); 
	height: 16px; 
	width: 148px;
	display: block;
	background-repeat: no-repeat;
}

#hire-us-section #page #boardroom-info h2 
{
	background-image: url(/_assets/images/hire-us/our-building/boardroom-title.gif);
	height: 16px; 
	width: 121px;
	display: block;
	background-repeat: no-repeat;
}

#hire-us-section #page #whole-info h2 
{
	background-image: url(/_assets/images/hire-us/our-building/whole-title.gif);
	height: 16px; 
	width: 184px;
	display: block;
	background-repeat: no-repeat;
}

/*
** End of section information
*/


#hire-us-section #page a#info-button
{
	background-image: url(/_assets/images/hire-us/our-building/contact.gif);
	display: block;
	height: 32px;
	width: 270px;
}
#hire-us-section #page a#info-button:hover
{
	background-position: 0 -32px;
}