/* CSS Document */

body	{
	background: url(../images/bkgrd.gif) repeat-x #3e5d72;
	margin: 0px;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#container	{
	width: 961px;
	margin: 0 auto;
}

#topHeader	{
	color: #ffffff;
	text-align: right;
	padding: 0px 0px 10px 0px;
}

#topHeader ul	{
	padding: 0px;
	margin: 37px 0px 0px 0px;
}

#topHeader ul li	{
	list-style: none;
	display: inline;
	padding: 0px 4px 0px 0px;
}

#topHeader a	{
	color: #c3cf21;
	text-decoration: none;
}

#topHeader a:hover	{
	text-decoration: underline;
}

#topContentArea	{
	height: 6px;
	background: url(../images/topContentBkgrd.gif) no-repeat top;
}

#homeContent	{
	position: relative;
	background: url(../images/homeBkgrd.jpg) no-repeat #f0efd9;
	border-bottom: 1px solid #365365;
	padding: 0px 0px 25px 0px;
}

#topArea	{
	height: 85px;
}

#logoArea	{
	position: absolute;
	top: -30px;
	left: -30px;
}


#navArea	{
	float: right;
	width: 505px;
}

#nav	{
	height: 61px;
	width: 502px;
}


#nav ul	{
	margin:0px;
	padding:0px;
}

#nav li	{
	float:left;
	padding:0px;
	margin:0px;
	list-style: none;
	background-repeat: no-repeat;
}

#nav a {display:block; height:0; padding-top:61px; color:#000; overflow:hidden;}


#nav li.nav1	{width:172px;}
#nav li.nav2	{width:191px;}
#nav li.nav3	{width:139px;}

#nav a#navName1	{background: url(../images/nav.gif) 0px 0px;}
#nav a#navName2	{background: url(../images/nav.gif) -172px 0px;}
#nav a#navName3	{background: url(../images/nav.gif) -363px 0px;}

#nav a#navName1:hover	{background: url(../images/navOver.gif) 0px 0px;}
#nav a#navName2:hover	{background: url(../images/navOver.gif) -172px 0px;}
#nav a#navName3:hover	{background: url(../images/navOver.gif) -363px 0px;}

#nav a#navName1On	{background: url(../images/navOver.gif) 0px 0px;}
#nav a#navName2On	{background: url(../images/navOver.gif) -172px 0px;}
#nav a#navName3On	{background: url(../images/navOver.gif) -363px 0px;}

#homeContentLeft	{
	width: 520px;
	float: left;
	padding: 320px 0px 0px 15px;
}

#homeContentText	{
	float: right;
	width: 422px;
	margin: -10px 0px 0px 0px;
}

#homeContentText .homeText	{
	position: absolute;
	padding: 20px 20px 0px 25px;
	color: #333333;
	font-size: 18px;
}

.homeText h1	{
	font-size: 23px;
	color: #c51f10;
	padding: 0px;
	margin: 0px;
	line-height: 26px;
	letter-spacing: -2px;
}

.homeText ul	{
	padding: 0px;
	margin: 15px 0px 0px 70px;
}

.homeText ul li	{
	list-style: none;
	padding: 5px 0px 22px 0px;
}

#homeBottom {
	font-size: 13px;
	color: #263f50;
}

#homeBottom h2	{
	font-size: 18px;
	padding: 0px;
	margin: 25px 0px 10px 0px;
	letter-spacing: -1px;
}

.homeBottom1	{
	width: 145px;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 155px;
}

.homeBottom2 {
	width: 160px;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px 20px 0px 145px;
}


.homeBottom3 {
	width: 160px;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 145px;
}

#insideContent	{
	background: url(../images/insideContentBkgrd.gif) repeat-x #f0f0da;
	position: relative; /*ie6 fix*/
	padding: 0px 0px 25px 0px;
	border-bottom: 1px solid #365365;
}

#pageContent	{
	padding: 0px 12px 0px 12px;
}

