/* ----- Clear fixing ----- */
.clear-fix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}

.clear-fix {display:inline-block;}
html[xmlns] .clear-fix {display:block;}
* html .clear-fix {height:1%;}

.clear{clear:both; height:0px; line-height:0px; display:inline;}



/* ----- Type setting ----- */

body{
	font-size:62.5%;
	line-height:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#58595b;
	background-color:#e5f1f0;
}

p, li, dd, dt{
	font-size:1.2em;
	line-height:1.5em;
}

a{
	color:#009990;
	text-decoration:none;
}

a:hover,
a.selected{
text-decoration:underline;
}

/*------------------------

Generic Layout Styles

-------------------------- */
#container{
	width:960px;
	margin:0 auto;
	background:#FFFFFF;
}

#header{
	float:left;
	position:relative;
	height:115px;
	width:960px;
	background:#FFFFFF;
}

	#header h1 a{
		width:366px;
		height:68px;
		display:block;
	}

	#header h1{
		display:block;
		_display:inline;
		float:left;
		margin:35px 0 0 45px;
		border:none;
		text-indent:-999em;
		background:url(../img/h-london-shh.png) no-repeat 0 0;
	}
	
	#header a.home{
		position:absolute;
		top:15px;
		left:45px;
		color:#009990;
		font-size:1.2em;
		line-height:1.2em;
		text-decoration:none;
	}
	
	#header a.home:hover{
		text-decoration:underline;
	}
	
	/*
		----Accessibility sprites
	*/
	
	#header ul.accessibility{
		float:right;
		width:170px;
		margin:10px 0px 0 0;
	}
		
		
		#header ul.accessibility li{margin-right:4px;}
		
		#header ul.accessibility li.text-only{float:left; margin-right:10px;}
		
		#header ul.accessibility li.text-only a{
			font-size:1.2em;
			line-height:27px;
			color:#009990;
			text-decoration:none;
		}
		
		#header ul.accessibility li.text-only a:hover{
			color:#58595b;
			text-decoration:underline;
		}
		
	
		#header ul.accessibility li.default,
		#header ul.accessibility li.default a{
			display:block;
			float:left;
			height:27px;
			width:29px;
			text-indent:-999em;
			background:url(../img/nav-sprites.png) no-repeat -392px 0;
		}
		
		#header ul.accessibility li.default a:hover{background:url(../img/nav-sprites.png) no-repeat -274px 0;}
		
		#header ul.accessibility li.larger,
		#header ul.accessibility li.larger a{
			display:block;
			float:left;
			height:27px;
			width:29px;
			text-indent:-999em;
			background:url(../img/nav-sprites.png) no-repeat -425px 0;
		}
		
		#header ul.accessibility li.larger a:hover{background:url(../img/nav-sprites.png) no-repeat -306px 0;}
		
	
	/*
		---- Navigation Sprites
	*/
	
	#header ul.nav{
		float:right;
		clear:right;
		_display:inline;
		width:454px;
		margin:25px 45px 0 0;
	}
			
		#header ul.nav li,
		#header ul.nav li a{
			display:block;
			float:left;
			height:45px;
			text-indent:-999em;
		}
		
		#header ul.nav li.about,
		#header ul.nav li.about a{
			width:121px;
			background:url(../img/nav-sprites.png) no-repeat 0 -28px;
		}
		
		#header ul.nav li.about a:hover, #header ul.nav li.about a.selected
		{background:url(../img/nav-sprites.png) 0 -73px;}
		
		#header ul.nav li.houses,
		#header ul.nav li.houses a{
			width:80px;
			background:url(../img/nav-sprites.png) no-repeat -121px -28px;
		}
		
		#header ul.nav li.houses a:hover, #header ul.nav li.houses a.selected
		{background:url(../img/nav-sprites.png) -121px -73px;}
		
		
		#header ul.nav li.what-s-on,
		#header ul.nav li.what-s-on a{
			width:101px;
			background:url(../img/nav-sprites.png) no-repeat -201px -28px;
		}
		
		#header ul.nav li.what-s-on a:hover, #header ul.nav li.what-s-on a.selected
		{background:url(../img/nav-sprites.png) -201px -73px;}	
		
		#header ul.nav li.news,
		#header ul.nav li.news a{
			width:69px;
			background:url(../img/nav-sprites.png) no-repeat -302px -28px;
		}
		
		#header ul.nav li.news a:hover, #header ul.nav li.news a.selected{background:url(../img/nav-sprites.png) -302px -73px;}
		
		#header ul.nav li.contact,
		#header ul.nav li.contact a{
			width:83px;
			background:url(../img/nav-sprites.png) no-repeat -371px -28px;
		}
		
		#header ul.nav li.contact a:hover, #header ul.nav li.contact a.selected{background:url(../img/nav-sprites.png) -371px -73px;}

	
	/* drop down nav */
	
	#header ul.drop-nav{
		position:absolute;
		width:167px;
		top:120px;
		right:245px;
		z-index:300;
	}
	
	#header ul.drop-nav li{
		border-top:1px solid #454647;
		background-color:#58595b;
		color:#ffffff;
	}
	
	#header ul.drop-nav li a{
		display:block;
		padding:20px 10px;
		background-color:#58595b;
		color:#ffffff;
	}
	
	#header ul.drop-nav li a:hover{
		background:#539bb7;
		text-decoration:none;
	}


