@charset "UTF-8";
/* CSS Document 
design copyright 2008 - www.andrewkingham.co.uk

colours:
header	darker= 			#4795ba 	and paler= #c1d5de;
grown ups=					#4a95bc
kid narrative= 				#d63837
kid vignettes= 				#ff8f3d
latest from blog text=		#a5a9ac
*/
@import url("reset.css");
@import url("typography.css");
@import url("lightbox.css");

#container{
	background-color:#ffffff;
	width:990px;
	margin:0 auto;
}

body{
	background:url(../images/stripe_2.png);
}


#grownUps h4{
	background: #4a95bc;
}

#kids h4{
	background: #d63837;
}

#teens h4{
	background: #ff8f3d;
} 

#latestBlog h4{
	background: #a5a9ac;
}

#info h4{
	background: #ccc;
}

.top h4{
/*	padding:2px 10px 1px 0;
*/	color:#fff;
	height:20px;
	text-align:right;
}



#grownUps, #kids, #teens, #latestBlog, #info{
	padding:0 23px 0 23px;
	width:200px;
	float:left;
}

#grownUps a, #kids a, #teens a, #info a{
	text-decoration:none;
	border:none;
	display:block;
	padding: 8px 0;
	text-align:center;
	margin: 10px 0 0 0;
	color:#fff;

	}
	
#latestBlog a{
	text-decoration:none;
	border:none;
	display:block;
	padding: 8px 0;
	text-align:left;
	margin: 0;
	color:#fff;

	}	


	
#grownUps .top a:hover, #kids .top a:hover, #teens .top a:hover, #latestBlog .top a:hover, #info .top a:hover{
	background:url(../images/stripe_4.png);
	color:#d63837;
	}
		

#grownUps h3{
	height:50px;
	background:url(../images/grownUps.jpg);
	text-indent:-9999px;
}
#kids h3{
	width:200px;
	height:50px;
	background:url(../images/kidsTitle.jpg);
	text-indent:-9999px;
}
#teens h3{
	height:50px;
	background:url(../images/teensTitle.jpg);
	text-indent:-9999px;
}

#latestBlog h3{
	height:50px;
	background:url(../images/worldOfCliveBlog.jpg);
	text-indent:-9999px;
}

#info h3{
	height:50px;
	background:url(../images/infoTitle.jpg);
	text-indent:-9999px;
}

h1{
	background:url(../images/header.jpg);
	height:90px;
	width:714px;
	text-indent:-9999px;
	float:left;
}

#header h2 {
	text-align:right;
	padding:24px 28px 0 0;
	float:right;
}

#header h2 a{
	text-decoration:none;
	color:#4494B9;
}

#header h2 a:hover{;
	color:#EF1C25;
	background: url(../images/stripe_4.png);
}

#footer{
	font-size:16px;
	margin:40px 0 100px 0;
	text-align:center;
}

#latestBlog p a{
	padding:0 70px 0 0;
	color:#666;
	text-decoration:none;
}

#latestBlog p a:hover{
	color:#EF1C25;
	background: url(../images/stripe_4.png);
}


#footer a{
	padding:5px 15px;
	color:#000;
	text-decoration:none;}

#footer a:hover{
	background:#fff ;
	color:#EF1C25;
}

.clearfloat{
	clear:both;
}