#pageContentLeft	{
	float: left;
	width: 655px;
	margin: 0px 12px 0px 12px;
	padding: 20px 0px 0px 0px;
	position: relative; /*ie6 fix*/
	color: #3c3c3c;
	font-size: 12px;
	line-height: 22px;
}

#pageContentLeft h1, #pageContentFull h1 {
	color: #203342;
	font-size: 30px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#pageContentLeft h2.leadin, #pageContentFull h2.leadin	{
	color: #006892;
	font-size: 18px;
	font-weight: normal;
	border-bottom: none;
}

#pageContentLeft h2, #pageContentFull h2 {
	color: #004684;
	font-size: 24px;
	padding: 0px 0px 5px 0px;
	margin: 20px 0px 10px 0px;
	line-height: 26px;
	border-bottom: 1px solid #cccccc;
}

#pageContentLeft h3, #pageContentFull h3 {
	color: #2c4658;
	font-size: 20px;
	margin: 20px 0px 10px 0px;
	padding: 0px;
}

#pageContentLeft h4, #pageContentFull h4	{
	font-size: 16px;
	color: #333333;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

#pageContentLeft h5, #pageContentFull h5	{
	color: #006892;
	font-size: 13px;
	margin: 10px 0px 5px 0px;
	padding: 0px;
	text-decoration: none;
	border: none;
}

#pageContentLeft p, #pageContentFull p	{
	padding: 0px;
	margin: 5px 0px 10px 0px;
}

#pageContentLeft ul, #pageContentFull ul {
	padding: 0px;
	margin: 10px 0px 5px 10px;
}

#pageContentLeft ul li, #pageContentFull ul li	{
	background: url(../images/bullet-blue.gif) no-repeat 0px 7px;
	list-style: none;
	padding: 0px 0px 0px 15px;
}

#pageContentLeft a, #pageContentFull a	{
	color: #028ede;
}

#pageContentLeft a:hover, #pageContentFull a:hover	{
	color: #46b2ef;
}

#pageContentRight	{
	float: right;
	width: 245px;
	padding: 20px 0px 0px 0px;
}

#pageContentFull 
{
    padding: 15px 0px 0px 15px;
}

#moreInfoLinks li a	{
	color: #929b13;
}

.ctaArea	{
	padding: 0px 0px 20px 6px;
	margin: 10px 0px 0px 0px;
	background: url(../images/ctaShadow.gif) no-repeat bottom center;
}

.ctaArea h4	{
	color: #203342;
	font-size: 24px;
	padding: 0px;
	margin: 0px;
}

.ctaContent	{
	width: 225px;
	color: #006892;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	background: url(../images/bullet-circle.gif) no-repeat right center;
}

.cta a {
	color: #006892;
	text-decoration: none;
}

.cta a:hover {
	color: #1589b8;
	cursor: pointer;
}

.inlineQuote	{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 10px;
	background: url(../images/inlineQuoteBkgrd.gif) repeat-x;
	color: #8a875b;
	font-size: 16px;
	font-weight: bold;
}

.inlineArea {
	background: url(../images/endquote.gif) no-repeat bottom right;
	width: 600px;
}

.inlineText	{
	background: url(../images/startquote.gif) no-repeat;
	padding: 5px 0px 0px 33px;
}

.inlineQuote .name {
	text-align: right;
	font-weight: normal;
	padding-right: 40px;
}

#userfriendly ul {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 11px;
}

#userfriendly ul li	{
	list-style: none;
	display: inline;
	padding: 0px 0px 0px 5px;
}

#userfriendly a {
	color: #015e7e;
	text-decoration: none;
}

#userfriendly a:hover {
	color: #529aba;
}

.starIcon {
	background: url(../images/bullet-star.gif) no-repeat;
	padding: 0px 10px 0px 20px;
}

.emailIcon {
	background: url(../images/emailIcon.gif) no-repeat 0px 2px;
	padding: 0px 0px 0px 22px;
}

.clearBoth	{
	clear: both;
}

.clearLeft	{
	clear: left;
}

