@charset "utf-8";
/*** Framework ***/

img, div, a, input { behavior: url(iepngfix.htc) }

body {
	font-family: Arial, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 12px;
	background-image: url(../images/bg_repeat.jpg);
	background-repeat: repeat-x;
	margin-top: 1px;
}
a {
	color: #004060;
	text-decoration: underline;
	font-weight: normal;
}
a:hover, a:active {
	text-decoration: underline;
	color: #004060;
	font-weight: normal;
}
.bodyCell {
	width: 961px;
	margin-left: auto;
	margin-right: auto;
}
.mainContainer {
	width: 961px;
	padding:0;
	margin:0;
}
.fontRedBold {
	color: #DF1F26;
	font-weight: bold;
	font-size: 20px;
}
.fontRed {
	font-size: 13px;
	color: #9f1b0b;
}
.fontRedAst {
	color: #9f1b0b;
}
.fontRedTwo {
	font-size: 13px;
	color: #9f1b0b;
	font-weight: bold;
}
.fontBlue {
	color: #6699cc;
}
.fontBlueBold {
	color: #6699cc;
	font-weight: bold;
	font-size: 16px;
}
.fontBlueBoldItalicTwo {
	font-size: 23px;
	color: #3A53A5;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.fontLarge {
	font-size: 18px;
}
.fontMedium {
	font-size: 16px;
	font-weight: bold;
	color: #B9231B;
}
.fontNine {
	font-size: 9px;
}
.fontTen {
	font-size: 10px;
}
.fontTwelve {
	font-size: 10px;
}
.fontFourteen {
	font-size: 14px;
}
.fontEleven {
	font-size: 11px;
}
.fontTwentyBold {
	font-size: 20px;
	font-weight: bold;
}
.fontRedBold {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #a51c0b;
}

/* Structure */

.bodyLeft {
	float: left;
	width: 234px;
	padding:0;
	margin:0;
}
.bodyRight {
	float: left;
	width: 726px;
	padding:0;
	margin:0;	
}

/* Nav Area */

