/* reset styles */
@import "reset.css";

body {
	background: #eaeaea;
	line-height: 130%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#content-wrapper {
	margin: 0 auto;
	width: 960px;
}

	.header {
		float: left;
		margin: 20px 0 0 0;
	}
	
		.header a {
			background: url(../img/bg-logo-bells.png);
			width: 382px;
			height: 132px;
			text-indent: -999em;
			display: block;
		}
		
	.contact-numbers-top {
		width:260px;
		float: right;
		margin: 120px 30px 0 0;
		text-align: right;
		color: #999;
	}
	
	.stage {
		float: left;
		background: url(../img/bg-stage.png);
		width: 946px;
		height:366px;
		margin: 20px 0 0 0;
	}
		.left-stage {
			float: left;
			width: 315px;
			margin: 50px 0 0 60px;
		}
		
		.left-stage h1 {
			font-size: 30px;
			line-height: 110%;
			color: #002B54;
			text-shadow: 2px 2px #ccc;
		}
		
		.left-stage h2 {
			font-size: 18px;
			color: #939A9F;
			margin: 30px 0 10px 0;
			text-shadow: 1px 1px #ddd;
		}
		
		.left-stage h3 {
			font-size: 18px;
			color: #666;
			margin: 10px 0 0 0;
			text-shadow: 1px 1px #ddd;
			text-align: center;
		}
		
		.left-stage a {
			background:url(../img/btn-location.png);
			width: 287px;
			height: 56px;
			text-indent: -999em;
			display: block;
		}
		
		.right-stage {
			float: right;
			width: 546px;
			height: 318px;
			margin: 50px 7px 0 0;
			background:url(../img/bg-stage-kids.png) no-repeat;
		}
	
	.content {
		float: left;
		background: url(../img/bg-content.png);
		width: 946px;
		height:1056px;
		margin: 40px 0 0 0;
		position: relative;
	}
	
	.content div {
		float: left;
		width: 275px;
		margin: 30px 0 0 30px;
	}
	
	.content div h3 {
		border-bottom: 1px #CCC solid;
		font-size: 18px;
		margin: 0 10px 0 0;
		color: #00244E;
		padding: 0 0 5px 0;
	}
	
	.content div p, .content div ul {
		margin: 10px 0 0 0;
		color: #787878;
	}
	
	.content div ul {
		list-style-type:square;
		padding: 0 20px;
	}
	
	.content div span {
		background: #fff;
		border: 1px solid #efefef;
		padding: 3px;
		float: left;
		margin: 15px 0 0 0;
	}
	
	.email {
		position: absolute;
		bottom: 8px;
		left: 12px;
	}
	
	.footer {
		float: left;
		margin: 20px 0 0 0;
		width: 100%;
	}
	
	.contact-numbers {
		width:500px;
		float: left;
	}
	
	.contact-numbers li {
		display: inline;
		color: #787878;
		margin: 5px 10px;
		font-size: 14px;
	}
	
		.phone {
			background: url(../img/btn-phone.png) no-repeat;
			height: 25px;
			padding: 7px 0 0 43px;
		}
		
		.fax {
			background: url(../img/btn-fax.png) no-repeat;
			width: 27px;
			height: 25px;
			padding: 7px 0 0 35px;
		}
		
		.footer div {
			float: right;
		}
		
		.copyright {
			color: #999;
			font-size: 12px;
			margin: 0 20px 0 0;
		}
		
		a {
			color: #666;
		}
		
		a:hover {
			color: #333;
		}