.clearRight	{
	clear: right;
}

#footerArea	{
	height: 259px;
	background: url(../images/footerBkgrd.gif) repeat-x;
}

#footerTop	{
	height: 133px;
	padding: 10px 0px 0px 120px;
}

#footerTop h5	{
	margin: 0px;
	padding: 34px 0px 0px 0px;
	width: 318px;
	height: 0px;
	overflow: hidden;
	background: url(../images/feature-franchise-title.gif) no-repeat;
}

#footerTop ul {
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

#footerTop ul li	{
	list-style: none;
	display: inline;
	padding: 0px 10px 0px 0px;
}

#footerTop img	{
	background-color: #ffffff;
	padding: 5px;
	border:1px solid #a5af1d;
}

#footerBottom	{
	text-align: center;
	background: url(../images/footerShadow.gif) no-repeat;
	padding: 15px 0px 0px 0px;
}

#footerBottom ul	{
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}

#footerBottom ul li	{
	display: inline;
	list-style: none;
	padding: 0px 13px 0px 10px;
}

#footerBottom ul a {
	color: #9b9b32;
	text-decoration: none;
}

#footerBottom ul a:hover	{
	color: #686819;
}

#footerBottom p	{
	font-size: 9px;
	padding: 0px;
	margin: 0px;
	color: #9b9b32;
}

#footerBottom p a {
	color: #7b7833;
	text-decoration: none;
}

#footerBottom p a:hover	{
	text-decoration: underline;
}


/* assessment form */

#formStep 
{
    padding: 0px 5px 0px 5px;
    margin: 20px 0px 20px 0px;
    font-size: 12px;
	height: 25px;
    background: #ffffff;
    border:1px solid #d6daca;
}

#formStep .stepTitle 
{
    font-weight: bold;
    color: #004684;
}

#formStep ul 
{
    padding: 5px 0px 10px 0px;
    margin: 0px 0px 5px -20px;
}

#formStep ul li
{
    float: left;
    padding: 2px 21px 0px 25px;
    background: none;
    color: #6e6e6e;
    text-align: right;
}

#formStep ul li.arrow
{
    background: url(../images/stepArrow.gif) no-repeat 0px 6px;
}

#formStep ul li span 
{
    color: #028ede;
    font-weight: bold;
    font-style: italic;
}

.questionText 
{
    font-size: 15px;
    padding: 0px 0px 10px 0px;
}

.textButton 
{
    background-color: #e3f0f7;
    padding: 5px;
    border:1px solid #bed2dd;
    margin: 10px 0px 10px 0px;
    text-decoration: none;
    color: #0c8dd5;
}

.textButton:hover 
{
    text-decoration: underline;   
}

.textButtonLarge 
{
    background-color: #e3f0f7;
    padding: 5px;
    border:1px solid #bed2dd;
    margin: 10px 0px 10px 0px;
    text-decoration: none;
    color: #0c8dd5;
	font-weight: bold;
	font-size: 15px;
}

.textButton:hover 
{
    text-decoration: underline;   
}

.viewFranchiseResults 
{
    text-align: right;
    margin: 0px 0px 10px 0px;
}

.viewFranchiseResults a
{
    background-color: #e3f0f7;
    padding: 5px;
    border:1px solid #bed2dd;
    margin: 10px 0px 10px 0px;
    text-decoration: none;
    color: #0c8dd5;
}

.stepIcon 
{
    margin: 20px 0px 0px 0px;
    background: url(../images/bullet-circle.gif) no-repeat 0px 2px;
    color: #006892;
    padding: 2px 0px 10px 50px;
    font-size: 17px;
    font-weight: bold;
    line-height: 18px;
    border-bottom: 1px solid #cccccc;
}

.stepIcon span 
{
    font-size: 15px;
    color: #8a9501;
}

.numberList ol {
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #959e04;
}

.numberList ol li {
	padding: 8px 0px 8px 0px;
}