#main-content{
	float:left;
	width:960px;
	background:#FFFFFF;
	margin-bottom:20px;
}


#footer{
	float:left;
	width:960px;
	background-color:#aae0dc;
}

	/* -- top part of footer */

	#footer #footer-content{
		float:left;
		width:960px;
		margin-bottom:20px;
		background:#aae0dc url(../img/footer-bg.png) no-repeat 0 0;
	}
	
	#footer #footer-content .journey-plan,
	#footer #footer-content .newsletter{
		float:left;
		_display:inline;
		width:360px;
		margin:45px 0 0 45px;
		background:#aae0dc;
	}
	
	#footer #footer-content .journey-plan a{
		float:left;
		margin-top:15px;
	}
	
	#footer #footer-content .newsletter{
		width:430px;
		margin:45px 0 0 64px;
	}

	#footer #footer-content .newsletter form{
		margin-top:24px;
	}

	#footer #footer-content .newsletter input{
		float:left;		
	}
	
	#footer #footer-content .newsletter input.email{
		height:20px;
		width:200px;
		margin-right:4px;
		padding:0 3px;
		border:1px solid #d4d4d4;
		color:#58595b;
	}
	
	#footer #footer-content .journey-plan .image-area{
		float:right;
		height:125px;
		width:75px;
		margin-top:-20px;
		background:url(../img/travel_tn.png) no-repeat 0 0;
	}
	
	#footer #footer-content .newsletter .image-area{
		float:right;
		height:120px;
		width:75px;
		margin-top:-20px;
		background:url(../img/newsletter-placeholder.jpg) no-repeat 0 0;
	}
		
	#footer #footer-content h4{
		font-size:1.8em;
		line-height:1.8em;
		font-weight:normal;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin-bottom:5px;
	}
	
	#footer #footer-content h4 span{
		color:#009990;
	}
	
	#footer #footer-content p{
		width:290px;
	}
	
	#footer #footer-content a{
		font-size:1.2em;
		line-height:1.2em;
	}
	
	
	
	
	
	/* -- bottom part of footer */

	#footer #footer-bottom{
		float:left;
		width:960px;
		height:110px;
		background:#e5f1f0;
		border-top:10px solid #5a5a5a;
	}

	#footer #footer-bottom p{
		_display:inline;
		float:left;
		margin:20px 0 0 50px;
		font-size:1.1em;
	}
	
	#footer #footer-bottom p span{
		display:block;
		margin-top:15px;
	}
	
	#footer #footer-bottom p strong{
		font-weight:normal;
		font-size:1.2em;
	}
	
	#footer #footer-bottom a{
		color:#009990;
		text-decoration:none;
	}
	
	#footer #footer-bottom a:hover{
		text-decoration:underline;
	}
	
	#footer #footer-bottom ul.logos{
		_display:inline;
		float:left;
		margin-left:57px;
	}
	
	#footer #footer-bottom ul.logos li{
		display:block;
		float:left;	
		text-indent:-999em;
		margin-top:25px;
	}
	
	#footer #footer-bottom ul.logos li.mla{
		height:29px;
		width:265px;
		background:url(../img/footer-logos.png) no-repeat 0 -27px;
	}
	
	#footer #footer-bottom ul.logos li.rl{
		height:27px;
		width:146px;
		margin-left:20px;
		background:url(../img/footer-logos.png) no-repeat 0 0;
	}


/*------------------------

Individual Pages

-------------------------- */


/*
	---- Homepage
*/


/* left column */
#home #main-content #left-col{
	float:left;
	width:363px;
	padding:20px 40px;
	background:url(../img/homepage-border-fade.gif) right top no-repeat;
}

#home #main-content #left-col p.intro{
	font-size:1.8em;
	line-height:1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0 0 20px 0;
	width:auto;
	border-bottom:1px solid #dedede;
}

