/* Imported Fonts */ @font-face { font-family:'OpenSans'; src:url('fonts/open-sans/OpenSans-Regular-webfont.eot'); src:url('fonts/open-sans/OpenSans-Regular-webfont.eot%3F') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Regular-webfont.svg') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'OpenSansItalic'; src:url('fonts/open-sans/OpenSans-Italic-webfont.eot'); src:url('fonts/open-sans/OpenSans-Italic-webfont.eot%3F') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Italic-webfont.svg') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'OpenSansBold'; src:url('fonts/open-sans/OpenSans-Bold-webfont.eot'); src:url('fonts/open-sans/OpenSans-Bold-webfont.eot%3F') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Bold-webfont.svg') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'OpenSansLight'; src:url('fonts/open-sans/OpenSans-Light-webfont.eot'); src:url('fonts/open-sans/OpenSans-Light-webfont.eot%3F') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Light-webfont.svg') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'OpenSansLightItalic'; src:url('fonts/open-sans/OpenSans-LightItalic-webfont.eot'); src:url('fonts/open-sans/OpenSans-LightItalic-webfont.eot%3F') format('embedded-opentype'), url('fonts/open-sans/OpenSans-LightItalic-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-LightItalic-webfont.ttf') format('truetype'),url('fonts/open-sans/OpenSans-LightItalic-webfont.svg') format('svg'); font-weight:normal; font-style:normal; } /*@font-face { font-family:'OpenSansSemibold'; src:url('fonts/open-sans/OpenSans-Semibold-webfont.eot'); src:url('fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight:normal; font-style:normal; }*/ /*@font-face { font-family:'OpenSansSemiboldItalic'; src:url('fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot'); src:url('fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); font-weight:normal; font-style:normal; }*/ /*@font-face { font-family:'OpenSansBoldItalic'; src:url('fonts/open-sans/OpenSans-BoldItalic-webfont.eot'); src:url('fonts/open-sans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-BoldItalic-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); font-weight:normal; font-style:normal; }*/ /*@font-face { font-family:'OpenSansExtrabold'; src:url('fonts/open-sans/OpenSans-ExtraBold-webfont.eot'); src:url('fonts/open-sans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-ExtraBold-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg'); font-weight:normal; font-style:normal; }*/ /*@font-face { font-family:'OpenSansExtraboldItalic'; src:url('fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot'); src:url('fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg'); font-weight:normal; font-style:normal; }*/ /* Compiled CSS Reset By Larrie Bernd Rocha */ /* Reset All HTML elements */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, 0time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } body { margin:0; padding:0; } ol, ul { list-style:none; } blockquote, q { quotes:"\201C" "\201D"; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } table { border-collapse:collapse; border-spacing:0; } /* defaults */ html, body { text-align:left; font-family:OpenSans, Arial, Helvetica, sans-serif; font-size:62.5%; font-size:14px; border:0; color:#888; } p, a, blockquote , ul, li { font:normal 14px OpenSans, Arial, Helvetica, sans-serif; color:#888; } h1, h2, h3, h4, h5, h6 { color:#000; } ul, ol, dl, p, h1, h2, h3, h4, h5, h6 { margin-bottom:10px; margin-top:10px; padding:0; } ul ul, ul ol, ol ul, ol ol { margin-bottom:0; margin-top:0; } /* Links */ a { text-decoration:none; outline:none; color:#000; } a:hover { color:#555; } a img { border:none; } :focus { outline:none; } /***** Paragraph styles *****/ p { } /***** Table styles *****/ table { margin:10px 0; padding:0; } caption { font-weight:normal; margin:0; padding:10px 0; } th, td { padding:10px 0; } /***** List styles *****/ ul { list-style-type:disc; } ol { list-style-type:decimal; } ul, ol { margin:0; padding:0; margin-left:20px; } ul ul, ol ol { margin:2px 0 2px 10px; } li { margin-bottom:10px; padding:0; } /***** BlockQuote styles *****/ blockquote { margin:0 0 0 10px; padding:10px 0; } blockquote p { margin:0; display:inline; } /***** Form styles *****/ input, textarea, select { margin:0; padding:4px; background-color:#fff; border:1px solid #000; color:#000; } label { display:inline-block; margin:6px 0; font:bold 12px Arial; } input[type="submit"] { display:inline-block; margin:6px 0; } input[type="text"] { width:250px; background:#eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } textarea { width:400px; background:#eee; resize:none; } /***** IMG style *****/ img.alignleft { margin:0 20px 10px 0; float:left; } img.alignright { margin:0 0px 10px 20px; float:right; } img.aligncenter { text-align:center; display:block; } /***** Standard Classes *****/ .alignleft { float:left; } .alignright { float:right; } .aligncenter { margin-left:auto; margin-right:auto; } .clear { clear:both; } .clearleft { clear:left; } .clearright { clear:right; } .noborder { border:none; } .italic { font-style:italic; } .bold { font-weight:bold; } .hidden, .hide { display:none; } .textleft { text-align:left; } .textright { text-align:right; } .textcenter { text-align:center; } .allcaps { text-transform:uppercase; } .capitalize { text-transform:capitalize; } .serif { font-family:Georgia, "Times New Roman", serif; } .nomargin { margin:0; } .margin-top { margin-top:18px; } .noborder { border:0; } .nobullet li { list-style:none; margin:0; } /* End of Reset */ body { background-color:#f5f5f5; } .wrap { width:960px; margin:0 auto; } .divider { height:2px; width:960px; margin:0 auto; background:url(images-v2/layout/divider.png) no-repeat; } .signup { display:inline-block; width:195px; padding:8px 0 9px; background:url(images-v2/buttons/button-bg.jpg) no-repeat; font:24px "OpenSansLight"; text-align:center; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.37); } .signup:hover {color: #fff; text-shadow:0px -1px 0 rgba(0,0,0,0.50); } #header { z-index:2; overflow:visible; position:relative; min-width:960px; height:76px; background:url(images-v2/layout/header-bg.png) repeat-x; } #header h1 { margin:0 } #header a.logo { display:block; float:left; width:237px; height:45px; margin:15px 0 0 13px; background:url(images-v2/logo2.png) no-repeat; text-indent:-9999px; } #header .right { float:right; width:630px; margin-top:21px; } #header .right .trial-button { float:right; padding:6px 13px; margin-right:15px; color:#fcfcfc; background:#eb8735; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; font:14px OpenSans; } #nav { display:block; float:right; margin:0 12px 0 0; padding:0; max-width:500px; list-style:none; overflow:hidden; white-space:nowrap; } #nav li, #nav li a { display:inline-block; position:relative; padding:0; margin:0; } #nav li a { padding:6px 14px 29px; color:#595959; font:14px/19px OpenSans; text-shadow:1px 1px 0 rgba(255,255,255,0.5); } #nav li a:hover , #nav li.current-menu-item a, #nav li.current_page_item a { background:url(images-v2/layout/nav/default/hover.jpg) no-repeat center bottom; color:#f15d2d; } #nav li.menu-login a:hover , #nav li.current-menu-item.menu-login a, #nav li.current_page_item.menu-login a { background:url(images-v2/layout/nav/default/hover-login.jpg) no-repeat center bottom; color:#f15d2d; } .orange-menu #nav li a:hover , .orange-menu #nav li.current-menu-item a, .orange-menu #nav li.current_page_item a { background:url(images-v2/layout/nav/orange/hover.jpg) no-repeat center bottom; color:#f15d2d; } .orange-menu #nav li.menu-features a:hover , .orange-menu #nav li.current-menu-item.menu-features a, .orange-menu #nav li.current_page_item.menu-features a { background:url(images-v2/layout/nav/orange/hover-features.png) no-repeat center bottom; } .orange-menu #nav li.menu-plans a:hover , .orange-menu #nav li.current-menu-item.menu-plans a, .orange-menu #nav li.current_page_item.menu-plans a { background:url(images-v2/layout/nav/orange/hover-plans.png) no-repeat center bottom; } .orange-menu #nav li.menu-guides a:hover , .orange-menu #nav li.current-menu-item.menu-guides a, .orange-menu #nav li.current_page_item.menu-guides a { background:url(images-v2/layout/nav/orange/hover-guides.png) no-repeat center bottom; } .orange-menu #nav li.menu-about a:hover , .orange-menu #nav li.current-menu-item.menu-about a, .orange-menu #nav li.current_page_item.menu-about a { background:url(images-v2/layout/nav/orange/hover-about.png) no-repeat center bottom; } .orange-menu #nav li.menu-company a:hover , .orange-menu #nav li.current-menu-item.menu-company a, .orange-menu #nav li.current_page_item.menu-company a { background:url(images-v2/layout/nav/orange/hover-about.png) no-repeat center bottom; } .orange-menu #nav li.menu-login a:hover , .orange-menu #nav li.current-menu-item.menu-login a, .orange-menu #nav li.current_page_item.menu-login a { background:url(images-v2/layout/nav/orange/hover-login.png) no-repeat center bottom; } /* Homepage Sections */ #home-middle{ z-index:1; position:relative; margin-top:-6px; height:421px; min-width:960px; background:url(images-v2/layout/home-middle-bg.jpg) repeat-x center; } #home-middle .wrap { position:relative; display:block; height:421px; width:960px; overflow:visible; } #home-middle .wrap .shadow { position:absolute; width:960px; height:12px; bottom:0; /* background:url(images-v2/layout/home-middle-shadow.png) no-repeat center; */ } #home-middle .announcement { position:absolute; top:0; right:14px; width:173px; height:44px; padding:5px 0; background:url(images-v2/layout/announce-bg.png) no-repeat; font:22px "reklame-script-1"; text-align:center; color:#e3eaec; } #home-middle .peldi-image { background:url(images-v2/layout/peldi-image.jpg) no-repeat center;} #home-middle .try-peldi { font-family:"reklame-script-1"; font-size:20px; } #home-middle .chart-pointer { position:absolute; top:332px; left:14px; width:266px; height:43px; background:url(images-v2/layout/arrow-bg.png) no-repeat right bottom; font:30px "reklame-script-1"; color:#acacac; text-shadow:1px 1px 0 rgba(255,255,255,0.21); } #home-middle iframe { background:#fff; } #home-middle .caption { padding:4px 10px; font:18px "OpenSansLight"; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.45); } #home-middle .credit { position:absolute; right:0; bottom:4px; color:#6c6c6c; font:11px Arial; } #home-middle .quote { width:572px; padding-top:109px; text-align:right; } #home-middle .quote .text { display:inline-block; font:30px 'OpenSansLightItalic'; color:#383a3c; } #home-middle .quote .author { margin:10px 14px 30px; font:14px 'OpenSans'; color:#7d8387; } #home-middle .quote .signup { margin-right:14px; } #home-chart { position:relative; min-width:960px; background:#e9e9e9; border-bottom:1px solid #dddddd; } .chart { position:absolute; bottom:-354px; left:45px; -moz-box-shadow:0 5px 8px rgb(0,0,0,0.44); -webkit-box-shadow:0 5px 8px rgb(0,0,0,0.44); box-shadow:0 5px 8px rgb(0,0,0,0.44); } #home-features { min-width:960px; background:url(images-v2/layout/home-features-bg.jpg) repeat-x; } #home-features .col { float:left; width:314px; height:487px; } #home-features .divider {float:left; width:1px; height:487px; background:url(images-v2/layout/home-features-divider.jpg) no-repeat; } #home-features .col-1 { padding:0 25px 0 9px; width:280px; } #home-features .col-2 { padding:0 24px; width:280px; } #home-features .col-3 { padding:0 9px 0 25px; width:280px; } #home-features .col:hover { background:#f5f5f5; } #home-features .col .heading { padding-top:65px; margin-left:5px; margin-bottom:20px; font:24px "OpenSansLight"; color:#eb8735; } #home-integrations { min-width:960px; margin:35px 0 20px; padding-bottom:55px; color:#eb8735; background:url(images-v2/layout/bottom-divider-shadow.png) no-repeat bottom; text-align:center; } #home-integrations a { margin-left:20px; display:inline-block; height:25px; text-indent:-9999px; vertical-align:middle; } #home-integrations .icon-adwords { width:130px; background:url(images-v2/icons/icon-adwords.png%3Fv2) no-repeat; } #home-integrations .icon-analytics { width:118px; background:url(images-v2/icons/icon-analytics.png%3Fv2) no-repeat; } #home-integrations .icon-authorize-net { width:112px; height:30px; background:url(images-v2/icons/icon-authorize-net.png%3Fv2) no-repeat; } #home-integrations .icon-aweber { width:76px; background:url(images-v2/icons/icon-aweber.png%3Fv2) no-repeat; } #home-integrations .icon-campaign-monitor { width:149px; height:30px; background:url(images-v2/icons/icon-campaign-monitor.png%3Fv2) no-repeat; } #home-integrations .icon-checkout { width:158px; height:30px; background:url(images-v2/icons/icon-checkout.png%3Fv2) no-repeat; } #home-integrations .icon-facebook { width:82px; background:url(images-v2/icons/icon-facebook.png%3Fv2) no-repeat; } #home-integrations .icon-gmail { width:49px; background:url(images-v2/icons/icon-gmail.png%3Fv2) no-repeat; } #home-integrations .icon-mailchimp { width:121px; height:30px; background:url(images-v2/icons/icon-mailchimp.png%3Fv2) no-repeat; } #home-integrations .icon-paypal { width:63px; background:url(images-v2/icons/icon-paypal.png%3Fv2) no-repeat; } #home-integrations .icon-rss { width:51px; background:url(images-v2/icons/icon-rss.png%3Fv2) no-repeat; } #home-integrations .icon-google-docs { width:95px; height:25px; background:url(images-v2/icons/icon-googledocs.png%3Fv2) no-repeat 0 -3px; } #home-integrations .icon-spreedly { width:139px; height:30px; background:url(images-v2/icons/icon-spreedly.png%3Fv3) no-repeat; } #home-integrations .icon-stripe { width:63px; height:25px; background:url(images-v2/icons/icon-stripe.png%3Fv2) no-repeat; } #home-integrations .icon-twitter { width:85px; background:url(images-v2/icons/icon-twitter.png%3Fv2) no-repeat; } #home-integrations .icon-intercom { width:120px; height:33px; background:url(images-v2/icons/icon-intercom.png%3Fv2) no-repeat; } #home-testimonials { min-width:960px; } #home-testimonials .col { float:left; width:276px; padding-bottom:20px; text-shadow:1px 1px 0 rgba(255,255,255,0.51); } #home-testimonials blockquote { margin-bottom:0; padding-bottom:0; font:14px "OpenSansItalic"; text-indent:-5px; color:#888; } #home-testimonials .highlight { font:14px "OpenSansLightItalic"; color:#eb8735; } #home-testimonials .final-message { padding:40px 0 60px; font:30px "OpenSansLight"; text-align:center; color:#eb8735; text-shadow:1px 1px 0 rgba(255,255,255,0.28); } /* End of Homepage Sections */ /* Orange Section */ #orange-section { padding:18px 0 19px; margin-top:-6px; background:#eb8735 url(images-v2/layout/orange-section-bg.jpg) repeat-y center top; text-align:center; } #orange-section .title { font:24px "OpenSansLight"; color:#fff; } /* Sub Navigation */ #sub-navigation { height:40px; background:#ededed; } #sub-navigation .wrap { width:940px; padding:0 10px; } #sub-navigation ul, #sub-navigation li { margin:0; padding:0; } #sub-navigation li { display:inline-block; } #sub-navigation li a { display:inline-block; padding:9px 28px; font:16px "OpenSans"; color:#595959; text-shadow:1px 1px 0 rgba(255,255,255,0.33); } #sub-navigation li.selected { padding-bottom:6px; background:url(images-v2/layout/sub-navigation-arrow.png) no-repeat center bottom; } #sub-navigation li.selected a, #sub-navigation li a:hover { background:#b6d6e3; } /* Marketing Plan Section */ #marketing-plan { cursor:default; width:660px; margin-top:23px; border-top:2px solid #eb8735; } #marketing-plan .plan-heading { padding:13px 0; border-bottom:1px solid #e6e6e6; font:18px "OpenSansLight"; color:#6d6d6d; text-align:center; background:#fcfcfc; text-shadow:1px 1px 0 #fff; } #marketing-plan a { cursor:pointer; } #marketing-plan #pricing { text-align:center; border-bottom:1px solid #e6e6e6; background:#fcfcfc; } #marketing-plan #pricing .price { display:block; padding:25px 0 30px 40px; } #marketing-plan #pricing .price .value { font:60px "OpenSansLight"; color:#eb8735; } #marketing-plan #pricing .price .per { font-family: "OpenSansLight"; color:#b5b5b5; } #marketing-plan #pricing .button { display:inline-block; padding:6px 28px; background:#eb8735; font:14px "OpenSans"; color:#fff; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; } #marketing-plan #pricing .note { display:block; margin:12px 0 15px; font:18px "OpenSansLight"; color:#cccccc; } #marketing-plan #features { padding:34px 0 0 20px; border-bottom:2px solid #d6d6d6; background:#fcfcfc; } #marketing-plan #features .feature { display:block; float:left; width:136px; padding-left:27px; margin-right:66px; margin-bottom:25px; font:18px "OpenSansLight"; color:#6d6d6d; } #marketing-plan #features .third { margin-right:0; } #marketing-plan #features .story-points { background:url(images-v2/content/marketing-plan/icon-story-points.png) no-repeat left 3px; } #marketing-plan #features .forecasting { background:url(images-v2/content/marketing-plan/icon-forecasting.png) no-repeat left 3px; } #marketing-plan #features .email-reports { background:url(images-v2/content/marketing-plan/icon-email-reports.png) no-repeat left 3px; } #marketing-plan #features .share-chart-sets { background:url(images-v2/content/marketing-plan/icon-share-chart-sets.png) no-repeat left 3px; } #marketing-plan #features .multi-user { background:url(images-v2/content/marketing-plan/icon-multi-user.png) no-repeat left 3px; } #marketing-plan #features .report-folders { background:url(images-v2/content/marketing-plan/icon-report-folders.png) no-repeat left 3px; } #marketing-plan #includes { padding:5px 0 0 20px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d7d7d7; background:#efefef; } #marketing-plan #includes .heading { margin-bottom:15px; margin-left:-20px; font:24px "OpenSansLight"; color:#8d8d8d; text-align:center; } #marketing-plan #includes .include { display:block; float:left; width:175px; padding-left:27px; margin-right:27px; margin-bottom:25px; font:14px "OpenSansLight"; color:#8d8d8d; } #marketing-plan #includes .third { width:155px; margin-right:0; } #marketing-plan #includes .story-points { background:url(images-v2/content/marketing-plan/icon-story-points.png) no-repeat left top; } #marketing-plan #includes .unlimited-chart-sets { background:url(images-v2/content/marketing-plan/icon-unlimited-chart-sets.png) no-repeat left top; } #marketing-plan #includes .unlimited-calculation-lines { background:url(images-v2/content/marketing-plan/icon-unlimited-calculation-lines.png) no-repeat left top; } #marketing-plan #includes .unlimited-updates { background:url(images-v2/content/marketing-plan/icon-unlimited-updates.png) no-repeat left top; } #marketing-plan #includes .ssl-security { background:url(images-v2/content/marketing-plan/icon-ssl-security.png) no-repeat left top; } #marketing-plan #includes .incredible-support { background:url(images-v2/content/marketing-plan/icon-incredible-support.png) no-repeat left top; } #marketing-plan #integrations { padding:27px 0 33px 0; background:#fcfcfc; } #marketing-plan #integrations .heading { margin-bottom:25px; margin-left:-20px; font:24px "OpenSansLight"; color:#8d8d8d; text-align:center; } #marketing-plan #integrations .three-cols { background:#fcfcfc url(images-v2/content/marketing-plan/integration-three-cols.jpg) repeat; } #marketing-plan #integrations .integration-category { width:200px; float:left; margin-right:30px; margin-bottom:30px; } #marketing-plan #integrations .third { margin-right:0; } #marketing-plan #integrations .integration-category .integration-category-name { padding:6px 0 5px 48px; background:#b6d6e3; font:14px "OpenSansLight"; color:#4d4d4d; } #marketing-plan #integrations .integration-category .item { display:block; padding:15px 0 15px 46px; font:14px "OpenSansLight"; color:#808080; } #marketing-plan #integrations .integration-category .mailchimp { background:url(images-v2/content/marketing-plan/icon-mailchimp.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .campaign-monitor { background:url(images-v2/content/marketing-plan/icon-campaign-monitor.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .aweber { background:url(images-v2/content/marketing-plan/icon-aweber.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .paypal { background:url(images-v2/content/marketing-plan/icon-paypal.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .google-checkout { background:url(images-v2/content/marketing-plan/icon-google-checkout.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .authorize-net { background:url(images-v2/content/marketing-plan/icon-authorize-net.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .spreedly { background:url(images-v2/content/marketing-plan/icon-spreedly.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .stripe { background:url(images-v2/content/marketing-plan/icon-stripe.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .google-docs { background:url(images-v2/content/marketing-plan/icon-google-docs.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .excel { background:url(images-v2/content/marketing-plan/icon-excel.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .csv { background:url(images-v2/content/marketing-plan/icon-csv.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .google-analytics { background:url(images-v2/content/marketing-plan/icon-google-analytics.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .intercom { background:url(images-v2/content/marketing-plan/icon-intercom.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .google-adwords { background:url(images-v2/content/marketing-plan/icon-google-adwords.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .gmail { background:url(images-v2/content/marketing-plan/icon-gmail.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .feeds { background:url(images-v2/content/marketing-plan/icon-feeds.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .twitter { background:url(images-v2/content/marketing-plan/icon-twitter.png) no-repeat 19px center; } #marketing-plan #integrations .integration-category .facebook { background:url(images-v2/content/marketing-plan/icon-facebook.png) no-repeat 19px center; } #marketing-plan #bottom-arrow { display:block; height:29px; background:url(images-v2/content/marketing-plan/bottom-arrow.png) no-repeat top; } #marketing-plan #buttons { padding:30px 0 60px; text-align:center; } #marketing-plan #buttons .large-button { display:inline-block; padding:10px 30px 10px; background:#eb8735; font:24px "OpenSansLight"; color:#fff; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; } #faqs { padding-top:40px; background:#eeeeee; text-shadow:1px 1px 0 #fff; text-shadow: 1px 1px 1px #fff; } #faqs .wrap{ padding:0 10px; } #faqs .faq { float:left; width:278px; min-height:175px; margin-right:37px; margin-bottom:35px; } #faqs .third { margin-right:0; } #faqs .faq .question { min-height:40px; font:16px "OpenSans"; color:#6d6d6d; } #faqs .faq p { font:14px "OpenSansLight"; color:#808080; } #faqs .faq a { color:#eb8735; } /* Three Column Content */ #three-cols-content { } #three-cols-content p { margin:15px 0; font:14px "OpenSans"; color:#6d6d6d; } #three-cols-content img { border:10px solid #e6e7e8; } #three-cols-content .wrap { width:940px; padding:0 10px; } #three-cols-content .content { width:606px; } #three-cols-content .sidebar { width:284px; } #three-cols-content .heading { font:24px "OpenSansLight"; color:#eb8735; } #three-cols-content .content-sidebar { background:#f5f5f5; padding:10px 0; } #three-cols-content .content-sidebar .content { float:left; } #three-cols-content .content-sidebar .sidebar { float:right; } #three-cols-content .content-sidebar .sidebar p { color:#b5b5b5; } #three-cols-content .sidebar-content { padding:10px 0; background:#ededed; } #three-cols-content .sidebar-content .sidebar { float:left; } #three-cols-content .sidebar-content .content { float:right; } #three-cols-content .three-cols { padding:10px 0; background:#f5f5f5; } #three-cols-content .three-cols .col { width:284px; float:left; margin-right:44px; } #three-cols-content .three-cols .third { margin-right:0; } #three-cols-content .three-cols .divider { width:796px; height:2px; margin:30px 0; background:url(images-v2/layout/divider-bg.jpg); border:none; } #three-cols-content .three-cols .italic {font-family:OpenSansLightItalic; font-style:normal; } /* Integration Page Content */ #integration-content { padding-bottom:150px; } #integration-content .wrap { width:980px; } #integration-content .heading { margin-top:64px; margin-bottom:15px; padding:10px 0 9px 80px; font:24px "OpenSansLight"; color:#eb8735; } #integration-content .email-marketing { background:url(images-v2/content/integration/heading-email-marketing.png) no-repeat 23px 5px; } #integration-content .revenue { background:url(images-v2/content/integration/heading-revenue.png) no-repeat 23px 5px; } #integration-content .spreadsheets { background:url(images-v2/content/integration/heading-spreadsheets.png) no-repeat 21px 9px; } #integration-content .web-analytics { background:url(images-v2/content/integration/heading-web-analytics.png) no-repeat 21px 6px; } #integration-content .advertising { background:url(images-v2/content/integration/heading-advertising.png) no-repeat 23px 5px; } #integration-content .tools { background:url(images-v2/content/integration/heading-tools.png) no-repeat 13px 0; } #integration-content .social { background:url(images-v2/content/integration/heading-social.png) no-repeat 23px 5px; } #integration-content .item-box { width:810px; min-height:100px; padding-top:24px; padding-bottom:20px; padding-left:48px; margin:0 auto; background:#fcfcfc; border:1px solid #ededed; border-bottom:none; } #integration-content .item-box .close { float:right; margin-top:-11px; margin-right:11px; display:block; width:16px; height:16px; background:url(images-v2/content/integration/close-button.png) no-repeat; text-indent:-9999px; cursor:pointer; } #integration-content .item-box .top { width:720px; margin-bottom:45px; } #integration-content .item-box .logo { float:left; margin-right:15px; } #integration-content .item-box .title { display:inline-block; margin-right:10px; margin-top:6px; margin-bottom:10px; font:24px "OpenSansLight"; color:#75b1c9; } #integration-content .item-box .site { display:inline-block; } #integration-content .item-box p { font:14px OpenSans; color:#6d6d6d; text-shadow:1px 1px 0 #fff; } #integration-content .image { float:left; } #integration-content .imports { float:right; width:256px; min-height:231px; padding:22px; background:#d8dfe1; } #integration-content .item-box * { text-shadow:1px 1px 0 #fff; color:#6d6d6d; } #integration-content .imports .import-title { font:18px OpenSans; margin-bottom:15px; } #integration-content ul, #integration-content li { margin:0; padding:0; list-style:none; line-height:23px; } #integration-content .subtitle { margin-top:37px; margin-bottom:10px; font:18px OpenSansLight; color:#eb8735; } #integration-content .item-box-signup { float:right; margin-right:80px; margin-top:69px; padding:8px 25px; background:#eb8735; font:18px OpenSans; color:#fff; text-shadow:none; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } #integration-content .ideas-calculation-lines span { font:14px "OpenSans"; color:#b5b5b5; } #integration-content .ideas-calculation-lines strong { font:14px "OpenSansBold"; color:#6d6d6d; } #integration-content .integration-group { margin-bottom:22px; background:#f2f2f2; border-top:1px solid #ededed; border-bottom:1px solid #ededed; } #integration-content .item { min-height:170px; margin:9px 10px -12px 0; padding:0 14px 0 18px; float:left; background:#ededed; cursor:pointer; } #integration-content .last { margin-right:0; } #integration-content .three-items .item { width:288px; } #integration-content .two-items .item { width:453px; } #integration-content .item .title { margin-top:20px; margin-bottom:20px; text-decoration:underline; } #integration-content .item .title , #integration-content .item .title a { font:18px "OpenSansLight"; color:#75b1c9; } #integration-content .item .item-logo { float:left; } #integration-content .item p { margin-left:74px; font:14px/16px OpenSans; color:#6d6d6d; text-shadow:1px 1px 0 #fff; } #integration-content .more { display:block; float:right; margin-top:130px; margin-right:18px; font:18px "OpenSansLightItalic"; color:#75b1c9; } #integration-content .integration-group, #integration-content .integration-group .wrap { } #integration-content .integration-group .selected { min-height:179px; margin-top:-1px; background:#75b1c9; } #integration-content .integration-group .selected .arrow { display:block; width:12px; height:6px; margin:-6px auto 0; background:url(images-v2/content/integration/arrow-top.png) no-repeat; } #integration-content .integration-group .selected .title { margin-top:30px; } #integration-content .integration-group .selected .title , #integration-content .integration-group .selected .title a { color:#ffffff; } #integration-content .integration-group .selected p { color:#4a4a4a; text-shadow:1px 1px 0 rgba(255,255,255,0.16); } /* The Team Page Content */ #team-content .wrap { padding:47px 0 200px 13px; } #team-content .heading1 { font:20px "OpenSansLight"; color:#595959; } #team-content .heading2 { font:30px "OpenSansLight"; color:#595959; } #team-content .separator { margin:45px 0; display:block; width:960px; height:2px; background:url(images-v2/content/the-team/separator.png) no-repeat; border:none; text-indent:-9999px; } #team-content .title { margin-bottom:35px; font:24px "OpenSansLight"; color:#eb8735; } #team-content .member { display:block; float:left; width:277px; margin-right:53px; margin-bottom:45px; } #team-content .last { margin-right:0; } #team-content .member .heading .name { font:18px "OpenSans"; color:#75b1c9; } #team-content .member .heading .position { font:14px "OpenSansLight"; color:#b5b5b5; } #team-content .member .photo { float:left; margin-top:12px; } #team-content .member .description { margin-left:149px; } #team-content .member .description p { font:14px/16px "OpenSans"; color:#6d6d6d; } #team-content .member .description a { font:12px "OpenSans"; color:#eb8735; } /* Features and Security Pages */ #features-content .maincontent { float:left; width:630px; padding-top:61px; padding-bottom:108px; } #features-content .maincontent .feature-image { margin-bottom:30px; } #features-content .maincontent .feature-text { width:209px; margin-top:20px; margin-left:10px; } #features-content .maincontent .feature-text, #features-content .maincontent .feature-text p { font:14px/18px OpenSans; color:#6d6d6d; text-shadow:1px 1px 0 #fff; } #features-content .maincontent .feature-text .practices-list, #features-content .maincontent .feature-text .practices-list li { margin:0; list-style:none; } #features-content .maincontent .feature-text .practices-list { margin-top:10px; margin-bottom:30px; } #features-content .maincontent .feature-text .practices-list li { padding-left:12px; background:url(images-v2/content/features/li-bg.png) no-repeat left 10px; } #features-content .maincontent .feature-text .title { font:24px OpenSansLight; color:#75b1c9 } #features-content .maincontent .divider { clear:both; width:100%; height:2px; margin-bottom:45px; background:url(images-v2/content/features/divider.png) no-repeat; border:none; } #features-content .maincontent .title { font:24px OpenSansLight; color:#75b1c9; } #features-content .maincontent .heading { font:24px OpenSansLight; color:#EB8735; } #features-content .maincontent .divider { clear:both; width:100%; height:2px; margin-bottom:45px; background:url(images-v2/content/features/divider.png) no-repeat; border:none; } #features-content .maincontent .divider2 { clear:both; width:100%; height:2px; background:url(images-v2/content/features/divider.png) no-repeat; border:none; } #features-content .maincontent a { color:#75B1C9; } #features-content .maincontent .qa_block { padding-bottom:20px; margin-bottom:20px; background:url(images-v2/content/features/divider.png) no-repeat bottom; } #features-content .maincontent .qa_block .title { color:#EB8735; font-size:20px; } #features-content .maincontent .questions { padding:0; margin:0; } #features-content .maincontent .questions li { list-style:none; } #features-content .sidebar { float:right; width:298px; margin-bottom:20px; background:#fcfcfc; border-left:1px solid #ededed; border-right:1px solid #ededed; } #features-content .sidebar .content { padding:23px 30px 0; } #features-content .sidebar .title { font:24px OpenSansLight; color:#eb8735; } #features-content .sidebar * { text-shadow:1px 1px 0 rgba(255,255,255,0.33); font:14px OpenSansLight; color:#595959; } #features-content .sidebar ul, #features-content .sidebar li { margin:0; padding:0; list-style:none; } #features-content .sidebar ul { margin-bottom:8px; } #features-content .sidebar li { padding-left:10px; background:url(images-v2/content/features/li-bg.png) no-repeat left 12px; font-size:18px; color:#595959; } #features-content .sidebar .caption { margin:10px 0 15px; text-align:center; } #features-content .sidebar .bottom { padding:20px; background:#d8dfe1 url(images-v2/content/features/sidebar-bottom-bg.jpg) no-repeat top; text-align:center; } #features-content .sidebar .bottom .heading-1 { font-size:20px; } #features-content .sidebar .bottom .heading-2 { font-size:14px; } #features-content .sidebar .bottom .button { display:inline-block; margin-top:14px; padding:1px 22px 3px; background:#eb8735; font:18px/26px OpenSansLight; color:#fbfbfb; text-shadow:none; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; } /* - footer - */ #footer { min-width:960px; padding:40px 0 60px; background:#2b2b2b; } #footer, #footer a { color:#979797; font:11px "OpenSans"; text-shadow:1px 1px 0 rgba(0,0,0,1) } #footer .wrap { padding:13px 0; } #footer ul { list-style:none; margin:0; padding:0; } #footer li { float:left; margin:0; width:120px; } #footer li li { margin:0; } #footer .right { float:right; text-align:right; color:#6c6c6c; } #footer .right a { padding:0 0 0 20px; color:#e46401; }