.clearfix:after {
		 content: "."; 
		 display: block; 
		 height: 0; 
		 clear: both; 
		 visibility: hidden;
		}
		.clearfix {display: inline-block;}
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */

	
body {
	     	background-color:#66ff66;
			text-align:center;
			margin:0;
			padding:0;
			}

#pageContainer {
			background-color:#fff;
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			margin-bottom:100px;
		
			}

		
	
#page {
		width: 750px;
		margin-left:auto;
		margin-right:auto;
        margin-bottom: 0px;
		background-color: #fff;
		
	
	}
	

	
#header {
	
		background: url(http://www.watershed.co.uk/hotel_diaries/images/header.jpg) no-repeat top left;
		margin: 0px 0px 0px 30px;
		width: 421px;
		height: 218px;
		text-align:left;
		font-family: Arial, sans-serif;	
		color:#33ff33;
		padding-left: 420px;
		padding-top: 30px;
	}
	
	
#page-name {
	margin:10px 0px 30px 0px;
     }
	
	#navigation {
			background: url(http://www.watershed.co.uk/hotel_diaries/images/head_circle.png) no-repeat;
			list-style:none;
			padding-left: 80px;
			padding-top: 10px;
			min-height:150px;
			margin:0px 0px 0px 40px;
			text-align:left;

			}

	#navigation li{
		font-family: Arial, sans-serif;
		font-weight:500;
		line-height:120%;
		font-size:100%;
		color:#c2c2c2;

	}

	#navigation a {
		font-family: Arial, sans-serif;
		font-weight:500;
		line-height:120%;
		font-size:100%;
		color:#606160;
		text-decoration:none;

	}

	#navigation a:hover,
	#navigation a:visited:hover {
		color: #66ff66;
	}
		

#title {
		
		font-family: Arial, sans-serif;
		font-size:90%;
		font-weight:400;
		line-height:10%;
		color:#606160;
				
		}
	
	
h1{
	text-align:left;
	font-family: Arial, sans-serif;
	font-size:200%;	
	color:#66ff66;
	margin:0 0 10px 0px;
	line-height:90%;
	
}				

h2 {
	border-bottom:1px solid #eaeaea;
	font-family: Arial, sans-serif;
	font-size:140%;
	font-weight:500;
	color:#66ff66;
	text-align:left;
	margin-bottom:60px;
	padding:10px 10px 10px 10px;
	
}

h3{
	font-family: Arial, sans-serif;
	font-weight:600;
	color:#333;
	text-align:left;

	
	
  
	
}

h4 {
	
	font-family: Arial, sans-serif;
	font-weight:500;
	color:#fff;
	text-align:left;
    margin:10px 20px 10px 10px;
	
}



#intro {
	width: 200px;
	height: auto;
	background-color:#ccc;
	float:left;
	margin:0px 20px 0px 20px;
	padding:10px 20px 80px 0px;

}

#intro p{
	font-family: Arial, sans-serif;
	font-weight:400;
	font-size:80%;
	color:#333;
	text-align:left;
	line-height: 130%;
	margin:20px 10px 10px 20px;
	
	

}

#intro li {
	font-family: Arial, sans-serif;
	font-weight:400;
	font-size:80%;
	color:#333;
	text-align:left;
	line-height: 130%;
	margin:20px 20px 10px 10px;
	
	
	
	}


.intro h3 {
	color:#fff;
	
}

.intro h4{
	font-weight:600;
	color:#fff;
}

.filmSummary {
	width: 410px;
	height: auto;
	background-color:#333;
	float:left;
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	
	
}

.filmSummary h4{
	color:#66ff66;
	margin-bottom:-10px;
}

.filmSummary .credits {
	font-size:90%;
	color:#ccc;
	text-align:left;
	line-height: 130%;
	margin-bottom:-10px;
	
}

.filmSummary p {
	font-family: Arial, sans-serif;
	font-weight:400;
	font-size:80%;
	color:#fff;
	text-align:left;
	line-height: 130%;
	margin:10px 20px 10px 10px;
	
}

.filmSummary .quote {
	color:#ccc;
}


.films {
	width: 410px;
	height: auto;
	background-color:#fff;
	float:left;
	margin:20px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	list-style:none;
	
	
}

.films li {
	margin-bottom:30px;
}

.films h4 {
	color:#66ff66;
	margin-bottom:-10px;
	font-weight:600;
}

.films .credits {
	color:#66ff66;
	font-size:80%;
	font-weight:400;
	margin-bottom:-5px;
}
.films p {
	font-family: Arial, sans-serif;
	font-weight:400;
	font-size:80%;
	color:#333;
	text-align:justify;
	line-height: 130%;
	margin:10px 0px 10px 10px;

}

.films .quote {
	color:#9a9c9a;
	font-size:80%;
	
}