#home #main-content #left-col h4{
	font-size:1.7em;
	line-height:1.2em;
	font-family:Arial, sans-serif;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:20px 0 10px 0;
}

#home #main-content #left-col h4 span{
	color:#009990;
}

#home #main-content #left-col .image-area{
	float:right;
	height:120px;
	width:75px;
	margin-left:15px;
	background:url(../img/newsletter-placeholder.jpg) no-repeat 0 0;
}

#home #main-content #left-col form{
	padding-top:10px;
	padding-bottom:18px;
	width:284px;
}

#home #main-content #left-col input.email{
	float:left;
	height:20px;
	width:180px;
	padding:0 3px;
	margin-right:4px;
	border:1px solid #d4d4d4;
	color:#58595b;
}

#home #main-content #left-col input.submit{
	float:left;
}


/* right column */
#home #main-content #right-col{
	float:left;
	width:444px;
	padding:20px 50px 20px 23px;
}
#about-us #main-content #right-col{
	margin-top: 115px;
}



#home #main-content #right-col .article{
	float:left;
	padding:20px 0;
}

#home #main-content #right-col .first{
	border-bottom:1px solid #d1d1d1;
	padding-top:0px;
}

#home #main-content #right-col .last{
	padding-bottom:0px;
	border:none;
}


#home #main-content #right-col .article .image-area{
	float:left;
	height:88px;
	width:103px;
	background:url(../img/tn_01.jpg) no-repeat center;
	padding:1px;
	border:1px solid #d1d1d1;
}



#home #main-content #right-col .article .text-area{
	float:left;
	_display:inline;
	width:300px;
	margin-left:20px;
}
#home #main-content #right-col .article .no-image{
	width:440px;	
	margin-left:0;
}

#home #main-content #right-col .article .text-area h5{
	font-size:1.1em;
	line-height:1.1em;
	font-weight:normal;
	margin-bottom:5px;
}

/* <------------ more colours to be added here */

#home #main-content #right-col .handel .text-area h5{color:#d6652b;}
#home #main-content #right-col .freud .text-area h5{color:#7c77af;}

#home #main-content #right-col .article .text-area h4{
	font-size:1.6em;
	line-height:1.4em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#009990;
	padding-bottom:6px;
}

#home #main-content #right-col .article .text-area a.read{
	float:left;
	font-size:1.3em;
	line-height:1.2em;
	color:#009990;
	text-decoration:none;
	margin-top:10px;
}

#home #main-content #right-col .article .text-area a:hover{text-decoration:underline;}

span.venue{
	display:block;
	margin-top:10px;
	float:right;
	background:#eeeeee no-repeat left top url(../img/house-button-left.gif);
}

span.venue span{
	display:block;
	background:no-repeat right top url(../img/house-button-right.gif);
	_zoom:1;
	_float:left;
}

span.venue a{
	display:block;
	background:no-repeat 7px center;
	padding:7px 10px 0 21px;
	height:11px;
	line-height:5px;
	*line-height:6px;
	_float:left;
}

#home #main-content #houses-area .arrow-left,
#home #main-content #houses-area .arrow-right{
	background:url(../img/arrow-left.png) left top no-repeat;
	height:136px;
	width:31px;
	display:none;
	position:absolute;
	text-indent:-999em;
	top:140px;
	z-index:500;
}

#home #main-content #houses-area .arrow-left{
	left:35px;
}

#home #main-content #houses-area .arrow-right{
	background-image:url(../img/arrow-right.png);
	right:35px;
}

#home #main-content #houses-area{
	float:left;
	position:relative;
	width:960px;
}

#home #main-content #houses-area ul.houses li{
	margin-left:5px;
}
#home #main-content #houses-area ul.houses li h2 a{
	text-indent:-999em;
}

#home #main-content #houses-area ul.houses li.first{
	_display:inline;
	margin-left:0px;
}

#home #main-content #houses-area .houses-container{
	width:865px;
	margin:0 0 35px 48px;
	overflow:hidden;
}

#home #main-content #houses-area ul.houses{
	float:left;
	_display:inline;
	width:2000px;
	height:390px;
}

/* only shown when more than six houses -------------->*

#home #main-content #houses-area div.back-button{
	position:absolute;
	height:205px;
	width:31px;
	top:90px;
	left:33px;
	background:url(../img/back-arrow.png) no-repeat top left;
}

#home #main-content #houses-area div.back-button a,
#home #main-content #houses-area div.next-button a{
	display:block;
	position:absolute;
	top:68px;
	height:60px;
	width:31px;
}

#home #main-content #houses-area div.next-button{
	position:absolute;
	height:205px;
	width:31px;
	top:90px;
	right:33px;
	background:url(../img/next-arrow.png) no-repeat top right;
}

*<--------------------------------------- */


