﻿/*
	Home Page Stylesheet
	=================
*/

div#content-body
{
	background-position: 11px top;
	background-repeat: no-repeat;
	background-color: Transparent;
	height: 420px;
	overflow: hidden;
}

#testimonial
{
    width: 246px; 
    margin-left: 25px;
}
#meet-your-fsac
{
    width: 340px;
}
#newsletter
{
    width: 260px;
}
div#touts
{
	background-image: url(../images/home-tout-background.png);
	background-repeat: no-repeat;
	background-color: Transparent;
	height: 140px;	 
	width: 944px;
	margin-top: 260px;
	overflow: hidden;
}

div.tout
{
	overflow: hidden;
	margin: 21px 83px 0px 83px;
	width: 260px;
	float: left;
}

div.tout div.title
{
	color: #649ED4;
	font-weight: bold;
	background-image: url(../images/tout-title-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 12px;
	margin-left: 10px;
	margin-bottom: 5px; 
}

div.tout div.quote
{
	background-image: url(../images/start-quote.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-color: Transparent;
	padding-left: 12px;
	margin-bottom: 2px;
}

div.tout div.quote p
{
	margin-bottom: 5px;
}

div.tout div.quote-source
{
	color: #888888;
	padding-left: 12px;
	font-size: 10px;
	font-weight: bold;
}

div.tout div.content
{
	overflow: hidden;
	margin-left: 10px;
}

div.tout div.content img.meet-your-rep-icon
{
	float: left;
	padding-right: 10px;
	margin-top: 3px;
}

div.tout div.content div.copy
{
	overflow: hidden;
	margin-left: 10px;
}

div.tout div.content div.calendar
{
	overflow: hidden;
	margin-left: 0px;
	width: 44px;
	height: 50px;
	background-image: url(../images/calendar-icon.png);
	background-repeat: no-repeat;
	float: left;
	color: #6e6e6e;
	font-size: 16px;
	padding: 22px 13px 0px 0px;
	font-weight: bold;
	text-align: center;
}


a.link-button
{
	text-decoration: none;
	padding: 4px 10px 4px 10px;
	background-color: #EC7000;
	color: White;
	font-size: 10px;
	font-weight: bold;
	display: inline-block;
}

div.tout-spacer
{
	width: 1px;
	height: 112px;
	float: left;
	background-image: url(../images/tout-spacer.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div.tout-popup
{
	position: absolute;
	left: 50%;
	top: 400px;
	margin-left: -444px;
	display: none;

	width: 228px;
	margin-right: 13px;
	margin-bottom: 10px;
	background-color: White;
	background-image: url(../images/interior-tout-gradient.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: hidden;
	border: solid 1px #cacaca;
}

#newsletter-tout-popup
{
	position: absolute;
	left: 50%;
	top: 400px;
	margin-left: 200px;
	display: none;
}

div.tout-popup div.title
{
	color: #649ED4;
	font-weight: bold;
	background-image: url(../images/tout-title-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 12px;
	margin-left: 15px;
	margin-bottom: 5px; 
	margin-top: 10px;
}

div.tout-popup div.quote
{
	background-image: url(../images/start-quote.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 12px;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-right: 15px;
}

div.tout-popup div.quote p,
div.tout-popup div.content p
{
	margin-bottom: 5px;
}

div.tout-popup div.quote-source
{
	color: #888888;
	padding-left: 12px;
	font-size: 10px;
	padding-bottom: 10px;
	margin-left: 5px;
}

div.tout-popup div.content
{
	overflow: hidden;
	margin-left: 15px;
	margin-right: 15px;
}

