@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_4.png);
}


#grownUps h4{
	background: #4a95bc;
}

#kids h4{
	background: #d63837;
}

#teens h4{
	background: #ff8f3d;
} 

#latestBlog h4{
	background: #a5a9ac;
}

#grownUps h4, #kids h4, #teens h4, #latestBlog h4{
	padding:2px 10px 1px 0;
	color:#fff;
	height:20px;
	text-align:right;
}



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

#grownUps a, #kids a, #teens a{
	text-decoration:none;
	border:none;
	display:block;
	padding: 15px 0 15px 0;
	text-align:center;
	}
	
#mainContent  a:hover h4{
	background:url(../images/stripe_4.png);
	color:#EF1C25;
	}	
	
	

#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/latestBlog.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;
}