#home #main-content{
	margin-bottom:0px;
}

#home #main-content #houses-area ul.houses li{
	display:block;
	float:left;
}

#home #main-content #houses-area ul.houses li a:hover{
	background-position:right top;
}

#home #main-content #houses-area ul.houses li a{
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:390px;
	width:140px;
	position:relative;
}

/* <---------------------------- End Homepage */


/*
	---- About us
*/

#about-us #main-content p{
	margin-bottom:1em;
}

#about-us #main-content #left-col{
	float:left;
	_display:inline;
	width:360px;
	margin-left:45px;
}

#about-us #main-content #left-col h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.8em;
	line-height:1.5em;
	font-weight:normal;
	color:#009990;
}

#main-content #left-col p.intro{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	line-height:1.1em;
}

#about-us #main-content p{
	line-height:1.5em;
}

#about-us #main-content .text-area{
	margin-top:38px;
}

#about-us #main-content .image-area{
	float:left;
	margin:0 12px 5px 0;
}

#about-us #main-content #right-col{
	float:left;
	_display:inline;
	width:440px;
	margin-left:64px;
}

#about-us #main-content #right-col h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	line-height:1.4em;
	font-weight:normal;
	color:#009990;
	margin:40px 0 10px 0;
}
/* <---------------------------- End about page */


/*
	---- News page
*/

#news #main-content #left-col{
	float:left;
	_display:inline;
	width:246px;
	margin-left:45px;
}

#news #main-content #left-col h2{
	font-size:2.8em;
	line-height:1.5em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#009990;
	border-bottom:1px solid #dedede;
}

#news #main-content #left-col h3{
	font-size:1.8em;
	line-height:1.4em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:10px 0;
}

#news #main-content #left-col h3 span{
	color:#009990;
}

#news #main-content #left-col ul li{
	display:inline;
	font-family:Georgia, "Times New Roman", Times, serif;
}


#news #main-content #right-col{
	float:left;
	_display:inline;
	width:554px;
	margin:0 0 0 70px;
	padding:40px 0 20px 0;
}

#news #main-content #right-col h5{
	font-size:1.3em;
	line-height:1.2em;
	font-weight:normal;
	margin-bottom:25px;
}

#news #main-content #right-col h4{
	font-size:1.6em;
	line-height:1.4em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:10px;
}

#news #main-content #right-col p{
	margin-bottom:1em;	
}

#news #main-content #right-col .article{
	float:left;
	border-top:1px solid #dedede;
	padding:20px 0 20px 0;
}

#news #main-content #right-col .first{
	border:none;
	padding-top:0px;
}

#news #main-content #right-col .article .image-area{
	float:left;
}

#news #main-content #right-col .article .image-area .image{
	float:left;
	clear:left;
	height:118px;
	width:143px;
	padding:1px;
	margin-top:20px;
	border:1px solid #d1d1d1;
}

#news #main-content #right-col .article .image-area .first{
	margin:0px;
}

#news #main-content #right-col .article .text-area{
	float:left;
	width:387px;
	margin-left:20px;
}
#news #main-content #right-col .article .no-image{
	margin-left:0px;
	width:530px;
}

/* <---------------------------- End News page */

/*
	---- Houses page
*/

#houses #main-content{
	margin:25px 0 5px 0;
}

#houses #map-canvas{
	position:relative;
	/*height:415px;
	width:870px;*/
	margin:0 auto;
}

#houses ul.instructions{
	position:absolute;
	z-index:100;
	display:block;
	float:left;
	margin-top:-25px;
	height:48px;
	width:421px;
	background-color:#FFFFFF;	
	border:1px solid #dedede;
}

#houses ul.plan-trip{
	position:absolute;
	display:none;
	float:left;
	top:522px;
	z-index:100;
	height:48px;
	width:144px;
	background-color:#FFFFFF;
	border:1px solid #dedede;
}

#houses ul.instructions li{
	display:block;
	float:left;
	height:48px;
	line-height:48px;
	font-size:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#houses ul.instructions li.drag{
	padding-left:35px;
	background:url(../img/icon-hand.gif) no-repeat 0 0;
}

#houses ul.instructions li.house{
	margin-left:20px;
	padding-left:33px;
	background:url(../img/icon-house.gif) no-repeat 0 8px;
}

