/* Front Page Styling for Backroom Management */
.fp_small, .fp_large {
	padding: 24px;
	position: relative;
}

.fp_small {
	float: left;
	padding: 24px;
	width: 260px;
	height: 137px;
	background: url('img/fp_small.gif') no-repeat 0 0;
}

.fp_large {
	float: right;
	padding: 24px;
	width: 580px;
	height: 507px;
	background: url('img/fp_large.gif') no-repeat 0 0;
}

h1#tagline {
	background: none;
	text-align: left;
	padding: 0 0 0 22px;
	margin: 0 0 20px 0;
	font-size: 20px;
}

/* Must use #content because id weighting is higher than
   class weighting, and the orginal styles will overwrite.
   Using h's instead of div's because of semanticity.
   Could also use !important, but more markup.
*/
#content .fp_small h2,#content  .fp_large h2 {
	margin: 0 0 6px 0;
	padding: 0;
	font-weight: bold;
	font-size: 22px;
	color: #206ba4;
	border: none;
}

#content .fp_small h3,#content  .fp_large h3 {
	margin: 0 0 0 3px;
	padding: 0;
	font-weight: regular;
	font-size: 18px;
	color: #3e3e3e;
	border: none;
}

#content .fp_small p,#content  .fp_large p {
	font-size: 14px;
	line-height: 18px;
	margin: 10px 0 10px 3px;
	padding: 0;
	text-indent: 0;
}

#content .fp_small ul,#content  .fp_large ul {
	font-size: 18px;
	margin: 15px 0;
	padding: 0;
	list-style: none;
}

#content .fp_small li,#content  .fp_large li {
	background: url('img/bullet3.gif') no-repeat 0 0.43em;
	padding: 0 0 0 20px;
	margin: 6px 0 6px 13px;
}

/* Position the Images */
#content .fp_small img {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

#content .fp_small a {
	position: absolute;
	bottom: 15px;
	left: 35px;
	width: 155px;
	height: 37px;
	padding: 0;
	text-indent: -999em;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#content .fp_small a:hover {
	background-position: 0 -37px;
}

#seeallpackages {
	background-image: url('img/fp_seeallfeatures.gif');
}

#learnmore {
	background-image: url('img/fp_learnmore.gif');
}

#savetimenow {
	background-image: url('img/fp_savetimenow.gif');
}

.fp_big {
	font-size: 22px !important;
	font-weight: bold !important;
	line-height: 34px !important;
	margin: 60px 15px 0 15px !important;
}