#lower-area { width: 940px; padding: 10px; } #lower-area h4 { color: #333; margin-bottom: 3px; font-size:14px; font-weight:bold;} #lower-area h3 { color: #333; font-size: 22px; font-weight:bold;} #lower-area p, #lower-area ul { color: #666; line-height: 160%; } #lower-area p.note { color: #999 !important; } #lower-area h2, #lower-area h3, #lower-area h4, #lower-area h5, #lower-area h6, .action-steps, .action-steps a { font-family: "Lucida Grande",Helvetica,Arial,sans-serif; } #feature-area h2 { color: #000000; font-size: 39px; line-height: 38px; margin-bottom: 8px; } #feature-area h3 { color: #777777; font-size: 26px !important; letter-spacing: -0.02em; line-height: 130%;} #feature-area h4 { color: #006ECE; font-size: 16px; margin-top: 15px; text-align: center; width: 280px;} .section-image-left { float: left; margin-right: 15px; } .section-image-right { float: right; margin-ldeft: 15px; } .section-image-center {margin-left:auto; margin-right:auto;} .caption { color: #525252; font-size: 110%; font-weight: bold; margin-bottom: 30px;margin-left: 10px;} #app-platform #main { position: relative; } #app-platform .divider { background: url("/global_images/products/ios/divider_light.png") no-repeat scroll 50% 0 transparent; height: 50px; margin-top:50px;} #app-platform .main-wrapper { background: url("/site/images/bg_body_bottom_gradient.png") repeat-x scroll 0 100% transparent; } #app-platform ul.bulleted li { padding-bottom:10px;} #app-platform ul.bulleted .last { padding-bottom: 0px !important;} #app-platform ul.bulleted li strong { color:#000;} #app-platform #feature-area { width: 1000px; height: 292px; margin-bottom: 20px; background: url(/global_images/products/ios/overview/feature_bg.png) no-repeat 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #app-platform #feature-area h2 { margin-left: 649px; padding-top:88px; /*font-size:30px;*/ font-size:28px;color:#FFF; text-shadow: 0.1em 0.1em 0.05em #333 !important; letter-spacing: -0.02em; } #app-platform #complete-platform .left-col { float:left; width:311px; padding-right:25px;} #app-platform #complete-platform img { float:right;} #app-platform #complete-platform h2 { font-weight:bold; font-size:24px;} #app-platform #complete-platform h3 { font-size:16px; color:#535353; line-height:24px; font-weight:normal !important;margin-bottom:30px; width: 875px;} #app-platform #build-ios-apps-in-hours p { width:875px; } #app-platform #build-ios-apps-in-hours ul { margin-top:15px; margin-bottom:0px; } #app-platform #everything-you-need img { float:left; } #app-platform #everything-you-need { width:875px;} #app-platform #everything-you-need p { margin-bottom:30px;} #app-platform #everything-you-need .icon-bullet { height:100px; padding-left:120px; margin-top:0px; } #app-platform .share-data { background: url(/global_images/products/ios/overview/icon_share.png) no-repeat 13px 0; padding-top:6px;} #app-platform .integration { background: url(/global_images/products/ios/overview/icon_integration.png) no-repeat 3% 0; padding-top:14px;} #app-platform .automate { background: url(/global_images/products/ios/overview/icon_automate.png) no-repeat 2% 0; padding-top:14px;} #app-platform .secure { background: url(/global_images/products/ios/overview/icon_secure.png) no-repeat 18px 0; padding-top:14px;} #app-platform .after-everything-you-need { margin-top:15px !important;} #app-platform #the-filemaker-platform { width:875px; } #app-platform #build-ios-apps-in-hours img { padding:20px 0;} #app-platform #build-ios-apps-in-hours .left-col { float:left; width:570px; } #app-platform #build-ios-apps-in-hours .quote {float:right; width:260px; height: 168px; background:url(/global_images/products/ios/overview/quote_callout_bg_lg.png) no-repeat; padding:20px; color:#92258b; font-size:14px; font-weight:bold; line-height:20px;} .quote .text-right { float:right; font-weight:normal; color:#333; padding-top:10px; line-height:18px;text-align:right;} #app-platform #instant-app p { width: 450px;} #app-platform #the-filemaker-platform p { width: 875px; } #app-platform #the-filemaker-platform img { margin-top:10px; } .action-steps { margin:0; padding:0; height:195px; } .next-steps { background-color:#DFDFDF; height:27px; margin-bottom:0px!important; padding: 8px 0 0 30px; font-family: "Lucida Grande",Helvetica,Arial,sans-serif !important; font-size:15px!important; font-weight:bold; } .action-steps .offour { width:249px; float:left;height:193px; text-align:center; border-top: #dbdbdb solid 1px; border-right: #dbdbdb solid 1px; margin:0; padding:0; background:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#ffffff)); background:-moz-linear-gradient(100% 100% 90deg, #f5f5f5, #ffffff);} .action-steps .offour:hover { background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5)); background:-moz-linear-gradient(100% 100% 90deg, #ffffff, #f5f5f5);} .action-steps h4 { margin:0 !important; padding-top:5px; padding-bottom:3px; font-size:15px; font-weight:bold;} .action-steps p { padding:0; color: #535353!important; line-height:18px;} .action-steps .step-image { height:110px; margin-top:10px; } .action-steps .firstcolumn { border-left: #dbdbdb solid 1px;} .action-steps .middlecolumn { width:248px;} .action-steps .lastcolumn { padding-right:0;} .action-steps .video-overview .step-image { background: url(/global_images/products/ios/overview/icon_overview2_video_tile.png) no-repeat 50% 50%; } .action-steps .white-paper .step-image { background: url(/global_images/products/ios/overview/icon_white_paper.png) no-repeat 50% 50%; } .action-steps .video-web-seminar .step-image { background: url(/global_images/products/ios/overview/icon_overview_video_tile.png) no-repeat 50% 50%; } .action-steps .gartner .step-image { background: url(/global_images/products/ios/overview/gartner_logo.png) no-repeat 50% 50%; } .action-steps .customer-stories .step-image { background: url(/global_images/products/ios/overview/icon_customer_stories.png) no-repeat 45% -1px; } /* .action-steps .customer-stories .step-image { background: url(/global_images/products/ios/overview/icon_customer_stories_3.png) no-repeat 50% 100%; margin-top:5px; height:120px; } .action-steps .customer-stories h4 { margin-top:-5px !important;} */