#houses ul.plan-trip li{
	display:block;
	float:left;
	height:48px;
	line-height:48px;
	font-size:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-left:35px;
	background:url(../img/icon-plan.gif) no-repeat 0 0;
}


/* <---------------------------- End Houses page */


/*
	---- What's on page
*/

#what-s-on #left-col{
	float:left;
	_display:inline;
	margin-left:45px;
	width:251px;
}

#what-s-on #main-content #left-col h2{
	font-size:2.8em;
	line-height:1.5em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#009990;
}

#what-s-on #left-col #calendar{
	float:left;
	width:251px;
	background:url(../img/whats-on-box-bg.png) repeat-y 0 0;
}

#what-s-on #left-col #calendar #calendar-top{
	position:relative;
	width:247px;
	height:60px;
	margin:1px 0 0 1px;
	background-color:#FFFFFF;
	text-align:center;
}

#what-s-on #left-col #calendar #calendar-top a.prev,
#what-s-on #left-col #calendar #calendar-top a.next{
	position:absolute;
	display:block;
	height:13px;
	width:13px;
	top:27px;
	text-indent:-999em;
}

#what-s-on #left-col #calendar #calendar-top h3{
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	color:#009990;
	height:60px;
	line-height:60px;
}

#what-s-on #left-col #calendar #calendar-top a.prev{
	left:35px;
	background:url(../img/icon-tiny-arrow-sprite.gif) no-repeat 0 0;
}

#what-s-on #left-col #calendar #calendar-top a.next{
	right:35px;
	background:url(../img/icon-tiny-arrow-sprite.gif) no-repeat -13px 0;
}


/* calendar */
#what-s-on #left-col #calendar ul.calendar{
	margin:0 auto;
	width:204px;
	height:136px;
}

#what-s-on #left-col #calendar ul.calendar li{
	float:left;
	height:26px;
	width:28px;
	line-height:26px;
	text-align:center;
	background-color:#ffffff;
	border-top:1px solid #ede9e0;
	border-right:1px solid #ede9e0;
}

#what-s-on #left-col #calendar ul.calendar li a{
	display:block;
	height:26px;
	width:28px;
	color:#58595b;
}

#what-s-on #left-col #calendar ul.calendar li a:hover{
	text-decoration:underline;
}

#what-s-on #left-col #calendar ul.calendar li a:hover{
	background-color:#98d4d3;
}

#what-s-on #left-col #calendar ul.calendar li.first{
	border-left:1px solid #ede9e0;
}

#what-s-on #left-col #calendar ul.calendar li.selected{
	background-color:#98d4d3;
}

#what-s-on #left-col #calendar ul.calendar li.events-today-selected a{
	text-decoration:underline;
}
#what-s-on #left-col #calendar ul.calendar li.events-today,
#what-s-on #left-col #calendar ul.calendar li.events-today a:hover{
	background-color:#009990;
}

#what-s-on #left-col #calendar ul.calendar li.events-today a{
	color:#fff;
}

#what-s-on #left-col #calendar ul.calendar li.blank{
	background-color:#dfd9ca;
	border-right:1px solid #ffffff;
}
#what-s-on #left-col #calendar ul.calendar li.last{
	border-right:1px solid #ede9e0;
}

#what-s-on #left-col #calendar ul.calendar li.last-row{
	border-bottom:1px solid #ede9e0;
}

#what-s-on #left-col #calendar h6{
	font-size:1.2em;
	line-height:1.2em;
	margin:15px 0  0px 0px;
	font-weight:normal;
}

#what-s-on #left-col #calendar form{
	width:204px;
	margin:0 auto;
}

#what-s-on #left-col #calendar form div{
	display:none;
}

#what-s-on #left-col #calendar form select{
	float:left;
	clear:left;
	width:204px;
}

#what-s-on #left-col #calendar form select.type{
	margin-bottom:15px;
	_margin-bottom:5px;
}

#what-s-on #left-col #calendar form select.location,
#what-s-on #left-col #calendar form select.type{
	margin-top:10px;
}

#what-s-on #left-col #calendar form p{
	height:19px;
}

#what-s-on #left-col #calendar form input.checkbox{
	clear:none;
	float:left;
	margin:0 3px 0 0;
	_margin:-2px 0 0 0;
}

#what-s-on #left-col #calendar form input{
	float:right;
	clear:left;
	margin:15px 0 20px 0;
}

#what-s-on #left-col #calendar form ul{
	float:left;
	width:204px;
}

#what-s-on #left-col #calendar form ul li{
	display:block;
	background-color:#FFF;
	color:#000;
	height:22px;
	line-height:22px;
	padding:0px 8px;
}


