.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac w:458 h:248*/

#mainContentWrapper { font-family: 'Open Sans', Century Gothic, sans-serif; margin:0 auto; width: 960px;}
#mainContentWrapper h1 {display: inline-block; width: 325px; text-align: left; color: #999; font-size: 30px; background: url(http://crm-newsletter.com/website/images_MortgagePlannerCRM/downArrow.jpg) no-repeat right center; margin: 0 0 0 0; padding:0;}

body .content .field .field-item #mainContentWrapper h2 { margin:-10px 10px -27px 0; display:block; padding:0; font-size: 90px; text-align: right; width: 929px; color:#DDD; line-height: inherit; font-family: 'Open Sans', Century Gothic, sans-serif;}


div#topHeader {background: url(http://crm-newsletter.com/website/images_MortgagePlannerCRM/header.jpg) no-repeat; width: 929px; height: 223px; margin: 20px 0 50px 0; position: relative;}

.infoSection ul { width: 350px; height: 380px; overflow: auto; font-size: 12px; padding: 0px 20px 10px 30px; margin-top: 0px; background: #FFF;  margin-left: 50px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: inset 0px 0px 10px #000000;
-webkit-box-shadow: inset 0px 0px 10px #000000;
box-shadow: inset 0px 0px 10px #000000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f7f7f7');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f7f7f7')";
background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -ms-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f7f7f7));
background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
background-image: linear-gradient(top, #ffffff, #f7f7f7);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;

}