.numberList ol li span {
	font-style: normal;
	color: #3c3c3c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.imageBorder {
	border: 3px solid #d3d3d3;
	margin-right: 15px;
}


/* advertise form */

#advertiseForm input, #advertiseForm textarea	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 4px 0px;
	padding: 2px;
}

#advertiseForm label	{
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	font-size: 12px;
}

#advertiseForm .btnSubmit {
	margin-left: 102px;
	background: none;
	border: none;
}

.required	{
	color: #0068a3;
}

.sp 
{
    display: none;
}


/* payment form */

#paymentForm input, #paymentForm textarea	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 4px 0px;
	padding: 2px;
}

#paymentForm label	{
	width: 140px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	font-size: 12px;
}

#paymentForm .btnSubmit {
	margin: 10px 0 0 142px;
	background: none;
	border: none;
}

/* your info form */

.yourInfoForm input	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 2px;
}

.yourInfoForm label	{
	width:70px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	font-size: 12px;
}

.yourInfoSelect 
{	
	margin-left: 75px;
}

.yourInfoSelect small 
{	
	padding-left: 3px;
}

.moreInfoTitle 
{
	font-size: 20px;
	font-weight: bold;
	margin: 8px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	font-family: Arial;
	color: #006892;
}

.moreInfoLogo 
{
	margin: 0px 0px 0px 10px;
	float: left;
	width: 180px;
	text-align: center;
}

.moreInfoText 
{
	float: right;
	margin: 0px 20px 0px 0px;
	width: 470px;
	font-size: 12px;
	line-height: 20px;
}

#ctaJeff {
	float: right;
	width: 235px;
	margin: 0 0 15px 0;
}

#ctaJeff img {
	display: block;
	margin: 0 auto;
}

#ctaJeff span {
	display: block;
	width: 225px;
	margin: 0 auto;
	padding-top: 5px;
	color: #006892;
	font-size: 11px;
	border-top: 1px solid #ccc;
}

#ctaJeff span a {
	font-style: italic;
}

#ctaJeff p {
	display: block;
	width: 225px;
	margin: 5px auto 0 auto;
	color: #203342;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

#ctaJeff p em {
	display: block;
	margin: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}

#ctaHelen {
	float: right;
	width: 235px;
	margin: 0 0 15px 0;
}

#ctaHelen img {
	display: block;
	margin: 0 auto;
}

#ctaHelen span {
	display: block;
	width: 225px;
	margin: 0 auto;
	padding-top: 5px;
	color: #006892;
	font-size: 11px;
	border-top: 1px solid #ccc;
}

#ctaHelen p {
	display: block;
	width: 225px;
	margin: 5px auto 0 auto;
	color: #203342;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

#ctaHelen p a {
	color: #028ede;
	text-decoration: underline;
}

#ctaHelen p a:hover {
	color: #46b2ef;
}

#ctaHelen p em {
	display: block;
	margin: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}

#franchiseConsultants {
	float: right;
	height: 275px;
	margin-top: 10px;
	padding: 10px;
	background: url(../images/bgConsultant.gif) repeat-x;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#franchiseConsultants h2 {
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: none;
}

#franchiseConsultants p {
	color: #929b13;
	line-height: 1.4em;
}

#franchiseConsultants p a {
	font-size: 14px;
}

.jeffBrake {
	float: left;
	margin: 0 50px 0 0;
}

.helenScully {
	float: left;
}

#pathway {
	display: block;
	width: 165px;
	margin-bottom: 10px;
	padding: 3px 0 3px 6px;
	background: #4588a3;
	border: 1px solid #124964;
}

#pathway a {
	color: #fff;
	font-weight: bold;
	text-decoration:none;
}

#pathway a:hover {
	color: #fff;
	text-decoration: underline;
}

#franchiseLeads {
	float: right;
	width: 200px;
	padding: 10px;
	margin: 15px 0 15px 15px;
	background: url(../images/bgConsultant.gif) repeat-x;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#franchiseLeads h2 {
	border-bottom: none;
	margin: 0 0 10px 0;
}