#what-s-on #left-col #calendar form ul.outer li{
	position:relative;
}


#what-s-on #left-col #calendar form ul.type ul.inner{
	display:none;
	position:absolute;
	left:0;
	top:22px;
}

#what-s-on #left-col #calendar form ul.location ul.inner{
	display:none;
	position:absolute;
	left:0;
	top:22px;
}


#what-s-on #left-col #calendar form ul.location{
	margin-top:10px;
}

#what-s-on #left-col #calendar form ul.inner li{
	font-size:1em;
}

#what-s-on #left-col #calendar form ul.outer li a.drop{
	position:absolute;
	top:0;
	right:0;
	height:22px;
	width:23px;
	background:url(../img/icon-tiny-down-arrow.gif) no-repeat 0 0;
}


#what-s-on #left-col .wrapper{
	float:left;
	height:100%;
	padding-bottom:2px;
	background:url(../img/whats-on-box-bt.png) no-repeat bottom left;
}


/* <----------------- end calendar */


/* colour key */

#what-s-on #left-col #colour-key{
	float:left;
	margin-top:10px;
	width:211px;
	padding:20px;
	background:url(../img/whats-on-box-bg.png) repeat-y 0 0;
}

#what-s-on #left-col #colour-key h5{
	font-size:1.8em;
	line-height:1.4em;
	margin-bottom:5px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#what-s-on #left-col #colour-key h5 span{
	color:#009990;
}

#what-s-on #left-col #colour-key p{
	line-height:1.6em;
}

#what-s-on #left-col #colour-key dl{
	float:left;
	width:207px;
	margin-top:18px;
}

#what-s-on #left-col #colour-key dl dt{
	clear:left;
	display:block;
	height:1.6em;
	width:11px;
	background-repeat:no-repeat;
	background-position:center center;
	text-indent:-999em;
}

#what-s-on #left-col #colour-key dl dt,
#what-s-on #left-col #colour-key dl dd{
	float:left;
	line-height:1.6em;
}

#what-s-on #left-col #colour-key dl dd{
	width:191px;
	padding-left:5px;
}


/* right colulmn */


/* --- House dependant colour coding */

#what-s-on #right-col .freud h5,
#what-s-on #right-col .freud h6{
	color:#746db5;
}

#what-s-on #right-col .benjamin h5,
#what-s-on #right-col .benjamin h6{
	color:#dabb11;
}

#what-s-on #right-col .kelmscott h5,
#what-s-on #right-col .kelmscott h6{
	color:#50b548;
}

#what-s-on #right-col .johnston h5,
#what-s-on #right-col .johnston h6{
	color:#d14227;
}

#what-s-on #right-col .handel h5,
#what-s-on #right-col .handel h6{
	color:#f78c1d;
}

#what-s-on #right-col .burgh h5,
#what-s-on #right-col .burgh h6{
	color:#86c4dc;
}

/* --- end colour coding */

#what-s-on #right-col{
	float:left;
	width:556px;
	margin:4em 0 0 69px;
}
#what-s-on #right-col #event-header{
	float:left;
	width:556px;
	background:#FFFFFF url(../img/event-shadow.gif) repeat-y top right;
}

/* event nav */

#what-s-on #right-col ul.event-nav{
	display:block;
	float:left;
	height:59px;
	width:552px;
	background:#FFFFFF;
	border-top:1px solid #ede9e0;
	border-left:1px solid #ede9e0;
}

#what-s-on #right-col ul.event-nav li{
	float:left;
	height:59px;
	line-height:59px;
	font-weight:bold;
	margin-left:8px;
}

#what-s-on #right-col ul.event-nav li a{
	display:block;
	float:left;
	padding:0 15px;
}

#what-s-on #right-col ul.event-nav li a:hover,
#what-s-on #right-col ul.event-nav li.selected a{
	background:url(../img/event-nav-bg.png) no-repeat bottom right;
}


/* -- end event nav */



/* event pagination */
#what-s-on #right-col .paginator-wrap{
	float:left;
	width:555px;
	background:url(../img/bottom-border.gif) repeat-x bottom left;
	padding-bottom:2px;
}

#what-s-on #right-col .paginator-wrap ul{
	float:left;
	height:25px;
	width:553px;
	background:#ede9e0;
	padding-top:2px;
	border-top:1px solid #dedede;
}

#what-s-on #right-col .paginator-wrap ul .wrapper{
	float:right;
	_display:inline;
	margin-right:5px;
}

#what-s-on #right-col .paginator-wrap ul li.first{
	margin:0 20px 0 0;
}