.innerSection p { margin-left: 50px; }
.innerSection p.title {width: 355px; background: #fff; padding: 20px; margin: 0 0 0 50px; font-weight: bold; font-size: 12px; }
.context-blog #region-content #block-system-main .view-blog .views-field-body p, .not-front #region-content #block-system-main .field-items p.title {margin-bottom: 0; }


.infoSection ul li { padding-top: 10px; }


.infoSection ul#shorty { width: 350px; height: 240px; overflow: auto; font-size: 12px; padding: 0 10px 0px 30px; }

.infoSection p {padding: 0 40px 0 15px; }


.infoSection {width: 929px; height: 56px; background: #EEE; border-radius: 9px; 
-moz-border-radius: 9px; -webkit-border-radius: 9px; border: 1px solid #CCCCCC; color: #EEE;  
-webkit-transition: background 500ms ;
-moz-transition: background 500ms ;
-ms-transition: background 500ms ;
-o-transition: background 500ms ;
transition: background 500ms ;
overflow: hidden;
}

div.infoSection:hover {background: #d8f0fa; border: 1px solid #CCCCCC;  }

.infoSectionActive {width: 929px; height: 520px; background: #d8f0fa; border-radius: 9px; 
-moz-border-radius: 9px; -webkit-border-radius: 9px; border: 1px solid #CCCCCC; padding: 0 0 0 0px; color:#666; margin:0;}

div.innerWhite {background: #FFF; padding: 90px 20px 20px 20px; height:  }

div.innerSection {background: url(http://crm-newsletter.com/website/images_MortgagePlannerCRM/bullet.png) top left no-repeat; width: 900px; height: 50px; margin: 10px 0 0 10px; position: relative; }

img.sectionArrow {position: absolute; left: 7px; top: 11px; }
.firstImage {position: absolute; left: 490px; top: -8px; width: 97px; height:53px;}
.firstImageMove {position: absolute; left: 400px; top: 90px; width: 458px; height: 248px; }

.secondImage {position: absolute; left: 440px; top: -8px; width: 86px; height: 54px;}
.secondImageMove {position: absolute; left: 450px; top: 120px; width: 389px; height: 245px; }

.thirdImage {position: absolute; left: 400px; top: -8px; width: 100px; height: 53px;}
.thirdImageMove {position: absolute; left: 410px; top: 30px; width: 465px; height: 247px; }

.thirdtwoImage {position: absolute; left: 400px; top: -8px; width: 100px; height: 53px;}
.thirdtwoImageMove {position: absolute; left: 410px; top: 30px; width: 465px; height: 247px; }


.fourthImage {position: absolute; left: 370px; top: -8px; width: 67px; height: 53px;}
.fourthImageMove {position: absolute; left: 470px; top: 20px; width: 173px; height: 137px; }

.fifthImage {position: absolute; left: 300px; top: -4px; width: 52px; height: 54px;}
.fifthImageMove {position: absolute; left: 500px; top: 60px; width: 234px; height: 247px; }

.sixthImage {position: absolute; left: 280px; top: -8px; width: 119px; height: 64px;}
.sixthImageMove {position: absolute; left: 390px; top: 220px; width: 482px; height: 261px; }

.seventhImage {position: absolute; left: 280px; top: -8px; width: 93px; height: 51px;}
.seventhImageMove {position: absolute; left: 400px; top: 160px; width: 465px; height: 250px; }

.eighthImage {position: absolute; left: 220px; top: -8px; width: 95px; height: 51px;}
.eighthImageMove {position: absolute; left: 410px; top: 130px; width: 458px; height: 245px; }

.ninthImage {position: absolute; left: 260px; top: -10px; width: 61px; height: 64px;}
.ninthImageMove {position: absolute; left: 480px; top: 0px; width: 304px; height: 318px; }

.tenthImage {position: absolute; left: 300px; top: -8px; width: 93px; height: 50px;}
.tenthImageMove {position: absolute; left: 400px; top: 160px; width: 464px; height: 246px; }

.tenth2Image {position: absolute; left: 300px; top: -8px; width: 93px; height: 50px;}
.tenth2ImageMove {position: absolute; left: 450px; top: 20px; width: 464px; height: 246px; }

.eleventhImage {position: absolute; left: 400px; top: -8px; width: 93px; height: 50px;}
.eleventhImageMove {position: absolute; left: 430px; top: 120px; width: 464px; height: 246px; }

.twelvthImage {position: absolute; left: 400px; top: -8px; width: 93px; height: 50px;}
.twelvthImageMove {position: absolute; left: 410px; top: 180px; width: 464px; height: 246px; }


.infoSection h3 { padding:0; font-size: 25px; color: #888; margin: 0px 0 0 65px;  }
.buffer {width: 629px; height: 80px; }


#topHeader img {display:inline; position: absolute; top: 10px; left: 15px;}
#topHeader p.first {width: 450px; display: inline; position: absolute; top: 40px; left: 230px; color: #666; font-size: 14px; }
#topHeader p.second {width: 430px; display: inline; position: absolute; top: 120px; left: 240px; color: #666; font-size: 14px; }
#topHeader a {position: absolute; display: block; width: 132px; height: 50px; right: 60px;}
#topHeader a#freeTrial {background: url(http://crm-newsletter.com/website/images_MortgagePlannerCRM/freeTrialButton.png) no-repeat top left; top: 45px; }
#topHeader a#freeTrial:hover {background: url(http://crm-newsletter.com/website/images_MortgagePlannerCRM/freeTrialButton_over.png) no-repeat top left; top: 45px; }

#topHeader a#watchDemo {background: url(http://crm-newsletter.com/website/images_MortgagePlannerCRM/watchDemoButton.png) no-repeat top left; top: 90px; }
#topHeader a#watchDemo:hover {background: url(http://crm-newsletter.com/website/images_MortgagePlannerCRM/watchDemoButton_over.png) no-repeat top left; top: 90px; }


#topHeader div#contactUs { width: 200px; position: absolute; bottom: 35px; right: 7px; }
body #topHeader div#contactUs h4 { font-size: 12px; color: #39F; margin:0; padding:0; font-style: italic;}
div#contactUs h5 { font-size: 12px; color: #666; margin:0 0 0 30px; padding:0; font-style: italic; }

#mainContentWrapper h1#pageTitle {padding: 0; margin:0; font-size: 40px; color: #999; width: auto; background: none; }
#mainContentWrapper h1#pageTitle span {color: #39F; }