#heroBanner .wrapperContainer{padding:30px 0}
#heroBanner .text{width:540px;float:left}
#heroBanner .text .title{margin:0 0 10px;text-transform:capitalize}
#heroBanner .features ul{padding:0;margin:0;list-style:none}
#heroBanner .features li{width:216px;padding:0 0 0 24px;float:left;margin:0 30px 10px 0;position:relative;text-transform:capitalize;font-size:14px}
#heroBanner .features li span{color:#E7B733}
#heroBanner .features [class^="icon18-"]{position:absolute;top:1px;left:0}
.steps{width:100%;padding:0 0 40px;float:left;overflow:hidden;margin:0 0 30px;position:relative;background:url('../images/bg-page-intro-white.png') no-repeat 0 bottom}
.steps .shim{width:400px;height:15px;position:absolute;right:0;bottom:0;background:url('../images/bg-page-intro-white.png') no-repeat right 0}
.steps ol{width:1100px;margin:0;list-style:none}
.steps li{width:250px;padding:50px 75px 0 0;float:left;margin:0 30px 0 0;position:relative}
.steps li span{display:block;overflow:hidden}
.steps li .text{width:250px;position:absolute;top:0;left:0;text-align:center;font-size:19px;color:#0e57aa}
.steps li .arrow{width:75px;height:37px;overflow:hidden;position:absolute;top:140px;right:0;background:url('../images/bg-steps-arrow.png') no-repeat 0 0}
.steps li .image{width:240px;height:240px;margin:0 auto;}
.steps li.step2 .image{background-position:0 -135px}
.steps li.step2 .arrow{background-position:0 -37px}
.steps li.step3 .image{background-position:0 -270px}
.overview{width:100%;float:left;overflow:hidden;margin:0 0 30px}
.overview .overflow{width:1100px;float:left}
.overview .panel{width:285px;padding:0 31px 0 0;float:left;margin:0 30px 0 0;background:url('../images/bg-panel-border.gif') no-repeat right 0}
.overview .panel > *{width:100%;float:left;margin:0 0 10px}
.overview .panel h2{font-size:20px;color:#212121}
.overview .panel p{margin:0 0 10px;font-size:15px;color:#424242}
.overview .panel li{padding:4px 0 0 40px;margin:0 0 10px}
.overview .panel a{color:#336da8}
.overview .panel a:hover{text-decoration:underline}
.overview .why ul{padding:0}
.overview .why li{font-size:15px;color:#424242}
.overview .features p{width:100%}
.overview .features ul{width:100%;float:left;margin-left:0;list-style:none}
.overview .features ul li{position:relative;font-size:15px;color:#848484}
.overview .features [class^="icon24-"]{position:absolute;top:2px;left:0}
.overview .testimonials{width:289px;float:right}
.overview .testimonials p{margin:0}
#featuredIn{width:100%;float:left;overflow:hidden}
#featuredIn ul{width:1100px;float:left;margin:0;list-style:none}
#featuredIn li{width:166px;height:44px;float:left;overflow:hidden;margin:0 0 0 31px;text-indent:-9999em;font-size:30px;color:#0e57aa;background:url('../images/bg-featuredIn.jpg') no-repeat 0 -9999em}
#featuredIn li:first-child{height:auto;margin:0;line-height:28px;-webkit-transform:rotate(-5deg);-o-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);text-indent:0;font-family:'rancho',cursive,arial,sans-serif}
#featuredIn li.net{background-position:0 0}
#featuredIn li.stuff{background-position:0 -44px}
#featuredIn li.mac{background-position:0 -88px}
#featuredIn li.pc{background-position:0 -132px}
.socialReviews .tweet{padding:0 0 55px;display:block;position:relative}
.lt-ie8 .socialReviews .tweet{padding:0 0 40px}
.socialReviews .tweet + .tweet{border:none;margin:0}
.socialReviews .tweet .user{position:absolute;bottom:0;left:0}
.socialReviews .message{padding:15px;border:1px solid #ddd;border-radius:5px;line-height:normal;background:#F8F8F8}
.socialReviews .message:after{content:'';width:40px;height:20px;display:block;overflow:hidden;position:absolute;bottom:36px;left:25px;background:url('../images/bg-testimonial-pointer.png') no-repeat 0 0}
.blogPosts{width:970px;border:1px solid #cdcdcd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.blogPosts .post:first-child{padding-right:3.0%;border-right:1px dotted #cdcdcd}
.blogPosts .post{padding-right:0;margin:32px 0px 20px 2.4%;float:left;width:45%}