#what-s-on #right-col .paginator-wrap ul li{
	display:block;
	float:left;
	height:21px;
	width:22px;
	line-height:21px;
	font-weight:bold;
	margin-left:5px;
}

#what-s-on #right-col .paginator-wrap ul li a{
	display:block;
	height:21px;
	width:22px;
	text-align:center;
	color:#58595b;
	background:#FFFFFF;
}

#what-s-on #right-col .paginator-wrap ul li a:hover,
#what-s-on #right-col .paginator-wrap ul li a.selected{
	text-decoration:none;
	background-color:#009990;
	color:#FFFFFF;
	font-weight:normal;
}

#what-s-on #right-col .paginator-wrap ul.bottom{
	width:556px;
	background:#ede9e0 url(../img/event-shadow.gif) repeat-y top right;
}

/* -- end event pagination */

#what-s-on #right-col .event{
	float:left;
	padding:20px 0;
	border-top:1px solid #dedede;
}
#what-s-on #right-col .event span.venue{
	float:left;
}
#what-s-on #right-col .first{
	border:none;
}


#what-s-on #right-col .event .image-area{
	float:left;
	height:118px;
	width:143px;
	padding:1px;
	border:1px solid #dedede;
}

#what-s-on #right-col .event .text-area{
	float:left;
	width:388px;
	margin-left:20px;
}
#what-s-on #right-col .event .no-image{
	width:440px;	
	margin-left:0;
}

#what-s-on #right-col .event .text-area h5{
	font-size:1.2em;
	line-height:1.2em;
	font-weight:normal;
}

#what-s-on #right-col .event .text-area h6{
	font-size:1.2em;
	line-height:1.5em;
}

#what-s-on #right-col .event .text-area h4{
	margin-top:22px;
	font-size:1.6em;
	line-height:1.3em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#009990;
	margin-bottom:12px;
}

#what-s-on #right-col .event .text-area a.venue-link{
	display:block;
	height:18px;
	margin-top:20px;
	text-indent:-999em;
}


/* <---------------------------- End What's on page */


/*
	---- Individual House page
*/

#house-single #main-content{
	margin-bottom:0;
}

#house-single #left-col{
	float:left;
	_display:inline;
	width:258px;
	margin:50px 0 20px 45px;
}


#house-single #right-col{
	float:left;
	_display:inline;
	width:552px;
	margin:50px 0 0 70px;
}

#house-single #right-col h2{
	font-size:2.8em;
	line-height:1em;
	font-weight:normal;
	padding-bottom:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#009990;
}


#house-single #right-col .text-area{
	float:left;
	width:359px;
}

#house-single #right-col h3{
	font-size:1.6em;
	line-height:1.6em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#house-single #right-col .text-area p{
	margin-bottom:23px;
}


#house-single #right-col .image-area{
	float:left;
	margin-left:15px;
	width:177px;
}

#house-single #right-col .image-area .image{
	position:relative;
	float:left;
	height:143px;
	width:177px;
	padding-bottom:15px;
	margin-top:30px;
}

#house-single #right-col .image-area .image a.zoom{
	position:absolute;
	display:block;
	height:13px;
	width:13px;
	bottom:0px;
	right:0px;
	background:url(../img/zoom-glass.gif) no-repeat 0 0;
}

#house-single #right-col .image-area .first{
	margin:0px;
}

#house-single #bottom-nav{
	float:right;
	width:552px;
	height:46px;
	margin-top:7px;
	margin-right:35px;
	border-top:1px solid #dedede;
}

#house-single #bottom-nav a{
	font-size:1.6em;
	line-height:46px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#house-single #bottom-nav a.prev{
	float:left;
	_display:inline;
	margin-left:3px;
}


#house-single #bottom-nav a.next{
	float:right;
	_display:inline;
	margin-right:3px;
}

/* <---------------------------- End Indivual House Page */


/*
	---- Contact page
*/


#contact #left-col{
	float:left;
	_display:inline;
	margin-left:45px;
	width:565px;
}

#contact #left-col h2{
	font-size:2.8em;
	line-height:1.8em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#009990;
}

#contact #left-col dl.req{
	margin-top:20px;
}

#contact #left-col dl.req dt,
#contact #left-col dl.req dd{
	display:inline;
	color:#FE8900;
}

#contact #left-col em{
	color:#fe8900;
	font-weight:bold;
	padding-right:7px;
}
#contact #left-col form{
	float:left;
}

#contact #left-col form label{
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom:10px;
}

#contact #left-col form input{
	color:#2e3a3a;
	padding:5px;
	border:1px solid #d4d4d4;
}