.logoContainer {
	float: left;
	width: 234px;
}
.logo {
	float: left;
	width: 234px;
	height: 190px;
}
.navContainer {
	float: left;
	width: 234px;
	height: 364px;
	background-image: url(../images/nav_bg.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.navContainer a {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 14px;
}
.navContainer a:hover {
	font-weight: bold;
	color: #3a4e86;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 14px;
}
.navHeader {
	float: left;
	width: 223px;
	height: 35px;
	margin-top: 13px;
	margin-left: 11px;
	display: inline;
	text-align: center;
}
.navHeader a {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 14px;
}
.navHeader a:hover {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 14px;
}
.nav1 {
	float: left;
	width: 160px;
	margin-left: 63px;
	margin-top: 18px;
	display: inline;
}
.nav2 {
	float: left;
	width: 160px;
	margin-left: 63px;
	margin-top: 25px;
	display: inline;
}
.nav3 {
	float: left;
	width: 160px;
	margin-left: 63px;
	margin-top: 19px;
	display: inline;
}
.nav4 {
	float: left;
	width: 160px;
	margin-left: 63px;
	margin-top: 25px;
	display: inline;
}
.nav5 {
	float: left;
	width: 160px;
	margin-left: 63px;
	margin-top: 27px;
	display: inline;
}
.nav6 {
	float: left;
	width: 160px;
	margin-left: 63px;
	margin-top: 25px;
	display: inline;
}
.navGirlContainer {
	float: left;
	width: 231px;
	height: 281px;
	background-image: url(../images/girl.png);
	background-repeat: no-repeat;
}
.navGirlTextBox {
	float: left;
	width: 216px;
	margin-left: 15px;
	margin-top: 205px;
	display: inline;
	font-size: 17px;
	color: #666666;
	text-align: center;
}

/* Right Section Index */

.topSection {
	float: left;
	width: 726px;
	height: 40px;
}
.topSectionTextLeft {
	float: left;
	text-align: left;
	width: 200px;
	margin-top: 15px;
	margin-left: 34px;
	display: inline;
	font-weight: bold;
	font-size: 13px;
}
.topSectionTextRight {
	float: right;
	text-align: right;
	width: 200px;
	margin-top: 15px;
	display: inline;
	font-weight: bold;
	font-size: 13px;
}
.topSection a {
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
.topSectionText a:hover {
	color: #30570c;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
.midContainer {
	float: left;
	margin-left: 14px;
	display: inline;
	padding-left: 19px;
	border-left: 1px solid #d9cfb4;
	width: 692px;
}
.midAddition {
	float: left;
	width: 960px;
}
.indexImage {
	float: left;
	width: 692px;
	height: 238px;
	background-image: url(../images/index_banner.jpg);
	background-repeat: no-repeat;
}
.indexImageText {
	float: left;
	margin-top: 194px;
	margin-left: 457px;
	display: inline;
	font-size: 15px;
	color: #FFFFFF;
}
.midContainerLeft {
	float: left;
	width: 500px;
	margin-top: 20px;
	display: inline;
}
.midContainerRight {
	float: right;
	width: 174px;
	margin-top: 20px;
	display: inline;
}
.midContainerRightGetStarted {
	float: left;
	width: 174px;
	height: 105px;
}
.midContainerRightFranVideoContainer {
	float: left;
	width: 174px;
	margin-top: 10px;
	display: inline;
}
.midContainerRightFranVideoHead {
	float: left;
	width: 174px;
	padding-bottom: 1px;
	margin-bottom: 3px;
	display: inline;
	border-bottom: 1px solid #000000;
	font-size: 10px;
}
.midContainerRightFranVideo {
	float: left;
	width: 174px;
}
.midContainerRightFranVideoFoot {
	float: left;
	width: 174px;
	margin-top: 5px;
	font-size: 10px;
	display: inline;
}
.midContainerRightFranVideoFoot a {
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}
.midContainerRightFranVideoFoot a:hover {
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}
.startHere {
	float: left;
	width: 360px;
	height: 23px;
	margin-top: 93px;
	display: inline;
}
.startHereLeft {
	float: left;
	height: 17px;
	margin-top: 4px;
	width: 240px;
	display: inline;
	font-size: 12px;
	font-weight: bold;
}
.startHereRight {
	float: right;
	width: 105px;
	height: 23px;
}
.bottomDivider {
	float: none;
	width: 961px;
}
.bottomDividerLeft {
	float: left;
	width: 862px;
}
.bottomDividerRight {
	float: left;
	width: 98px;
	height: 102px;
}
.bottomDividerBorder {
	float: left;
	height: 42px;
	width: 841px;
	border-bottom: 1px solid #d5c9aa;
	margin-left: 21px;
	margin-bottom: 10px;
	display: inline;
}
.bottomDividerTextLeft {
	float: left;
	width: 255px;
	color: #999999;	
	margin-left: 21px;
	display: inline;
}
.bottomDividerTextLeft a{
	color: #666666;
}
.bottomDividerTextRight {
	float: left;
	width: 335px;
	color: #999999;
	margin-left: 250px;
	display: inline;	
	text-align: right;
	font-size: 7pt;
}
.bottomDividerTextBottom {
	float: right;
	width: 841px;
	color: #999999;
	text-align: justify;
	margin-top: 20px;
	margin-left: 21px;
	font-size: 7pt;
	display: inline;
}
.apple {
	float: left;
	width: 98px;
	height: 102px;
	background-image: url(../images/apple.png);
	background-repeat: no-repeat;
}

/* About */

.navGirlAboutContainer {
	float: left;
	width: 230px;
	height: 278px;
	background-image: url(../images/nav_about.png);
	background-repeat: no-repeat;
}
.navGirlAboutTextBox {
	float: left;
	width: 216px;
	margin-left: 15px;
	margin-top: 205px;
	display: inline;
	font-size: 17px;
	color: #666666;
	text-align: center;
}
#links {
	float: left;
	width: 500px;
	margin-top: 20px;
	display: inline;
}
.aboutThreeColumnLeft {
	float: left;
	width: 91px;
	margin-right: 55px;
	display: inline;
}
.aboutThreeColumnMid {
	float: left;
	width: 91px;
	margin-right: 50px;
	display: inline;
}
.aboutThreeColumnRight {
	float: left;
	width: 209px;
	height: 740px;
	background-image: url(../images/about_mouseover_right.jpg);
	background-repeat: no-repeat;
}
.bioDiv {
	float: left;
	margin-top: 35px;
	margin-left: 10px;
	display: inline;
	width: 190px;
}
.aboutThreeCellContainer {
	float: left;
	width: 91px;
	display: inline;
	margin-bottom: 15px;
	display: inline;
}
.aboutThreeCell {
	float: left;
	width: 91px;
	height: 113px;
	margin-bottom: 7px;
	display: inline;
}
.aboutBodyImage {
	float: left;
	width: 496px;
	height: 204px;
	margin-bottom: 10px;
	display: inline;
}
.aboutBodyImageCell {
	float: left;
	width: 496px;
}
.aboutBodyImageText {
	float: left;
	width: 496px;
	font-style: italic;
	font-size: 10px;
}
.aboutThreeCellText {
	float: left;
	width: 91px;
	font-size: 11px;
	font-style: italic;
}
.pageNavButtonContainer {
	float: left;
	width: 500px;
	height: 23px;
}
.pageNavButtonCell {
	float: right;
	width: 170px;
	height: 23px;
}
.pageNavButtonPrevious {
	float: left;
	width: 80px;
	height: 23px;
	margin-right: 10px;
	display: inline;
}
.pageNavButtonNext {
	float: left;
	width: 80px;
	height: 23px;
}


/* Why Sunbrook */

.navBoyWhyContainer {
	float: left;
	width: 231px;
	height: 278px;
	background-image: url(../images/nav_why.png);
	background-repeat: no-repeat;
}
.bodyImageWhy {
	float: left;
	width: 495px;
	height: 330px;
	margin-bottom: 15px;
	margin-top: 15px;
	display: inline;
}
.bodyImageWhyTwo {
	float: left;
	width: 495px;
	height: 495px;
	margin-bottom: 15px;
	margin-top: 15px;
	display: inline;
}

/* Growth Opportunities */

.navBoyGrowthContainer {
	float: left;
	width: 231px;
	height: 278px;
	background-image: url(../images/nav_growth.png);
	background-repeat: no-repeat;
}

/* Where We're Growing */

.navGirlGrowWhereContainer {
	float: left;
	width: 231px;
	height: 280px;
	background-image: url(../images/nav_where.png);
	background-repeat: no-repeat;
}
.navGirlGrowWhereTextBox {
	float: left;
	width: 216px;
	margin-left: 17px;
	margin-top: 210px;
	display: inline;
	font-size: 17px;
	color: #666666;
	text-align: center;
}
.bodyImageGrowing {
	float: left;
	width: 495px;
	height: 330px;
	background-image: url(../images/sunbrook_areas_growing.png);
	background-repeat: no-repeat;
}

/* FAQ */

.bodyImageFaq {
	float: right;
	width: 247px;
	height: 304px;
	margin-left: 10px;
	margin-bottom: 10px;
	display: inline;
}
.bodyImageFaqFacts {
	float: left;
	width: 497px;
	height: 294px;
	margin-bottom: 10px;
	display: inline;
}

/* Righthand Quotes */
.midContainerRightQuote {
	float: left;
	width: 174px;
	height: 250px;
	background-image: url(../images/bg_quote_large.png);
	background-repeat: no-repeat;
}
.midContainerRightQuoteText {
	float: left;
	width: 133px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 23px;
	margin-top: 13px;
	color: #FFFFFF;
	display: inline;
	line-height: 120%;
}
.midContainerFourQuote {
	float: left;
	width: 174px;
	height: 81px;
	background-image: url(../images/bg_quote_four.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	display: inline;
}
.midContainerFourQuoteText {
	float: left;
	width: 133px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 23px;
	margin-top: 9px;
	color: #FFFFFF;
	display: inline;
	line-height: 120%;
}
.midContainerPieChart {
	float: left;
	width: 174px;
	height: 202px;
	background-image: url(../images/pie_chart_growth.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	display: inline;
}
.midContainerFiveQuote {
	float: left;
	width: 174px;
	height: 111px;
	background-image: url(../images/bg_quote_five.png);
	background-repeat: no-repeat;
}
.midContainerFiveQuoteText {
	float: left;
	width: 133px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 23px;
	margin-top: 9px;
	color: #FFFFFF;
	display: inline;
	line-height: 120%;
}
.midContainerSixQuote {
	float: left;
	width: 174px;
	height: 104px;
	background-image: url(../images/bg_quote_six.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	display: inline;
}
.midContainerSixQuoteText {
	float: left;
	width: 133px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 23px;
	margin-top: 9px;
	color: #FFFFFF;
	display: inline;
	line-height: 120%;
}
.midContainerFormQuote {
	float: left;
	width: 174px;
	height: 128px;
	background-image: url(../images/bg_quote_form.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	display: inline;
}
.midContainerFormQuoteText {
	float: left;
	width: 133px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 23px;
	margin-top: 9px;
	color: #FFFFFF;
	display: inline;
	line-height: 120%;
}
.midContainerTenQuote {
	float: left;
	width: 174px;
	height: 193px;
	background-image: url(../images/bg_quote_ten.png);
	background-repeat: no-repeat;
}
.midContainerTenQuoteText {
	float: left;
	width: 133px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 23px;
	margin-top: 9px;
	color: #FFFFFF;
	display: inline;
	line-height: 120%;
}

/* Download */

.twitterCell {
	float: left;
	width: 200px;
	height: 27px;
	margin-top: 15px;
	margin-bottom: 15px;
	display: inline;
}
.twitterLeft {
	float: left;
	width: 156px;
	height: 27px;
}
.twitterLeftText {
	float: left;
	margin-top: 6px;
	display: inline;
	font-style: italic;
}
.twitterRight {
	float: left;
	width: 44px;
	height: 27px;
}


/* Info Request */

.navBoysInfoContainer {
	float: left;
	width: 231px;
	height: 278px;
	background-image: url(../images/nav_form.png);
	background-repeat: no-repeat;
}
.navBoysInfoTextBox {
	float: left;
	width: 216px;
	margin-left: 17px;
	margin-top: 210px;
	display: inline;
	font-size: 17px;
	color: #666666;
	text-align: center;
}
.formYellow {
	float: left;
	width: 277px;
	height: 45px;
	background-image: url(../images/fill_out_form.png);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	display: inline;
}
.formContainer {
	float: left;
	width: 500px;
}

/* Form Styles */

.wideThreeColumn {
	float: left;
	width: 500px;
	font-size: 10px;
}
.wideThreeColumnRow {
	float: left;
	width: 500px;
	height: 35px;
	margin-bottom: 15px;
	display: inline;
}
.wideThreeColumnLeft {
	float: left;
	width: 300px;
}
.wideThreeColumnMid {
	float: left;
	width: 150px;
}
.wideThreeColumnRight {
	float: left;
	width: 150px;
}
.fieldTextSpace {
	width: 110px;
	float: left;	
	margin-top: 5px;
	display: inline;
}
.fieldSpace {
	width: 130px;
	float: left;
	margin-top: 5px;
	display: inline;
}
.fieldWrapper {
	width: 500px;
	float: left;
	margin-bottom: 5px;
	display: inline;
}
.fieldWrapperSmall {
	width: 150px;
	float: left;
	margin-bottom: 5px;
	display: inline;
	height: 35px;
}
.fieldWrapperText {
	float: left;
}
.fieldWrapperLarge {
	width: 300px;
	float: left;
	margin-bottom: 5px;
	display: inline;
	height: 20px;
}
.fieldBox {
	float: left;
	width: 50px;
}
.formField {
	width: 130px;
	float: left;	
}
.formFieldTwo {
	width: 160px;
	float: left;	
}
.formFieldThree {
	width: 20px;
	float: left;	
}
.formFieldFour {
	width: 40px;
	float: left;	
	margin-left: 5px;
	margin-top: 7px;
	display: inline;
}
.twoColumnField {
	float: left;
	width: 270px;
}
.twoColumnFieldLeft {
	float: left;
	width: 130px;
	margin-right: 10px;
	display: inline;
}
.twoColumnFieldRight {
	float: left;
	width: 125px;
}
.twoColumnFieldRightTwo {
	float: left;
	width: 140px;
	margin-left: 5px;
}
.threeColumnField {
	float: left;
	width: 120px;
}
.threeColumnLeft {
	float: left;
	width: 30px;
	margin-right: 3px;
	display: inline;
}
.threeColumnMid {
	float: left;
	width: 30px;
	margin-right: 3px;
	display: inline;
}
.threeColumnRight {
	float: left;
	width: 36px;
	display: inline;
}
.fieldCell {
	float: left;
}
.fieldCellLeft {
	float: left;
	margin-top: 2px;
	display: inline;
}
.afterText {
	margin-top: 5px;
	width: 450px;
	margin-left: 2px;
	display: inline;
	float: left;
}
.checkField {
	width: 23px;
	height:25px;	
	margin-top:5px;
	display: inline;
	float:left;	
}
.submitBox {
	float: left;
	width: 97px;
	height: 31px;
	margin-left: 86px;
	margin-top: 8px;
	display: inline;
}
.submitBoxGetStartd {
	float: left;
	width: 97px;
	height: 31px;
	margin-top: 8px;
	display: inline;
}
.submitRequired {
	float: left;
	margin-left: 45px;
	display: inline;
	margin-top: 30px;
}
.noteRequired {
	float: left;
	width: 580px;
	font-size: 12px;
}
.fieldMediumLong {
	width: 350px;
	float: left;	
	margin-top: 5px;
	margin-right: 5px;
	display: inline;
}