@import url(common.css);

#schedule-today {
	clear: both;
	background: url(/images/bkgd-home1.jpg) transparent bottom left no-repeat;
	height: 366px;
	width: 974px;
	margin: 0 auto;
	padding-top: 18px;
}

#callouts {
	background: url(/images/bkgd-callouts.png) transparent 1px top no-repeat;
	overflow: auto;
	padding: 20px 0 0 0;
	margin: 0 0 0 -23px;
	width: 1010px;
}

#callouts li {
	display:inline;
}

#callouts a {
	display: block;
	float: left;
	text-indent: -222em;
	width: 152px;
	height: 138px;
}

#callouts a.trial {
	background: url(/images/bkgd-trial-new.gif) transparent top left no-repeat;
	margin-left: 67px;
}

#callouts a.schedule {
	background: url(/images/bkgd-schedules-new.gif) transparent top left no-repeat;
	margin-left: 37px;
}

#callouts a.trainer {
	background: url(/images/bkgd-trainer-new.gif) transparent top left no-repeat;
	width: 175px;
	margin-left: 27px;
}

#callouts a.weight {
	background: url(/images/bkgd-weight.gif) transparent top left no-repeat;
	width: 175px;
	margin-left: 27px;
}

#callouts a.black-card {
	background: url(/images/bkgd-black-card.gif) transparent top left no-repeat;
	margin-left: 27px;
}

#callouts a.virtual-tour {
	background: url(/images/bkgd-virtual-tour.gif) transparent top left no-repeat;
	margin-left: 27px;
}

#callouts a:hover {background-position: 0 -138px;}

/* Home page schedule styles */
#right-side {
	float: right;
	width: 330px;
}
#today {
	width: 273px;
	color: #fff;
	padding: 10px 37px 10px 23px;
	height: 299px;
	background: url(/images/bkgd_schedule.png) transparent top left no-repeat;
	font-family: "Lucida Sans", Verdana, sans-serif;
	font-size: 12px;
	color: #f5e987;
}

#today h5 {
	font-weight: normal;
	font-size: 17px;
	color: #4eabce;
	margin: 0 0 24px 0;
}

#today li {margin: 0 0 7px 0;}

.instructor, .description {display: none;}
#today li strong {
	font-weight: normal;
	color: #fff;
}
.right {
	margin-left: 20em;
	margin-top: -2em;
}

/* Alert Area */
#alert {
	background: url(/images/bkgd-announce.png) transparent top left no-repeat;
	color: #fff;
	font-size: 14px;
	height: 19px;
	padding: 10px 37px 10px 23px;
	width: 270px;
}
	#alert .date {float: right;}

/* Announcement Area */
#announcement {
	background-color: #262626;
	color: #fff;
	float: right;
	font-size: 13px;
	height: 107px;
	line-height: 1.4;
	margin: 0 7px 0 0;
	width: 329px;
}
	#announcement p {margin: 25px 15px;}
	#announcement strong {color: #4eabce;}