#contact #left-col form div.name{
	float:left;
}



#contact #left-col form div.name input,
#contact #left-col form div.name label{
	float:left;
	clear:left;
}

#contact #left-col form div.email{
	float:left;
	_display:inline;
	margin-left:45px;
	*margin-left:25px;
	_margin-left:45px;
}

#contact #left-col form div.email label{
	*margin-left:27px;
	_margin-left:0px;
}


#contact #left-col form div.email input,
#contact #left-col form div.email label{
	float:left;
	clear:left;
}

#contact #left-col form div.tel{
	float:left;
	clear:left;
}

#contact #left-col form div.tel input,
#contact #left-col form div.tel label{
	float:left;
	clear:left;
}

#contact #left-col form .enquiry{
	float:left;
	clear:left;
}

#contact #left-col form .enquiry textarea{
	font-size:1.2em;
	line-height:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	color:#2e3a3a;
	padding:5px;
}

#contact #left-col form .enquiry textarea,
#contact #left-col form .enquiry label{
	float:left;
	clear:left;
}

#contact #left-col form .name input,
#contact #left-col form .email input,
#contact #left-col form .tel input,
#contact #left-col form .name label,
#contact #left-col form .email label,
#contact #left-col form .tel label{
	width:240px;
}



#contact #left-col form .enquiry textarea{
	width:534px;
	height:115px;
	border:1px solid #d4d4d4;
}

#contact #left-col form #newletter{
	border:none;
}

#contact #left-col form label.newsletter{
	float:left;
	clear:left;
	width:530px;
	margin:20px 0 0 -4px;
}

#contact #left-col input.submit{
	clear:left;
	float:left;
	border:none;
	padding:0px;
	margin:20px 0 0 0;
}

#contact #left-col form div{
	margin-top:20px;
}

/* <---------------------------- End Contact Page */

#house-location{
	padding:0 45px 19px 45px;
}

#house-location #location-map #map{ position:absolute; background:url(../img/house-location-map.png) left top no-repeat; width:1018px; height:815px; left:-148px; top:-243px;}
#house-location #location-map{
	width:870px;
	height:407px;
	position:relative;
	overflow:hidden;
	cursor:move !important;
}

#house-location .point{
	background:url(../img/house-location-map-point.png) left top no-repeat;
	_background:url(../img/house-location-map-point.gif) left top no-repeat;
	height:41px;
	width:26px;
	position:absolute;
}
#house-location .point a{
	display:block;
	text-indent:-999em;
	height:41px;
	width:26px;
}

#house-location .point a:hover{
	background:url(../img/house-location-map-point.a.png) no-repeat 0 0;
	_background:url(../img/house-location-map-point.a.gif) no-repeat 0 0;
	display:block;
	text-indent:0;
	height:31px;
	width:175px;
	white-space:nowrap;
	padding:5px 5px 5px 33px;
	font-size:1.1em;
	color:#5A5A5A;
	line-height:18px;
	text-decoration:none;
}

#house-location .benjamin-franklin-house a:hover{
	width:145px;
}

#house-location .dr-johnson-s-house a:hover{
	right:0;
	position:absolute;
	padding:5px 35px 5px 5px;
	text-align:right;
	background-position:-15px 0;
}


.no-results{
	font-weight:bold;
	clear:both;
	text-align:center;
	padding:30px 0 30px 0;
}

table.house-facilities{
	float:left;
	border-top:1px solid #dedede;
	margin:5px 0 10px 0;
}

table.house-facilities-right{
	margin-left:12px;
}

	table.house-facilities tr.highlight td{ background-color:#d4efed; }
	table.house-facilities td.status{ width:40px; }
	table.house-facilities td.facility{ width:210px; }
	table.house-facilities td{
		font-size:1.2em;
		padding:4px 5px 3px 5px;
		line-height:1.5em;
	}

.house-left{
	float:left;
	width:260px;
	margin-right:10px;
}

.house-right{
	float:left;
	width:270px;
}

	.house-right li{
		background-repeat:no-repeat;
		background-position:left 3px;
		height:40px;
		margin-bottom:10px;
		padding:0 0 0 43px;
	}
	
	.house-right li.tfl{
		background-image:url(../img/house-transport-tfl.gif);
	}
	
	.house-right li.google{
		background-image:url(../img/house-transport-google.gif);
	}
	
	.house-right h3,
	.house-left h3{
		border-bottom:1px solid #dedede;
		padding-bottom:2px;
		margin-bottom:13px;
	}

.londonshh-icon{
	padding-top:8px;
	float:left;
	margin-right:15px;
}