/* font-family:'Paytone One', sans-serif; font-family:'Rokkitt', sans-serif; font-family:'Open Sans', sans-serif; font-family:'Exo', sans-serif; */ /* Eric Meyer CSS Reset */ html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, 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, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, header, menu, nav, section { display: block; } body { line-height: 1.2em; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0;} /* Apply a natural box layout model to all elements */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Base Link & Text Structure */ body { color:#404040; font-family: 'Open Sans', sans-serif; margin:0; padding:0; text-align:left; } h2 { color:#222222; font-family:'Paytone One', sans-serif; font-size:46px; font-weight:400; line-height:100%; margin:0 0 .1em 0; padding:0; text-align:center; } h3 { font-family:'Rokkitt', sans-serif; font-size:27px; font-weight:400; line-height:100%; padding:0; text-align:center; } h4 { font-family:'Rokkitt', sans-serif; font-size:33px; font-weight:400; line-height:100%; margin:0 0 .3em 0; padding:0; text-align:center; } h5 { font-family:'Rokkitt', sans-serif; font-size:22px; font-weight:400; line-height:100%; margin:0 0 .1em 0; padding:0; text-align:left; } p { font-size:.9em; line-height:1.3em; margin:0 0 1.5em 0; padding:0; } pre { background-color:#ECE9D0; color:#666; font-family:'Andale Mono',monospace; font-size:.7em; line-height:1.2em; margin:0 0 1em 0;overflow:auto; padding:20px; } pre i { color:#514CD6; font-style:normal;} pre b { color:#BE0009; font-weight:normal; } hr { background:url('../images/post-divider.png') no-repeat center; border:none; height:21px; margin:0; } em {font-style:italic;} a:link, a:visited { text-decoration:none; } a:hover { border-style:solid; } a.button { border-radius:8px; border-width:0; display:block; margin:4px; overflow:hidden; padding:10px; position:relative;z-index:200000; } a.button:hover { background-color:#ECE9D0; box-shadow:1px 2px 8px #999; } a.button span { display:block; float:right; font-size:.9em; padding-top:20px; width:175px; } a.button span strong { font-size:1.4em; } #footer a:link, #footer a:visited { border-color:#FFF; color:#FFF; } .cta-button { display:block; overflow:hidden; padding:10px 0 0; text-align: center; width:100%; } .cta-button#job-apply { padding:0 0 1.5em; } .cta-button#job-apply:last-child { padding:0; } .cta-button a { color:#fff; display:inline-block; font-family: 'Rokkitt', sans-serif; font-size:22px; font-weight:400; margin:0 auto; padding:15px 22px; text-transform:uppercase; -webkit-border-radius: 6px; border-radius: 6px; } .cta-button a:hover { border:none; color:#fff; } .cta-button a.blue { /* original color, changed on 7/28 paulk background:#54a9eb;*/ background:#4994cf; } .cta-button a.blue:hover { /*original color, changed on 7/28 paulbackground:#3a8bca;*/ background: #156cb0; } .cta-button a.green { background:#a0ce7c; } .cta-button a.green:hover { background:#83b35d; } .cta-button a.darkgreen { background:#5b9056; } .cta-button a.darkgreen:hover { background:#43763e; } .cta-button a sub { display:block; font-family:'Open Sans', sans-serif; font-size:14px; line-height:1.3em; text-transform:none; } /* Main Page Structure */ .page { margin:35px auto .5em auto; overflow:hidden; width:960px; /*-- padding:2em 2em 3em 2em; Commented out for box-sizing --*/ } .cols3, .cols4 { overflow:hidden; } .col { float:left; margin:0; } .cols4 .col { margin:0 0 0 24px; width:222px; } .cols3 .col { margin:0 0 0 24px; width:304px; } .cols2 .col { margin:0 0 0 24px; width:468px; } .cols .col:first-child { margin-left:0; } /* For IE placeholder fix */ .hasplaceholder { color:#777; } /* For clearing floats */ .clr {clear:both;} /* self clear all the floats */ .clear:before, .clear:after {content: " "; /* 1 */ display: table; /* 2 */ } .clear:after {clear: both;} /*helper classes */ /*text-center*/ .text-center {text-align:center;} .inline-block {display:inline-block;} /*basic unordered list*/ .unordered { list-style: outside square; line-height: 1.6; margin-left:25px; font-size:.95em;} /*max-width images and images that link*/ .max-image {max-width:100%;} .img-link {width:100%} header { background:url(../images/header-bg.jpg) repeat-x; border-bottom:1px solid #242424; clear:both; color:#222222; font-size:.8em; height:145px; } header span.logo { /*background:url('../images/internet-marketing-logo.png');*/ display: inline-block; height:79px; margin:34px 30px 32px 0; width:225px; } header span.logo-minimal { /*background:url('../images/internet-marketing-logo.png');*/ display:block; height:79px; margin:32px auto 0; width:225px; } /* temp style - logo link - CG */ .logo-link {display:inline-block;} ul#nav { border-bottom:2px solid #959595; display: inline-block; font-family: 'Rokkitt', sans-serif; font-size: 24px; list-style: none; margin: 0; padding: 0 0 4px 0;position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/ top:35px; vertical-align:top; width: 700px; } ul#nav li { float: left; margin: 0 0 -3px; padding: .5em .1em; } ul#nav li a { border-bottom:none; color: #FFFFFF; display: block; padding: 0 .25em; text-decoration: none; } ul#nav li.active { border-bottom:4px solid #fff; margin: 0 0 -7px; } ul#nav li a:hover { color:#81b7e2; } ul#nav li.on:active a, ul#nav li.on:hover a, ul#nav li a[href="/forms/internet-consultant/"]:hover { color:#81b7e2; } ul#nav li span { color: #ffffff; display: none; /*--Hide by default--*/ float: left; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:600; left: 0; padding: 1.25em 0; position: absolute; text-align:left; top:3em; width: 100%; } ul#nav li span a { color:#C0C0C0; display: inline; padding: 0.4em 0.45em; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/ ul#nav li span a:hover {text-decoration: underline;} ul#nav li a[href="/forms/internet-consultant/"] { color:#66CF66; } #nav li.off ul, #nav li.on ul { display: none; height: 1.875em; left: 0; padding-top:0; position: relative; top: 1.25em; } /*put the subnavs below and hide them all*/ ul.single { list-style: square outside !important; -moz-column-count:1 !important; -webkit-column-count:1 !important; column-count:1 !important; } ul.single li { margin:0 0 0 17px !important; } ul.single li strong { font-weight:600; } ul.double { -moz-column-count:2 !important; -webkit-column-count:2 !important; column-count:2 !important; } #nav li.off span { z-index:1; } #nav li.on li:hover { color:#C0C0C0; } #nav li.on span { display: block; } /*display active subnav list*/ /* IE Fix */ #nav li.off ul, #nav li.on ul { /*put the subnav below*/ top: 2.187em; /**top: 2.75em; reposition for IE*/} header .container select { display:none; margin:15px 0 0; vertical-align:top; } header .container select option[value="/"], header .container select option[value="/services/"], header .container select option[value="/tools/"], header .container select option[value="/blog/"], header .container select option[value="/about/"], header .container select option[value="/forms/internet-consultant/"] { font-weight:bold !important; margin:10px 0 0 !important; } header .container select option:nth-of-type(2), header .container select option:last-of-type { display:none; } .centered { text-align:center !important; } .click-nav {float:right; width:150px; } ul#nav .click-nav a.sicon { float:left; background:url('../images/nav-social-icons.png') no-repeat; height:28px; width:28px; margin:5px 8px 0 0; text-indent:-9999px; } ul#nav .click-nav ul a.sicon { margin:0 8px 0 0; } ul#nav .click-nav a.sicon.social-dd-twitter { background-position:-28px 0; } ul#nav .click-nav a.sicon.social-dd-googleplus { background-position:-56px 0; margin:5px 10px 0 0; } ul#nav .click-nav a.sicon.social-dd-linkedin { background-position:-84px 0; } ul#nav .click-nav a.sicon.social-dd-pinterest { background-position:-112px 0; } ul#nav .click-nav a.sicon.social-dd-instagram { background-position:-140px 0; } ul#nav .click-nav a.sicon.social-dd-youtube { background-position:-168px 0; } ul#nav .click-nav a.sicon.social-dd-rss { background-position:-196px 0; margin:0; } ul#nav .click-nav ul li { position:relative; list-style:none; cursor:pointer; padding:0; } .click-nav ul li ul { background:#212121; border-left:2px solid #959595; border-bottom:2px solid #959595; border-right:2px solid #959595; position:absolute; left:-39px; right:0; top:44px; width:186px; padding:0 5px 5px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; } ul#nav .click-nav ul .clicker { padding:0.5em; } .click-nav ul .clicker:hover { background:none; } .click-nav ul .active { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .click-nav ul li a { transition:background-color 0.2s ease-in-out; -webkit-transition:background-color 0.2s ease-in-out; -moz-transition:background-color 0.2s ease-in-out; display:block; padding:8px 10px 8px 40px; text-decoration:none; } /* Fallbacks */ .click-nav .no-js ul {display:none; } .click-nav .no-js:hover ul { display:block; } .wrapper { width:100%; } .container { margin:0 auto; overflow:hidden; width:960px;} .headline { display:inline-block; margin:0 0 30px; position:relative; text-align:center; width:100%; } .headline#sub { margin:0 0 10px; padding:0 4%; } .headline#sub h3 { text-align:center; } .headline a.jump { color:#cdcdcd; font-family:'Rokkitt', sans-serif; font-size:20px; position:absolute; right:30px; text-transform:uppercase; top: -35px; } .headline a.jump:after { background:url('../images/arrow-top.png') no-repeat; content:""; display:inline-block; height:13px; margin:0 0 0 5px; width:7px; } .headline#arrow1 { background:url('../images/arrow1.png') no-repeat center; padding: 25px 0; } .headline#arrow2 { background:url('../images/arrow2.png') no-repeat center; } .headline#arrow3 { background:url('../images/arrow3.png') no-repeat center; } .headline#arrow4 { background:url('../images/arrow4.png') no-repeat center; } .headline#arrow5 { background:url('../images/arrow5.png') no-repeat center; } .headline#arrow6 { background:url('../images/arrow6.png') no-repeat center; } #arrow-interior { background:url('../images/arrow-interior.png') no-repeat center; } .wrapper h3 { font-family: 'Paytone One', sans-serif; font-size:46px; margin:0 2%; } .wrapper p#subhead { font-family: 'Rokkitt', sans-serif; font-size:28px; line-height:100%; margin:10px 2%; padding:0; } .headline { display:inline-block; margin:0 0 30px; position:relative; text-align:center; width:100%; } .splash .container { padding:30px 0 35px; } .splash .splash-title { background:url('../images/splash-title-bg.png') repeat; float:left; font-family: 'Paytone One', sans-serif; margin:30px 0 0; padding:25px 30px; } .splash .splash-title h2 { color:#fff; font-size:32px; text-align:left; text-transform:uppercase; } .splash .splash-title h3 { color:#fff; font-size:26px; text-align:left; text-transform:uppercase; } .splash .splash-description { background:url('../images/splash-description-bg.png') repeat; color:#fff; clear:both; float:left; font-family:'Open Sans', sans-serif; font-size:16.5px; font-weight:600; margin:15px 0; padding:25px 30px; } .splash .splash-description p { line-height:1.4em; margin:0; } .splash .splash-description strong { font-weight:700; } .splash .splash-description em { font-style:italic; } .splash .splash-description ul { line-height:1.75em; margin:0; } .splash .splash-video { float:left; position: relative; padding-bottom: 28%; padding-top: 30px; height: 0; overflow: hidden; width:54%; } .splash-video iframe, .splash-video object, .splash-video embed { position:absolute; top:0; left:0; width:100%; height:100%; } .splash-video iframe { background:#f3f3f3; padding:10px; -webkit-border-radius:8px; border-radius:8px; } .splash .splash-text { float:left; width:42%; margin:0 0 0 4%; } .splash .splash-text h2 { color:#373c3f; font-size:32px; line-height:38px; margin:3% 0; text-align:left; text-transform:uppercase; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; } .splash .splash-text ul { font-size:18px; line-height:2em; margin:0 0 4.75%; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; } .splash .splash-text ul li:before { content:"\25A0"; font-size:14px; padding-right:8px; vertical-align:bottom; } .splash .splash-text ul li.blue:before { color:#1257f9; } .splash .splash-text ul li.red:before { color:#f73c3f; } .splash .splash-text ul li.yellow:before { color:#ffc022; } .splash .splash-text strong { font-weight:700; } .splash .splash-button { background:#43b561; clear:both; color:#fff; float:left; font-family: 'Rokkitt', sans-serif; font-size:28px; font-weight:400; margin:0 auto; padding:20px 30px; text-align:center; text-transform:uppercase; -webkit-border-radius: 6px; border-radius: 6px; } .splash a.splash-button { color:#fff; } .splash a.splash-button:hover { background:#33914d; } .splash .splash-photo { background:url('../images/ninjas-main.jpg') no-repeat; background-size:cover; float:left; position: relative; padding-bottom: 28%; padding-top: 30px; height: 0; overflow: hidden; width:54%; -webkit-border-radius:8px; border-radius:8px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .splash .splash-photo:hover { background:url('../images/ninjas-hover.jpg') no-repeat; background-size:cover; -webkit-border-radius:8px; border-radius:8px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } /*conversion-video-page*/ .video .container { padding:30px 0 35px 0; overflow:visible; height:500px;} .video .conversion-video { float:left; position: relative; padding-bottom: 28%; padding-top: 30px; height: 0; overflow: visible; width:54%; } .conversion-video iframe, .conversion-video object, .conversion-video embed { position:absolute; top:0; left:0; width:100%; height:100%; } .conversion-video iframe { background:#f3f3f3; padding:10px; -webkit-border-radius:8px; border-radius:8px; } .video .conversion-text { float:left; width:40%; margin:0 0 0 6%; } .splash .conversion-text h2 { color:#373c3f; font-size:32px; line-height:38px; margin:3% 0; text-align:left; text-transform:uppercase; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; } .video .conversion-text ul { font-size:16px; line-height:2em; margin:0 0 4.75%; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; } .video .conversion-text ul li:before { content:"\25A0"; font-size:14px; padding-right:8px; vertical-align:bottom; } .video .conversion-text ul li.blue:before { color:#1257f9; } .video .conversion-text ul li.red:before { color:#f73c3f; } .video .conversion-text ul li.yellow:before { color:#ffc022; } .video .conversion-text strong { font-weight:700; } .video .conversion-button { background:#43b561; clear:both; color:#fff; float:left; font-family: 'Rokkitt', sans-serif; font-size:28px; font-weight:400; margin:0 auto; padding:20px 60px; text-align:center; text-transform:uppercase; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; } .video a.conversion-button { color:#fff; } .video a.conversion-button:hover { background:#33914d;} .video-text { position:relative; top:285px; left:0; width:100%; height:100%; } .video-text p {color: #49595F; font-size: 15px; line-height: 25px;} .video-form { width:620px; margin: 0 0 0 180px;} .video-form .contact-form label {width:20%;margin-left:0;padding-left:0;} .video-form .contact-form input.txt {width:440px;} .video-form .contact-form textarea {width:440px;} .video-form .contact-form .cta-button {margin-left:154px;} .featured-about { background:url('../images/content-bg1.jpg') repeat; border-top:solid 2px #eaeaea; border-bottom:solid 2px #eaeaea; padding:50px 0 40px; } .featured-about h3 { font-size:1.95em; margin:0 0 3px; } .small-service-icons { display:block; margin:0 0 20px; text-align:center; } .small-service-icons img { margin:0 40px 0 0; } .small-service-icons img:last-child { margin:0; } .featured-about .col p { line-height:1.7em; } /*new about section classes 5/14*/ /*index page*/ /*giving back and events inline images*/ .figure-about {display: inline-block; position:relative; background:#b5b5b5; border:3px solid #B5B5B5; border-radius: 10px; overflow: hidden;} .figure-about img {display: block;} .figure-about figcaption {position: absolute; bottom:0; z-index:10; background:white; background:rgba(255,255,255,.85); padding:3% 5%; width: 100%;} .figure-about figcaption p{margin-bottom:0;} /*company history timeline*/ /*time-line wrapper*/ .container-timeline { margin:0 auto; padding:3%; width:94%; } /*timeline ordered list*/ .timeline{background:url('../images/timeline-assets/spine.png') top center repeat-y; width:100%; padding:50px 0; margin:0 auto 50px auto; overflow:hidden; list-style:none; position:relative; } /*pseudo elements for circle and arrow indicating the beginning and end of the timeline*/ .timeline:before, .timeline:after{content:" "; width:0; height:0; display:block; position:absolute; top:-8px; left:50%; border: solid transparent; border-color: rgba(136, 183, 213, 0); border-bottom-color: #81b7e2; border-width: 8px; margin-left: -8px; } .timeline:after{margin-left:-5px; background:#81b7e2; width:10px; height:10px; top:auto; bottom:0; border-radius:20px; border:none; } /*pseudo element branches that extend from node events*/ .timeline li:before, .timeline li:after{content:" "; width:25.4%; height:1px; background:#81b7e2; position:absolute; left:100%; top:50%; background:-moz-linear-gradient(0,#33668e,#81b7e2); background:-webkit-gradient(linear,left top,right top,from(#33668e),to(#81b7e2)); } /*timeline list item*/ .timeline li{margin-bottom:20px; padding:1em 3em; box-shadow:0 1px #fff inset; background: url('../images/timeline-assets/timeline-bg.png') white; border: 2px solid rgba(129,183,226,.30); } /*timeline date*/ .timeline-block time {font-size: 22px; font-family:'Paytone One', sans-serif; margin-bottom: .75em; display: block; } /*timeline event description*/ .timeline-block p {line-height: 1.6; } /*timeline event image*/ .timeline-media {border:3px solid #98B4CA; border-radius: 50%; overflow: hidden; vertical-align: middle; display: inline-block; max-width:150px; margin:0 .2em .2em .2em;} /*mission our culture page*/ .mission-points h5 { font-size:25px; margin:20px 0 0 25px;} .featured-tools { padding:50px 0 40px; } .featured-tools .col span { display:block; height:158px; margin:0 auto 1em; width:158px; } .featured-tools .col span.ftool1 { background: url('../images/icons/broken-links-tool-icon.png') no-repeat scroll top left; } .featured-tools .col span.ftool2 { background: url('../images/icons/image-check-tool-icon.png') no-repeat scroll top left; } .featured-tools .col span.ftool3 { background: url('../images/icons/usability-analysis-icon.png') no-repeat scroll top left; } .featured-tools .col span.ftool4 { background: url('../images/icons/social-image-resizer-tool-icon.png') no-repeat scroll top left; } .featured-tools h5 { font-family: 'Rokkitt', sans-serif; font-size:20px; margin:0 0 0.4em; text-align:center;} .featured-tools h5 a { color:#4994cf; } .featured-tools p { font-size:.95em; line-height: 1.65em; padding:0 11px; text-align:center; } .featured-tools .col p { text-align:left; } .featured-testimonials { background:url('../images/content-bg2.jpg') repeat; border-top:solid 2px #acacac; border-bottom:solid 2px #acacac; padding:50px 0 40px; } .featured-testimonials .headline#arrow3 p#subhead { color:#ffffff; font-size:2.125em; } .featured-testimonials p.h-testimonial { background:#ffffff; color:#2d2d2d; padding:20px; -webkit-border-radius: 5px; border-radius: 5px; } .featured-testimonials .blue { border-bottom:solid 3px #4994cf; } .featured-testimonials .green { border-bottom:solid 3px #a0ce7c;} .featured-testimonials p.h-testimonial strong { font-weight:600; } .featured-events { padding:50px 0 40px; } .featured-events .headline#arrow4 p#subhead { font-size:1.41em; } .featured-events h4 { text-align:left; } .featured-events .upcoming { display:inline-block; float:left; margin:8px 0 0; width:222px; } .featured-events .upcoming:nth-child(3), .featured-events .upcoming:nth-child(4),.featured-events .upcoming:nth-child(5) { display:inline-block; margin:8px 0 0 24px; width:222px; } .featured-events .upcoming .eventlogo { background:url('../images/speaking-sprites.jpg') no-repeat; margin-bottom:20px; } .featured-events .upcoming .eventlogo#ses { background-position:0 0; height:43px; margin-top:6px; width:184px; } .featured-events .upcoming .eventlogo#pubcon { background-position:-184px 0; height:49px; width:183px; } .featured-events .upcoming .eventlogo#smx { background-position:-583px 0; height:49px; width:145px; } .featured-events .upcoming .eventlogo#clickz { background-position: 0 -101px; height: 43px; width: 129px; } .featured-events .upcoming .eventlogo#cmoe { background-position: -132px -101px; height: 43px; width: 126px; } .featured-events .upcoming .eventlogo#ungagged { background-position: -258px -98px; height: 46px; width: 139px; } .featured-events .upcoming .eventlogo#digitalsummit { background-position: -396px -98px; height: 46px; width: 208px; } .featured-events .upcoming .eventlogo#affiliatesummit { background-position: -133px -49px;height: 49px;width: 192px; } .featured-events .upcoming h5 { font-family: 'Rokkitt', sans-serif; font-size:22px; margin:0 0 0.2em; text-align:left; } .featured-events .upcoming a h5 { color:#4994cf; } .featured-events .upcoming span { display:inline-block; font-size:14px; font-weight:600; margin:0 0 0.5em; } .featured-events .upcoming p { font-size:14px; } .conference-coupon { background:#f8f8f6; display:inline-block; padding:15px; width:444px; -webkit-border-radius: 8px; border-radius: 8px; } .conference-coupon p { display:inline-block; margin:3px 0 0 10px; vertical-align:top; } .conference-coupon p span { color:#db3d3e; } .conference-coupon p strong { font-weight:600; } .featured-events span.subtext { color:#acacac; display:inline-block; font-size:10px; } .featured-events span.subtext ul { line-height:16px; list-style:outside; margin:10px 0 0 20px; } .featured-events .col#previousspeaking p { line-height:24px; } .featured-events .cta-button { padding:20px 0; } .featured-events h5 { font-family:'Rokkitt', sans-serif; font-size:28px; font-weight:400; line-height:100%; margin:1em 0 .8em; padding:0; text-align:center; } .featured-events ul.awards { margin:0 0 2em; text-align:center; } .featured-events ul.awards li { background:url('../images/award-recognition-sprites.jpg') no-repeat; display:inline-block; vertical-align:middle; margin:0 40px 0 0; } .featured-events ul.awards li:last-child { margin:0; } .featured-events ul.awards li.semmy { height:57px; width:102px; } .featured-events ul.awards li.topseos { background-position:-102px 0; height:64px; width:67px; } .featured-events ul.awards li.gsinc { background-position:-169px 0; height:55px; width:130px; } .featured-events ul.awards li.sejournal06 { background-position:-299px 0; height:61px; width:94px; } .featured-events ul.awards li.sejournal07 { background-position:-393px 0; height:58px; width:52px; } .featured-events ul.awards li.businessreview { background-position:-445px 0; height:66px; width:66px; } .featured-events ul.awards li.top10seo { background-position:-511px 0; height:60px; width:34px; } .featured-events ul.awards li.underforty { background-position:-545px 0; height:61px; width:66px; } .featured-events ul.industry { text-align:center; } .featured-events ul.industry li { background:url('../images/industry-recognition-sprites.jpg') no-repeat; display:inline-block; vertical-align:middle; margin:0 20px 0 0; } .featured-events ul.industry li:last-child { margin:0; } .featured-events ul.industry li.clicktale { height:62px; width:62px; } .featured-events ul.industry li.seodirectory { background-position:-62px 0; height:63px; width:63px; } .featured-events ul.industry li.saratogacountychamber { background-position:-125px 0; height:60px; width:74px; } .featured-events ul.industry li.rensselaercounty { background-position:-199px 0; height:62px; width:52px; } .featured-events ul.industry li.pubcon { background-position:-251px 0; height:46px; width:131px; } .featured-events ul.industry li.internetmarketerny { background-position:-381px 0; height:63px; width:142px; } .featured-events ul.industry li.forbes { background-position:-523px 0; height:41px; width:115px; } .featured-events ul.industry li.bbb { background-position:-638px 0; height:71px; width:44px; } .featured-events ul.industry li.ama { background-position:-682px 0; height:70px; width:44px; } .featured-events hr { background:url('../images/post-divider.png') no-repeat center; border:none; height:21px; } .featured-events hr:last-child { margin: 2em 0; } .featured-blog { background:url('../images/content-bg1.jpg') repeat; border-top:solid 2px #eaeaea; border-bottom:solid 2px #eaeaea; padding:50px 0 40px; } .featured-blog .headline#arrow5 p#subhead { font-size:1.5em; } .featured-blog h4 { text-align:left; } .featured-blog hr { background:url('../images/post-divider.png') no-repeat center; border:none; height:21px; margin:35px 0 30px; } .featured-blog hr:last-child {display:none;} .featured-blog .container .colspan3 { margin:0 0 30px; } .featured-blog .colspan3 h4 { margin:0 0 30px; } .featured-blog .time-stamp { background:url('../images/date-indicator-bg.png') no-repeat left top; display:table-cell; font-family:'Open Sans', sans-serif; font-weight:600; height:75px; padding:0; width:75px; text-align:center; vertical-align:top; } .featured-blog .time-stamp span.date { display:block; font-size:22px; margin:.5em 0 0; } .featured-blog .time-stamp span.month { display:block; font-size:13px; margin:0 0 -0.15em; text-transform:uppercase; } .featured-blog .time-stamp span.year { display:block; font-size:11px; } .featured-blog .blog-entry { display:table-cell; padding:0 0 0 30px; vertical-align:top; } .featured-blog .blog-entry h5 { font-family: 'Rokkitt', sans-serif; font-size:23px; margin:0 0 0.2em; text-align:left; } .featured-blog .blog-entry a h5 { color:#4994cf; } .featured-blog .blog-entry p { color:#49595f; font-size:14px; line-height:18px;} .featured-blog .read-button { display: block; overflow: hidden; padding:10px 0 0; text-align: center; width: 100%; } .featured-blog a.read-button { background:#4994cf; color:#fff; display:inline; font-family: 'Rokkitt', sans-serif; font-size:16px; font-weight:400; margin:0 auto .3em; padding:8px 18px; text-transform:uppercase; -webkit-border-radius: 6px; border-radius: 6px; } .featured-blog a.read-button:hover { background:#156cb0; border:none; color:#fff; } .featured-blog .tweets ul { vertical-align:top; } .featured-blog .tweets ul li { background:#fff; color:#49595f; display:inline-block; font-size:14px; line-height:18px; margin:0 0 40px; padding:12px 15px; -webkit-border-radius: 6px; border-radius: 6px; } .featured-blog .tweets ul li a { color:#4994cf; } .featured-blog .tweets ul li a.post-date { color:#acacac; display:block; font-size:12px; } .featured-blog .tweets ul li a.author { background:url('../images/author-tab.png') no-repeat 0 20px; color:#49595f; display:block; font-family:'Rokkitt', sans-serif; font-size:18px; margin:-5px 0 -35px; padding:25px 0 0 35px; } .featured-blog .tweets small { font-size:11px; font-weight:600; color:#777777; } .featured-blog .tweets ul li small a { color:#777777; } .featured-process { padding:50px 0 40px; /* border:solid 2px #eaeaea; */ } .featured-process .headline#arrow6 p#subhead { font-size:2.1em; } .featured-process .container p { font-size:15px; line-height:25px; } .featured-process .container p strong { font-weight:600; } #arrow-interior .container { padding:0 0 0 70px; } .headline-service { background:url('../images/content-bg1.jpg') repeat; border-top:solid 2px #eaeaea; border-bottom:solid 2px #eaeaea; padding:30px 0 20px; display:inline-block; margin:0 0 40px; position:relative; width:100%; } .headline-service h2 { font-size:40px; text-align:left; } .headline-service p#subhead { font-family: 'Rokkitt', sans-serif; font-size:25px; line-height:100%; margin:10px auto; padding:0; } .summary { padding:0 0 25px; } .summary#noheadline { padding:40px 0 25px; } .summary#noheadline h2 { font-size: 25px; line-height: 1.25em; margin: 0 0 0.25em; text-align: left; } .summary .service-icon { float:left; height:158px; margin:0 30px 0 0; width:158px; } .summary .service-icon#about { background:url('../images/icons/about-us-icon.png'); } .summary .service-icon#services { background: url('../images/icons/services-icon.png') no-repeat scroll top left; } .summary .service-icon#backlinks { background: url('../images/icons/backlinks-icon.png') no-repeat scroll top left; } .summary .service-icon#social { background: url('../images/icons/social-icon.png') no-repeat scroll top left; } .summary .service-icon#reputation { background: url('../images/icons/reputation-icon.png') no-repeat scroll top left; } .summary .service-icon#content { background: url('../images/icons/content-creation-icon.png') no-repeat scroll top left; } .summary .service-icon#consulting { background: url('../images/icons/reporting-icon.png') no-repeat scroll top left; } .summary .service-icon#conversion { background: url('../images/icons/conversion-icon.png') no-repeat scroll top left; } .summary .service-icon#speakingevents { background: url('../images/icons/events-icon.png') no-repeat scroll top left; } .summary .service-icon#localmarketing { background: url('../images/icons/local-mobile-marketing-icon.png') no-repeat scroll top left; } .summary .service-icon#webdesign { background: url('../images/icons/web-design-icon.png') no-repeat scroll top left; } .summary .service-icon#jimboykin { background: url('../images/icons/jim-boykin.jpg') no-repeat scroll top left; } .summary .service-icon#testimonials { background: url('../images/icons/testimonials-icon.png') no-repeat scroll top left; } .summary .service-icon#careers { background: url('../images/icons/careers-icon.png') no-repeat scroll top left; } .summary .service-icon#management { background: url('../images/icons/our-philiosphy-icon.png') no-repeat scroll top left; } .summary .service-icon#seotraining { background: url('../images/icons/search-optimization-icon.png') no-repeat scroll top left; } .summary .service-icon#linkbait { background: url('../images/icons/link-bait-icon.png') no-repeat scroll top left; } .summary .service-icon#keywordresearch { background: url('../images/icons/keywords-icon.png') no-repeat scroll top left; } .summary .service-icon#seosongs { background: url('../images/icons/music-icon.png') no-repeat scroll top left; } .summary .service-icon#clicktale { background: url('../images/icons/clicktale-icon.png') no-repeat scroll top left; } .summary .service-icon#analytics { background: url('../images/icons/analytics-icon.png') no-repeat scroll top left; } .summary .service-icon#resources { background: url('../images/icons/additional-resources-icon.png') no-repeat scroll top left; } .summary .service-icon#affiliates { background: url('../images/icons/additional-resources-icon.png') no-repeat scroll top left; } .summary .service-icon#seotools { background: url('../images/icons/seo-tools-icon.png') no-repeat scroll top left; } .summary .service-icon#redirect { background: url('../images/icons/301-and-404-icon.png') no-repeat scroll top left; } .summary .service-icon#onpage { background: url('../images/icons/on-page-icon.png') no-repeat scroll top left; } .summary .service-icon#payperclick { background: url('../images/icons/pay-per-click-icon.png') no-repeat scroll top left; } .summary .service-icon#usability { background: url('../images/icons/usability-analysis-icon.png') no-repeat scroll top left; } .summary .service-icon#pandapenguin { background: url('../images/icons/panda-penguin-icon.png') no-repeat scroll top left; } .summary .service-icon#panda { background: url('../images/icons/panda-icon.png') no-repeat scroll top left; } .summary .service-icon#penguin { background: url('../images/icons/penguin-icon.png') no-repeat scroll top left; } .summary .service-icon#contactus { background: url('../images/icons/contact-us-icon.png') no-repeat scroll top left; } .summary .service-icon#conversion-video { background: url('../images/icons/video-icon.png') no-repeat scroll top left; } .summary .service-icon#packages { background: url('../images/icons/packages-icon.png') no-repeat scroll top left; } .summary p { display:inline; font-family:'Rokkitt', sans-serif; font-size:28px; line-height:1.2em; margin:0; } .services { padding:2em 0; } .services h3 { font-family:'Rokkitt', sans-serif; font-size:33px; margin:0 0 20px; text-align:left; } .services p { color:#49595f; font-size:15px; line-height:25px; } .services p strong { font-weight:600; } .services p:last-child, .services p:only-of-type { margin:0; } .services .container ul { color:#49595f; font-size:14px; line-height:25px; list-style:square inside; margin:0 0 0 14px; -moz-column-count:3; -webkit-column-count:3; column-count:3; } .services .col ul { color:#49595f; font-size:14px; line-height:25px; list-style:square inside; margin:.5em 0 1.5em; -moz-column-count:1; -webkit-column-count:1; column-count:1; } .services .col ul:last-of-type { margin:.5em 0 0 !important; } .services ul.single:nth-child(3) { margin:1.5em 0; } .services ol { font-size:0.85em; list-style:outside decimal; margin:0 0 1.5em 35px; } .services .container ul li span { background:url('../images/process-placeholder.png') no-repeat left top; display:table-cell; font-family:'Open Sans', sans-serif; font-weight:600; height:66px; padding:0; width:66px; text-align:center; vertical-align:top; } .services .container ul li span#content { background: url('../images/icons/content-creation-icon-small.png') no-repeat scroll top left; width: 75px; height: 75px; } .services .container ul li span#consulting { background: url('../images/icons/backlinks-icon-small.png') no-repeat scroll top left; width: 75px; height: 75px; } .services .container ul li span#localmarketing { background: url('../images/icons/local-mobile-marketing-icon-small.png') no-repeat scroll top left; width: 75px; height: 75px; } .services .container ul li span#onpage { background: url('../images/icons/on-page-icon-small.png') no-repeat scroll top left; width: 75px; height: 75px; } .services .container ul li span#ppc { background: url('../images/icons/pay-per-click-icon-small.png') no-repeat scroll top left; width: 75px; height: 75px; } .services .container ul li span#reporting { background: url('../images/icons/reporting-icon-small.png') no-repeat scroll top left; width: 75px; height: 75px; } .services .container ul li span#reputation { background: url('../images/icons/reputation-icon-small.png') no-repeat scroll top left; width: 75px; height: 75px; } .services .container ul li span#social { background: url('../images/icons/social-icon-small.png') no-repeat scroll top left; width: 75px; height: 75px; } .services .container ul li span#webdesign { background: url('../images/icons/web-design-icon-small.png') no-repeat scroll top left; width: 75px; height: 75px; } .services .container ul li span#get-grease { background: url('../images/icons/get-grease.png') no-repeat scroll top left; width: 75px; height: 75px; } .services .container ul li span#findbrokenlinks { background: url('../images/icons/broken-links-tool-icon-small.png') no-repeat scroll top left; width: 75px; height: 75px } .services .container ul li span#imageanalyzer { background: url('../images/icons/image-check-tool-icon-small.png') no-repeat scroll top left; width: 75px; height: 75px } .services .container ul li span#onpageoptimization { background: url('../images/icons/on-page-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#socialresizer { background: url('../images/icons/social-image-resizer-tool-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#seocompare { background: url('../images/icons/seo-compare-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#robottxt { background: url('../images/icons/robots-txt-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#metagenerator { background: url('../images/icons/meta-tag-generator-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#keyworddensity { background: url('../images/icons/keyword-density-analysis-tool-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#pagespeed { background: url('../images/icons/page-speed-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#socialactivity { background: url('../images/icons/search-optimization-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#headerchecker { background: url('../images/icons/header-checker-tool-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#freebase { background: url('../images/icons/google-freebase-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#googlevsbing { background: url('../images/icons/google-vs-bing-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#facebook-privacy { background: url('../images/icons/facebook-privacy.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#domainwhois { background: url('../images/icons/who-is-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#whatsmyip { background: url('../images/icons/whats-my-ip-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#password { background: url('../images/icons/password-generator-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#browser-size { background: url('../images/icons/whats-my-browser-size.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#dnslookup { background: url('../images/icons/dns-lookup-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#hideemail { background: url('../images/icons/hide-my-email-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#spellchecker { background: url('../images/icons/spell-check-tool-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#igoogle { background: url('../images/widgets/igoogle.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#netvibes { background: url('../images/widgets/netvibes.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#facebook { background: url('../images/widgets/facebook.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#myspace { background: url('../images/widgets/myspace.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#widgetbox { background: url('../images/widgets/widgetbox.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#iphone { background: url('../images/widgets/iphone.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#pandapenguin { background: url('../images/icons/panda-penguin-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#panda { background: url('../images/icons/panda-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#penguin { background: url('../images/icons/penguin-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#conversionvideo { background: url('../images/icons/video-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#usability { background: url('../images/icons/usability-analysis-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#analytics { background: url('../images/icons/analytics-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#consulting-home { background: url('../images/icons/keyword-density-analysis-tool-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#strategy { background: url('../images/icons/content-icon-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#facebookid { background: url('../images/icons/facebook-id-lookup-small.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#phonenumberspell { background: url('../images/icons/phone-number-spell.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#resolutioncheck { background: url('../images/icons/resolutioncheck.png') no-repeat scroll top left; width:75px; height:75px } .services .container ul li span#wordpress { background: url('../images/icons/wiki-icon-small.png') no-repeat scroll top left; width:75px; height:75px } /*community-sprite for /communities*/ .services .container ul li span.service-icon-communities { background:url('../images/icons/community-sprite.png') no-repeat left top; display:table-cell; font-family:'Open Sans', sans-serif; font-weight:600; height:68px; padding:0; width:76px; text-align:center; vertical-align:top; } .services .container ul li span.service-icon-communities#seochat {background-position: 0 1px; } .services .container ul li span.service-icon-communities#webmasterworld { background-position: -87px 1px; } .services .container ul li span.service-icon-communities#cre8asite { background-position: -174px 1px; } .services .container ul li span.service-icon-communities#devshed { background-position: -260px 1px; } .services .container ul li span.service-icon-communities#aspfree { background-position: -347px 1px; } .services .container ul li span.service-icon-communities#tutorialized { background-position: -433px 1px; } .services .container ul li span.service-icon-communities#scripts { background-position: -520px 1px; } .services .container ul li .service-info { display:table-cell; padding:0 0 0 25px; vertical-align:top; } .services .container ul li .service-info h5 { font-family:'Rokkitt', sans-serif; font-size:20px; margin:0 0 0.2em; text-align:left; } .services .container ul li .service-info p { color:#49595f; font-size:14px; line-height:25px; margin:0 0 1em; padding:0; text-align:left; } .services ul.no-list { list-style:none !important; } .services ul.no-list li { padding:0 0 1.5em; } .services .service-info ul li { font-size:0.9em; } .services .content-image { float:right; margin: 0 0 10px 25px; } .services.consulting h3 { font-family:'Rokkitt', sans-serif; font-size:28px; margin:0 0 10px; text-align:left; } .consulting .sidebar-nav h5 { background:#F0F1EF; font-family:'Rokkitt',sans-serif; font-size:22px; margin:0; padding:10px 10px 6px; text-align:left; } .consulting .sidebar-nav a h5 { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .consulting .sidebar-nav a:hover h5 { background:#ddd; padding:10px 10px 6px 20px; } .services.consulting .sidebar-nav ul {background:#f9f9f9; margin:0 !important;} .consulting .sidebar-nav ul li { padding:5px 10px; margin:0 !important; list-style:none; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .consulting .sidebar-nav ul li:hover { background:#ddd; padding:5px 10px 5px 20px; } .consulting .sidebar-nav ul li:last-of-type { border:none; } .consulting .sidebar-nav ul li a { color:#49595F; font-size:14px; vertical-align:middle; } .sidebar-nav .single > a { display:block; border-bottom:1px solid #EAEAEA; } .process { padding:2em 0; } .process .col span { display:block; height:158px; margin:0 auto 1em; width:158px; } .process .col span.ftool1 { background:url('../images/large-tool-sprites.png') 0 0; } .process .col span.ftool2 { background:url('../images/large-tool-sprites.png') -158px 0; } .process .col span.ftool3 { background:url('../images/large-tool-sprites.png') -316px 0; } .process .col span.ftool4 { background:url('../images/large-tool-sprites.png') -474px 0; } .process .col span.step-one { background:url('../images/icons/process-icons-sprites.png') 0 0; } .process .col span.step-two { background:url('../images/icons/process-icons-sprites.png') -158px 0; } .process .col span.step-three { background:url('../images/icons/process-icons-sprites.png') -316px 0; } .process .col span.step-four { background:url('../images/icons/process-icons-sprites.png') -474px 0; } .process h5 { font-family: 'Rokkitt', sans-serif; font-size:20px; margin:0 0 0.4em; text-align:center;} .process h5 a { color:#4994cf; } .process p { font-size:.95em; line-height: 1.65em; margin:0; padding:0 11px; text-align:center; } .process .container ul li { margin:0 0 30px; } .process .container ul li:last-child { margin:0; } .process .container ul li span { background: url('../images/icons/process-icons-small-sprites.png') no-repeat scroll top left; display:table-cell; font-family:'Open Sans', sans-serif; font-weight:600; height:75px; padding:0; width:75px; text-align:center; vertical-align:top; } .process .container ul li span#step-one-small { background-position:0 0; } .process .container ul li span#step-two-small { background-position:-75px 0; } .process .container ul li span#step-three-small { background-position:-150px 0; } .process .container ul li span#step-four-small { background-position:-225px 0; } .process .container ul li span#step-five-small { background-position:-300px 0; } .process .container ul li .process-info { display:table-cell; padding:0 0 0 30px; vertical-align:top; } .process .container ul li .process-info h5 { font-family:'Rokkitt', sans-serif; font-size:20px; margin:0 0 0.2em; text-align:left; } .process .container ul li .process-info p { color:#49595f; font-size:14px; line-height:25px; margin:0 0 1em; padding:0; text-align:left; } .process .container ul li .process-info .explore-button { display: block; overflow: hidden; padding:10px 0 0; text-align: center; width: 100%; } .process .container ul li .process-info a.explore-button { background:#4994cf; color:#fff; display:inline; font-family: 'Rokkitt', sans-serif; font-size:16px; font-weight:400; margin:0 auto .3em; padding:8px 18px; text-transform:uppercase; -webkit-border-radius: 6px; border-radius: 6px; } .process .container ul li .process-info a.explore-button:hover { background:#156cb0; border:none; color:#fff; } #booth-page .process .container ul li { margin:0 0 0; } #booth-page strong {font-weight:bold;} #booth-page .option h6 {font-size:1.2em;line-height:1.5em;} #booth-page hr {padding:1em 0;} #booth-page h4 {padding:.5em 0;} .pricing { padding:2em 0; } .pricing h5 { font-family: 'Rokkitt', sans-serif; font-size:28px; margin:0 0 0.4em; text-align:center; } .pricing h5 span { display:block; font-size:35px; } .pricing h5 span sub { display:block; font-size:18px; line-height:22px; margin:5px 0 0; } .pricing ul { font-size:14px; line-height:30px; list-style:square outside; margin:0 10px 0 15px; } .pricing li { line-height:20px; padding:0 0 10px; margin:0 0 0 17px; } #web-design-page .pricing li { list-style:inside square; margin:0;} .pricing p { line-height:24px; margin:0 0 10px; } .pricing .list .option { margin:0 0 30px; overflow:hidden; } .pricing .list .option:last-child { margin:0; } .pricing .list h5 { clear:both; float:left; margin:0; width:222px; } .pricing .list ul { float:left; line-height:22px; margin:0 0 0 24px; padding:0; text-align:left; width:468px; -moz-column-count:2; -webkit-column-count:2; column-count:2; } .pricing .list p { float:left; line-height:22px; margin:0 0 0 24px; padding:0; text-align:left; width:468px; } .pricing .list span.cta-button { float:left; margin:0 0 0 24px; padding:0; width:222px; } .additional-content { padding:2em 0; } .additional-content h3 { font-family:'Rokkitt', sans-serif; font-size:33px; margin:0 0 20px; text-align:left; } .additional-content p strong { font-weight:600; } .additional-content ul { list-style:inside square; font-size:.9em; line-height:1.3em; } .additional-content li { margin:0 0 5px; } .additional-content ul.past-events { margin:0 0 2em; text-align:center; } .additional-content ul.past-events li { background:url('../images/past-events-sprites.jpg') no-repeat; display:inline-block; vertical-align:middle; margin:0 20px 20px; } .additional-content ul.past-events li:last-child { margin:0; } .additional-content ul.past-events li.webmasterworld { height:43px; width:215px; } .additional-content ul.past-events li.sestrategies { background-position:-215px 0; height:43px; width:123px; } .additional-content ul.past-events li.hostingcon { background-position:-338px 0; height:43px; width:172px; } .additional-content ul.past-events li.pubcon { background-position:-510px 0; height:43px; width:156px; } .additional-content ul.past-events li.affiliatesummit { background-position:-666px 0; height:43px; width:169px; } .additional-content ul.past-events li.smx { background-position:-835px 0; height:43px; width:127px; } .additional-content ul.past-events li.expon { background-position:0px -43px; height:43px; width:113px; } .additional-content ul.past-events li.optimization { background-position:-113px -43px; height:43px; width:171px; } .additional-content ul.past-events li.seoclass { background-position:-284px -43px; height:43px; width:100px; } .additional-content ul.past-events li.searchexchange { background-position:-384px -43px; height:43px; width:216px; } .additional-content ul.past-events li.semcon { background-position:-600px -43px; height:43px; width:136px; } .additional-content ul.past-events li.onlinemarketer { background-position:-736px -43px; height:43px; width:77px; } .testimonials { padding:2em 0; } .testimonials h3 { font-family:'Rokkitt', sans-serif; font-size:33px; margin:0 0 20px; text-align:left; } .testimonials .h-testimonial { background:#F5F5F5; font-size:0.8em; padding:20px; margin:0 0 1.5em; -webkit-border-radius: 5px; border-radius: 5px; } .testimonials .blue { border-bottom:solid 3px #4994cf; } .testimonials .green { border-bottom:solid 3px #a0ce7c;} .testimonials .h-testimonial strong { font-weight:600; } .testimonials .h-testimonial h6 { font-weight:600; margin:0 0 10px; } .testimonials ul { display:inline-block; line-height:1.3em; margin:0 0 1.5em; } .testimonials li { list-style:outside square; margin:0 0 10px 15px; } .testimonials li:last-of-type { margin:0 0 0 15px; } #jobs-page .testimonials .h-testimonial p { font-size:inherit; margin:0 !important; } .testimonials ol li { line-height:1.4em; list-style:outside decimal; margin:0 0 5px 15px; } .testimonials.minimal { padding:0 0 2em; } .events { padding:50px 0 40px; } .events#recent-events { padding:50px 0 25px; } .events .headline#arrow4 p#subhead { font-size:1.41em; } .events h3 { font-family:'Rokkitt', sans-serif; font-size:33px; margin:0 0 20px; text-align:left; } .events h4 { text-align:left; } .events .upcoming .eventlogo { background:url('../images/speaking-sprites.jpg') no-repeat; margin-bottom:20px; } .events .upcoming .eventlogo#ses { background-position:0 0; height:43px; margin-top:6px; width:184px; } .events .upcoming .eventlogo#pubcon { background-position:-184px 0; height:49px; width:183px; } .events .upcoming .eventlogo#searchexchange { background-position:-367px 0; height:43px; margin:5px 0 20px; width:216px; } .events .upcoming .eventlogo#smx { background-position:-583px 0; height:48px; width:145px; } .events .upcoming .eventlogo#optimization { background-position:-728px 0; height:23px; margin:22px 0; width:171px; } .events .upcoming .eventlogo#expon { background-position:0 -49px; height:50px; width:133px; } .events .upcoming .eventlogo#affiliatesummit { background-position:-133px -49px; height:49px; width:192px; } .events .upcoming .eventlogo#purposeinc { background-position:-325px -48px; height:49px; width:214px; } .events .upcoming .eventlogo#oktoberfest { background-position:-539px -48px; height:49px; width:148px; } .events .upcoming .eventlogo#adtech { background-position:-687px -48px; height:50px; width:150px; } .events .upcoming .eventlogo#vermontwms { background-position:-840px -35px; height:65px; width:150px; } .events .upcoming .eventlogo#clickz { background-position:0px -101px; height:43px; width:129px; } .events .upcoming .eventlogo#cmoe { background-position: -132px -101px; height: 43px; width: 126px; } .events .upcoming .eventlogo#ungagged { background-position: -258px -98px; height: 46px; width: 139px; } .events .upcoming .eventlogo#digitalsummit { background-position: -396px -98px; height: 46px; width: 208px; } .events .upcoming h5 { font-family: 'Rokkitt', sans-serif; font-size:22px; margin:0 0 0.2em; text-align:left; } .events .upcoming a h5 { color:#4994cf; } .events .upcoming span { display:inline-block; font-size:14px; font-weight:600; margin:0 0 0.5em; } .events .upcoming p { font-size:14px; } .events .col:nth-child(4n+5) { clear:both; margin:0; } .events ul.speaker h5 { display:inline-block; margin:0 0 .3em; } .events ul.speaker h5:before { content:""; display:inline-block; width:22px; height:22px; background:url('../images/icons/calendar-events-icon.png') no-repeat; margin:0 10px -3px 0; } .events ul.speaker { margin:0 0 2em; padding:0 0 2em; border-bottom:1px solid #ddd; } .events ul.speaker:last-of-type { margin:0 0 3em; padding:0; border-bottom:none; } .events ul.speaker li { margin:0 0 1em; } .events ul.speaker li:last-of-type { margin:0 0 2em; } .events ul.speaker li p { margin:4px 0 0; } .itinerary .container { margin:2em auto 0; border-bottom:none; } .itinerary .container:nth-of-type(2) { margin:0 auto; } .itinerary .colspan3:last-of-type ul.speaker li:last-of-type { margin:0; } .itinerary .container:last-of-type ul.speaker:last-of-type { margin:0 0 1em; } .itinerary strong { font-weight:600; } .management { padding:0 0 25px; } .management.minimal { padding:1em 0; } .management.minimal .biography { clear:both; margin:0 0 2em; } .management.minimal .biography:last-of-type { margin:0; } .management.minimal .biography h3 { font-family:'Paytone One', sans-serif; font-size:22px; } .management.minimal .biography h4 { font-size:23px; } .management.minimal .biography p { display:table; } .management.minimal .biography:last-of-type p { margin:0; } .management .biography { margin:20px 0; } .management .biography h3 { font-size:28px; margin:0 0 5px; text-align:left; } .management .headline#sub h3 { font-family: 'Rokkitt',sans-serif; font-size:33px; margin:0 0 20px; } .management .biography h4 { font-size:24px; margin:0 0 10px; text-align:left; } .management .biography strong { font-weight:600; } .management .biography .headshot { background:url('../images/headshots.jpg'); float:left; height:123px; margin:0 30px 10px 0; width:123px; } .management .biography .headshot#KrisJ { background-position:0 -123px; } .management .biography .headshot#ChrisB { background-position:0 -246px; } .management .biography .headshot#KimberlyKB { background-position:0 -369px; } .management .biography .headshot#AnnS { background-position:0 -492px; } .management .biography .headshot#JoeH { background-position:0 -615px; } .management .biography .headshot#BonnieS { background-position:0 -738px; } .management .biography .headshot#JenniferVI { background-position:0 -861px; } .management .biography .headshot#SuzyG { background-position:0 -984px; } .management .biography .headshot#SeanC { background-position:0 -1107px; } .management .biography .headshot#FrankP { background-position:0 -1230px; } .management .biography .headshot#ChrisS { background-position:0 -1353px; } .management .biography .headshot#Sarah { background-position:0 -1476px; } .management .biography .headshot#PaulM { background-position:0 -1599px; } #bio-social { display:inline-block; margin:0; } #bio-social a span { background:url('../images/social-sprites.png') no-repeat; float:left; height:22px; margin:0 7px; opacity: 0.8; width:22px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #bio-social a:hover span { opacity: 1.0; } #bio-social span.bio-facebook { background-position:0 0; } #bio-social span.bio-twitter { background-position:-22px 0; } #bio-social span.bio-google { background-position:-44px 0; } #bio-social span.bio-linkedin { background-position:-66px 0; } .job-openings { padding:2em 0; } .job-openings h3 { font-family:'Rokkitt', sans-serif; font-size:33px; margin:0 0 20px; text-align:left; } .job-openings .job-description { background:#F5F5F5; font-size:0.8em; padding:20px; margin:0 0 1.5em; -webkit-border-radius: 5px; border-radius: 5px; } .job-openings .blue { border-bottom:solid 3px #4994cf; } .job-openings .green { border-bottom:solid 3px #a0ce7c;} .job-openings .job-description strong { font-weight:600; } .job-openings .job-description h5 a sub { font-size:18px; } .job-openings .job-description p { font-size:13px; line-height:1.4em; margin:0 0 .8em; } .job-openings .job-description a#learn-more { font-weight:600; } .social-package { padding: 5px; text-align: left;font-size:0.9em;} .social-package th {line-height: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;padding:5px;} .social-package th.title {text-align:left; vertical-align: top; font-weight: normal; font-style: italic; border: 1px solid #ccc; -webkit-box-shadow: inset 0px 1px 2px rgba(0 0 0 ,.2); -moz-box-shadow: inset 0px 1px 2px rgba(0 0 0 ,.2); box-shadow: inset 0px 1px 2px rgba(0 0 0 ,.2); border-right: 0; } .social-package th.title-color1 { box-shadow: inset 0px 1px 2px rgba(0 0 0 ,.2)} .social-package th.title-color1 span{ font-size: 16px; color: #808080; font-weight:600; } .social-package th.title-color2 { box-shadow: inset 0px 1px 2px rgba(0 0 0 ,.2)} .social-package th.title-color2 span{ font-size: 16px; color: #ffb515; font-weight:600; } .social-package th.title-color3 { box-shadow: inset 0px 1px 2px rgba(0 0 0 ,.2)} .social-package th.title-color3 span{ font-size: 16px; color: #ccc; font-weight:600; } .social-package th.title-color4 {border-right: 1px solid #ccc; padding: 6px; ; box-shadow: inset 0px 1px 2px rgba(0 0 0 ,.2);} .social-package th.title-color4 span{ font-size: 16px; color: #b5d5fe; font-weight:600; } .social-package td {border: 1px solid #ccc;padding:5px;} .social-package td.left {text-align: left;} .social-package td, table.social-package th{ text-align: center;} .social-package p { width: auto; } .social-table-details p {font: 12px/14px "Arial"; padding:8px 0 0;} .social-package strong {font-weight:700;} .portfolio { padding:2em 0; } .portfolio .container .col { float:left; text-align:center; } .portfolio .container .col:nth-child(4) { margin:0; } .portfolio h3 { font-family:'Rokkitt', sans-serif; font-size:33px; margin:0 0 20px; text-align:left; } .portfolio p { color:#49595f; font-size:15px; line-height:25px; } .port-piece-img { position:relative; width:265px; } .portfolio .port-piece-img img { border:1px solid #CDCDCD; } .portfolio a { color:#4994cf; display:inline-block; padding-bottom:1em; text-align:center; z-index: 10; } .portfolio a span { font-family:'Rokkitt', sans-serif; font-size:1.3em; line-height:1.7em; } .portfolio a span.enlarge { height:35px; width:40px; background:#4994cf; position: absolute; top:187px; right:0; z-index: 20; opacity: 0.7; font-size: 32px; line-height: 40px; color: #fff; font-weight: bold; text-align: center; } .portfolio a:hover span.enlarge {opacity: 1.0; width: 45px; height: 40px; top:182px;} .company-photo { border:solid 1px #CDCDCD; margin:0 0 1em; -webkit-border-radius: 10px; border-radius: 10px; } .programming-quiz { float:left; margin:0 20px 10px 0; border:2px solid #eeeeee; -webkit-border-radius:10px; border-radius:10px; } /* EBOOKS Page: styling for eBooks landing page and individual eBook pages */ .featured-fix { overflow:visible; } .featured-ebook { min-height:300px; background:#fafbfc; border:1px solid #d8eef7; position:relative; -webkit-border-radius:3px; border-radius:3px;} .featured-ebook .featured-big-cover { background:url('../images/ebooks/featured-ebook-1.jpg') no-repeat; background-position:-430px 0; width:0; height:100%; position:absolute; top:0; left:0; -webkit-transition:background-position 1s,width 1s;-moz-transition:background-position 1s,width 1s;-o-transition:background-position 1s,width 1s;transition:background-position 1s,width 1s; } .featured-ebook .featured-big-cover#cover-2 { background:url('../images/ebooks/featured-ebook-2.jpg') no-repeat; } .featured-ebook .featured-big-cover#cover-10 { background:url('../images/ebooks/featured-whitepaper.jpg') no-repeat; } .featured-ebook .featured-big-cover#cover-9 { background:url('../images/ebooks/featured-casestudy.jpg') no-repeat; } .featured-ebook .featured-author { font-family:'Rokkitt', sans-serif; font-size:32px; line-height:100%; color:#404040; display:block; padding-top:20px; text-align:left; } .featured-ebook .featured-title, .ebook-summary .selected-header .selected-title { font-family:'Open Sans Condensed', sans-serif; font-size:42px; line-height:100%; color:#4994cf; display:block; margin-bottom:4px;text-align:left; text-transform:uppercase; } .featured-ebook .foreward-text { display:block; font-family:'Open Sans', sans-serif; font-size:15px; line-height:21px; margin-top:10px; color:#49595f; } .featured-ebook .foreward-filetype { display:block; font-family:'Open Sans', sans-serif; font-size:14px; font-style:italic; color:#99a6ab; margin-top:15px; } .featured-ebook .featured-more-button { font-family:'Open Sans Condensed', sans-serif; font-size:32px; line-height:100%; position:absolute; right:10px; bottom:-20px; padding:14px 18px; color:#ffffff; text-transform:uppercase; border:1px solid #86ae19;-webkit-border-radius:3px; border-radius:3px; background: #b9e35f; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5ZTM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2E3Y2U0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzlkYzUyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZGFiMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #b9e35f 0%, #a7ce45 49%, #9dc52a 50%, #8dab28 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9e35f), color-stop(49%,#a7ce45), color-stop(50%,#9dc52a), color-stop(100%,#8dab28)); background:-webkit-linear-gradient(top, #b9e35f 0%,#a7ce45 49%,#9dc52a 50%,#8dab28 100%); background:-o-linear-gradient(top, #b9e35f 0%,#a7ce45 49%,#9dc52a 50%,#8dab28 100%); background:-ms-linear-gradient(top, #b9e35f 0%,#a7ce45 49%,#9dc52a 50%,#8dab28 100%); background:linear-gradient(to bottom, #b9e35f 0%,#a7ce45 49%,#9dc52a 50%,#8dab28 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9e35f', endColorstr='#8dab28',GradientType=0 ); } .featured-ebook .featured-more-button:hover, .recent-publications ul.books li.book span.primary-small-button:hover, .ebook-summary .selected-download-button:hover { background: #9dc52a; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM5ZGM1MmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGRhYjI4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background:-moz-linear-gradient(top, #9dc52a 50%, #8dab28 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(50%,#9dc52a), color-stop(100%,#8dab28)); background:-webkit-linear-gradient(top, #9dc52a 50%,#8dab28 100%); background:-o-linear-gradient(top, #9dc52a 50%,#8dab28 100%); background:-ms-linear-gradient(top, #9dc52a 50%,#8dab28 100%); background:linear-gradient(to bottom, #9dc52a 50%,#8dab28 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dc52a', endColorstr='#8dab28',GradientType=0 ); } .services .recent-publications ul.books { display:block; margin:0; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .recent-publications { padding:1em 0; } .additional-information { padding:1.5em 0 2em; } .recent-publications h3, .additional-information h3 { font-family:'Rokkitt', sans-serif; font-size:22px; text-align:left; margin:0 0 15px; } .recent-publications h3 a { color:#4894D4; } .recent-publications ul.books li.book { display:inline-block; width:297px; margin-left:10px; margin-right:10px; margin-bottom:30px; vertical-align:top; } .recent-publications ul.books li.book span.book-thumb { display:block; float:left; width:117px; height:157px; margin-right:10px; } .recent-publications ul.books li.book span.book-thumb.cover-1 { background:url('../images/ebooks/featured-ebook-1-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-2 { background:url('../images/ebooks/featured-ebook-2-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-3 { background:url('../images/ebooks/featured-ebook-3-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-4 { background:url('../images/ebooks/co-citation-presentation-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-5 { background:url('../images/ebooks/content-strategy-presentation-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-6 { background:url('../images/ebooks/digital-assets-presentation-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-7 { background:url('../images/ebooks/enterprise-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-8 { background:url('../images/ebooks/vendor-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-9 { background:url('../images/ebooks/rankings-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-10 { background:url('../images/ebooks/authority-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-11 { background:url('../images/ebooks/contest-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-12 { background:url('../images/ebooks/conversion-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-13 { background:url('../images/ebooks/display-ad-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-14 { background:url('../images/ebooks/ecommerce-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-15 { background:url('../images/ebooks/influencer-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-16 { background:url('../images/ebooks/link-buidling-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-17 { background:url('../images/ebooks/travel-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-18 { background:url('../images/ebooks/conversion-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-25 { background:url('../images/ebooks/digital-asset-cs-private.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-26 { background:url('../images/ebooks/social-media-cs-private.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-27 { background:url('../images/ebooks/old-vs-new-cs-private.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-28 { background:url('../images/ebooks/penguin-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-29 { background:url('../images/ebooks/panda-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-30 { background:url('../images/ebooks/penguin-recovery-cs-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-31 { background:url('../images/ebooks/panda-update-whitepaper-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-32 { background:url('../images/ebooks/social-media-whitepaper-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-35 { background:url('../images/ebooks/panda-whitepaper.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-36 { background:url('../images/ebooks/enterprise-whitepaper.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-37 { background:url('../images/ebooks/google-strategies-whitepaper-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-38 { background:url('../images/ebooks/b2b-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-39 { background:url('../images/ebooks/checklist-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-40 { background:url('../images/ebooks/penguin-whitepaper-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-41 { background:url('../images/ebooks/jim-and-ann-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-42 { background:url('../images/ebooks/seo-basics-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-43 { background:url('../images/ebooks/jim-and-ann-videos.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-44 { background:url('../images/ebooks/generic-tool.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-45 { background:url('../images/ebooks/spell-check-tool.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-46 { background:url('../images/ebooks/broken-links-tool.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-47 { background:url('../images/ebooks/digital-asset-case-study-small.jpg') no-repeat; } .recent-publications ul.books li.book span.book-thumb.cover-48 { background:url('../images/ebooks/video-promotion-case-study-small.jpg') no-repeat; } /*.recent-publications ul.books li.book span.book-thumb.cover-49 { background:url('../images/ebooks/ctr-whitepaper-small.jpg') no-repeat; }*/ .recent-publications ul.books li.book h4.book-title { font-size:20px; line-height:24px; color:#4994cf; text-align:left; margin:0; } .recent-publications ul.books li.book h4.book-title.no-link { color:#404040; } .recent-publications ul.books li.book p.book-byline { display:block; margin:4px 0 20px; font-family:'Open Sans', sans-serif; font-size:14px; color:#49595f; } .recent-publications ul.books li.book p.book-byline span { background:none; height:auto; width:auto; } .recent-publications ul.books li.book p.book-byline span.byline-prefix { display:inline-block; font-style:italic; font-weight:400; } .recent-publications ul.books li.book p.book-byline span.byline-name { display:inline-block; font-weight:600; } .recent-publications ul.books li.book span.primary-small-button { font-family:'Open Sans Condensed', sans-serif; font-size:14.5px; height:auto; width:auto; line-height:100%; padding:5px 8px; color:#ffffff; text-transform:uppercase; border:1px solid #86ae19; -webkit-border-radius:3px; border-radius:3px; background: #b9e35f; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5ZTM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2E3Y2U0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzlkYzUyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZGFiMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #b9e35f 0%, #a7ce45 49%, #9dc52a 50%, #8dab28 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9e35f), color-stop(49%,#a7ce45), color-stop(50%,#9dc52a), color-stop(100%,#8dab28)); background:-webkit-linear-gradient(top, #b9e35f 0%,#a7ce45 49%,#9dc52a 50%,#8dab28 100%); background:-o-linear-gradient(top, #b9e35f 0%,#a7ce45 49%,#9dc52a 50%,#8dab28 100%); background:-ms-linear-gradient(top, #b9e35f 0%,#a7ce45 49%,#9dc52a 50%,#8dab28 100%); background:linear-gradient(to bottom, #b9e35f 0%,#a7ce45 49%,#9dc52a 50%,#8dab28 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9e35f', endColorstr='#8dab28',GradientType=0 ); } .recent-publications ul.books li.book span.comingsoon-small-button { font-family:'Open Sans Condensed', sans-serif; font-size:14.5px; height:auto; width:auto; line-height:100%; padding:5px 8px; color:#ffffff; text-transform:uppercase; border:1px solid #3187D0; -webkit-border-radius:3px; border-radius:3px; background: #7db9e8; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #7db9e8 0%, #207cca 49%, #2989d8 50%, #1e5799 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(49%,#207cca), color-stop(50%,#2989d8), color-stop(100%,#1e5799)); background:-webkit-linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); background:-o-linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); background:-ms-linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); background:linear-gradient(to bottom, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); } .additional-information p { font-size:15px; line-height:25px; color:#49595F; } .additional-information h5 { font-size:20px; } .ebook-summary { padding:0 0 1.5em; } .ebook-summary .selected-cover { display:inline-block; width:44.3%; vertical-align:top; } .ebook-summary .selected-cover img { width:100%; } .ebook-summary .selected-info { display:inline-block; width:54.5%; padding:0 0 0 30px; vertical-align:top; } .ebook-summary .selected-byline { font-family:'Open Sans', sans-serif; font-size:26px; line-height:100%; color:#404040; display:block; text-align:left; margin:0.5em 0 0.8em; } .ebook-summary .selected-header .selected-prefix { display:inline-block; font-style:italic; font-weight:400; } .ebook-summary .selected-header .selected-author { display:inline-block; font-weight:600; } .ebook-summary .selected-social { display:block; margin:1.5em 0 1em; } .ebook-summary .selected-social .fb-like, .ebook-summary .selected-social .twitter-share-button, .ebook-summary .selected-social #___plusone_0 { max-width:110px; min-width:90px; width:19% !important; } .ebook-summary .selected-social .fb-like {top:-3px;} .ebook-summary .selected-download-button { display:inline-block; font-family:'Open Sans Condensed', sans-serif; font-size:32px; line-height:100%; padding:14px 18px; color:#ffffff; text-transform:uppercase; border:1px solid #86ae19;-webkit-border-radius:3px; border-radius:3px; cursor: pointer; background: #b9e35f; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5ZTM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2E3Y2U0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzlkYzUyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZGFiMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #b9e35f 0%, #a7ce45 49%, #9dc52a 50%, #8dab28 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9e35f), color-stop(49%,#a7ce45), color-stop(50%,#9dc52a), color-stop(100%,#8dab28)); background:-webkit-linear-gradient(top, #b9e35f 0%,#a7ce45 49%,#9dc52a 50%,#8dab28 100%); background:-o-linear-gradient(top, #b9e35f 0%,#a7ce45 49%,#9dc52a 50%,#8dab28 100%); background:-ms-linear-gradient(top, #b9e35f 0%,#a7ce45 49%,#9dc52a 50%,#8dab28 100%); background:linear-gradient(to bottom, #b9e35f 0%,#a7ce45 49%,#9dc52a 50%,#8dab28 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9e35f', endColorstr='#8dab28',GradientType=0 ); } .ebook-summary .selected-description { display:block; font-size:15px; line-height:25px; color:#49595f; margin:0; } .ebook-summary .selected-info .selected-filetype { display:block; font-family:'Open Sans', sans-serif; font-size:14px; font-style:italic; color:#99a6ab; margin-top:5px; margin-bottom:0; } /* JOBS Page: styling for job listings with a featured image */ .jobs-featured-img { float:left; width:25%; } .jobs-featured-img > img { width:100%; border:1px solid #EEEEEE; background:#FFFFFF; padding:2px 0 0; -webkit-border-radius:8px; border-radius:8px; } .jobs-featured-content { width:75%; display:inline-block; vertical-align:top; padding:0px 0px 0px 15px; } .jobs-featured-link { display:block; margin:0.8em 0 0; } .job-listing { padding:0 0 3em} .job-listing .cols3 .job-info { width:656px; border-right:2px solid #EAEAEA; padding:0 24px 0 0; } .job-listing .cols3 .sidebar { margin:0; padding:0 0 0 24px; } .job-listing .cols3 .sidebar img { width:100%; margin:0 0 15px; } .job-listing .cols3 p.no-margin { margin:0; } .job-listing .cols3 .decrypt-code { word-break:break-all; } .job-listing h3 { margin:0 0 5px; } .job-listing .featured-left { float:left; margin:0 24px 24px 0; } .job-listing .featured-right { float:right; margin:0 0 24px 24px; } /* NEWSLETTER & PRESSROOM: sidebar styling of "Follow the Ninja Dojo" */ #side-social {margin:9px 0 1.5em 0; font-size:14px; moz-column-count: 1; -webkit-column-count: 1; column-count: 1; list-style: none; line-height:2.5; padding:0; } #side-social strong { font-weight:600; } #side-social a span { background:url('../images/social-sprites.png') no-repeat; float:left; height:22px; margin:7px 7px 0 7px; opacity: 0.8; width:22px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; vertical-align:bottom;} #side-social a:hover span { opacity: 1.0; } #side-social span.side-facebook { background-position:0 0; } #side-social span.side-twitter { background-position:-22px 0; } #side-social span.side-google { background-position:-44px 0; } #side-social span.side-linkedin { background-position:-66px 0; } #side-social span.side-rss { background-position:-88px 0; } #side-social span.side-newsletter { background-position:-110px 0; } /* NEWSLETTER ARCHIVE: styling for the "Top Industry News" UL/LI */ .services .container ul.industry-news { list-style: square outside none; margin:10px 0 0; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid;column-break-inside:avoid; -webkit-column-break-after:always; -moz-column-break-after:always; -o-column-break-after:always; -ms-column-break-after: always; column-break-after:always; } .services .container ul.industry-news li { margin:0 0 15px 17px; } .services .container ul.industry-news li strong { font-weight:600; } /* CONTACT FORM: the tab like area at the top which says "Step 1", "Step 2", etc. */ .contact-form .tabs a { margin:0 0 -2px 0; position:relative;top:1px;padding:10px 20px;display:inline-block;color:#999; } .contact-form .tabs a.curr-step { font-weight:bold;color:green;border-bottom:5px solid green; } /* CONTACT FORM: step1, step2, step3 and step4 divs */ .contact-form .steps { border:1px solid #ccc;width:100%;position:relative;} .contact-form .steps div { display:none;padding:20px;position:relative; } .contact-form .steps div.curr-step { display:block; } .contact-form .steps p {line-height:1.5em;} /* CONTACT FORM: Next, previous and finish buttons */ .contact-form .button { border-radius:8px; border-width:0; display:block; margin:4px; overflow:hidden; padding:10px 24px; position:relative;z-index:200000;-moz-border-radius:8px;-webkit-border-radius:8px;text-decoration:none;font-size:1em;cursor:pointer;cursor:hand;background:#a0ce7c;color:#ffffff;line-height: 1.5em; } .contact-form .button:hover { background:#83b35d; box-shadow:none;} .contact-form .button:active { position:relative;top:1px; } .contact-form .button.finished { background:#a0ce7c;color:#ffffff; } .contact-form .button.finished:hover { background:#83b35d; } .contact-form .button.next, .button.finished { float:right; } .contact-form .button.prev { float:left; } /* CONTACT FORM: Form elements */ .contact-form label { vertical-align:top;display:inline-block; font-size:15px; line-height:1.5em; margin-bottom:10px; } .contact-form .step1 label {width:25%;} .contact-form label.long { width:50%; } .contact-form label.short { width: auto; margin:0 20px 0 5px; } .contact-form label.chk { width: 30%; } .contact-form label sub {font-size:0.8em;line-height:0.8em;} .contact-form fieldset {border:0;padding:0; font-size:15px; line-height:1.5em;} .contact-form input.txt, .contact-form select.txt { width:400px; } .contact-form input.short { width:200px; } .contact-form input[type='checkbox'] {margin:0;} .contact-form input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } .contact-form input,.contact-form textarea, select {border:2px solid #CACACA; border-radius: 3px 3px 3px 3px; height:auto; font-size:100%; padding:5px; background-color:#eee; color:#333;} .contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus {background-color:#fff;} .contact-form input,.contact-form select,.contact-form label,.contact-form textarea { margin:0 1.5em 1.5em 0; } .contact-form textarea {width:100%;} .contact-form input[type='radio'] { margin:0; } .contact-form .lowBudget { font-weight:bold; color:green;} .required-green {color:#00AB30;} .contact-form .required { border:2px solid #00AB30; } .contact-form .error { font-weight:bold;color:red; } .contact-form .error-highlight { border:2px solid red; } .contact-form .error.captcha {text-align:center;} .contact-form p.no-margin {margin-bottom:0;} .contact-form .services .container ul.location { float:left;width:250px;margin-bottom: 1.5em;-moz-column-count: 1; } .contact-form .services .container ul.location li { list-style:none; } .contact-form .services .container ul.location li img { margin:0 0 -4px 0; } /* CONTACT FORM: Fields which are hidden by default */ .contact-form .lowBudget,.contact-form .error.front, .error.captcha, .contact-form .email_confirm{ display:none; } /* Loading graphic */ .contact-form .loading {position:absolute;bottom:80px;right:60px;display:none;} /* Temporary styles for IMN office information (/internet-consultant/) - CG */ .services .container ul.location { float:left; width:245px; margin:0 0 1.5em 0; -moz-column-count: 1; } .services .container ul.location li { list-style:none; } .services .container ul.location li img { margin:0 0 -4px 0; } /*T-shirt form: */ .tshirt-form p { display:block; margin:0 20px 20px 5px; font-family: 'Open Sans', sans-serif; font-size:15px; line-height:1.5em;} .tshirt-form textarea {font-family: 'Open Sans', sans-serif; font-size:15px; line-height:1.5em; width:400px; border:2px solid #00AB30; border-radius: 3px 3px 3px 3px;margin:0 0 0 30px;} .tshirt-form label { font-family: 'Open Sans', sans-serif; font-size:15px; line-height:1.5em; width:120px; display:block; float:left;} .tshirt-form input.txt { width:400px;border:2px solid #CACACA; border-radius: 3px 3px 3px 3px; height:auto; font-size:100%; padding:5px; background-color:#eee; color:#333; margin-left:30px;} .tshirt-form select {width:400px;border:2px solid #00AB30; border-radius: 3px 3px 3px 3px;font-family: 'Open Sans', sans-serif; font-size:15px; line-height:1.5em;padding:5px;margin-left:30px;} .tshirt-form input[type='text'] {font-family: 'Open Sans', sans-serif; font-size:15px; line-height:1.5em;} .tshirt-form input.required { border:2px solid #00AB30; } .tshirt-form input:focus, textarea:focus, select:focus {background-color:#fff;} .tshirt-form .button { border-radius:8px; border-width:0; display:block; margin:4px; overflow:hidden; padding:10px 24px; position:relative;z-index:200000;-moz-border-radius:8px;-webkit-border-radius:8px;text-decoration:none;font-size:1em;cursor:pointer;cursor:hand;-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0px 1px 0px 0px #ffffff;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');background-color:#ededed;color:#777777;text-shadow:1px 1px 0px #ffffff;line-height: 1.5em; } .tshirt-form .button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');background-color:#dfdfdf; box-shadow:1px 2px 8px #999;} .tshirt-form .button:active { position:relative;top:1px; } .tshirt-form .error {font-family: 'Open Sans', sans-serif; font-size:15px; line-height:1.5em;margin-left:20px;color:#FF0000;} .list p.authorship-tag, p.authorship-tag { text-align:center; width:100%; margin:0px; } /* Report a Bug Form */ .report-bug label { vertical-align:top;display:inline-block; font-size:15px; line-height:1.5em; width:250px; } .report-bug label.long { width:100%;} .report-bug input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } .report-bug input, textarea, select {border:2px solid #eee; border-radius: 3px 3px 3px 3px; height:auto; font-size:100%; padding:5px; background-color:#eee; color:#333;} .report-bug input:focus,.report-bug textarea:focus,.report-bug select:focus {background-color:#fff;} .report-bug input,.report-bug select,.report-bug label,.report-bug textarea { margin:0 1.5em 1.5em 0; } .report-bug textarea {width:100%;} .report-bug .required-green {color:#00AB30;} .report-bug .required { border:2px solid #00AB30; } .report-bug .last-name { display:none; } .report-bug .btn-submit { -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;box-shadow:inset 0px 1px 0px 0px #a4e271;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');background-color:#89c403;border:1px solid #74b807;text-shadow:1px 1px 0px #528009;color:#ffffff;padding:10px 20px; } .report-bug .btn-submit:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');background-color:#77a809;cursor:pointer;cursor:hand; } .report-bug .loading {margin: 12px 50px 20px 0px;padding: 0px;display: none;} /* Submit a Testimonial Form */ .submit-testimonial input.long {width:400px;} .submit-testimonial input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } .submit-testimonial input,.submit-testimonial input textarea,.submit-testimonial input select {border:2px solid #eee; border-radius: 3px 3px 3px 3px; height:auto; font-size:100%; padding:5px; background-color:#eee; color:#333;} .submit-testimonial input:focus,.submit-testimonial textarea:focus,.submit-testimonial select:focus {background-color:#fff;} .submit-testimonial input,.submit-testimonial input select,.submit-testimonial input label,.submit-testimonial input textarea { margin:0 1.5em 1.5em 0; } .submit-testimonial textarea {width:100%;font:inherit;} .submit-testimonial .required-green {color:#00AB30;} .submit-testimonial .required { border:2px solid #00AB30; } .submit-testimonial .last-name { display:none; } .submit-testimonial .btn-submit { -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;box-shadow:inset 0px 1px 0px 0px #a4e271;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');background-color:#89c403;border:1px solid #74b807;text-shadow:1px 1px 0px #528009;color:#ffffff;} .submit-testimonial .btn-submit:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');background-color:#77a809;cursor:pointer;cursor:hand; } .submit-testimonial .loading {margin: 12px 50px 20px 0px;padding: 0px;display: none;} .submit-testimonial span {color:#777;} footer { background-color:#343434; border-top:1px solid #242424; clear:both; color:#fff; font-size:.8em; line-height:1.5em; } footer h6 { font-family:'Paytone One', sans-serif; font-size:20px; font-weight:400; margin:0 0 0.5em; text-align:left; } footer a { color:#ffffff; font-family:'Open Sans', sans-serif; font-weight:600; } footer a:hover { color:#81b7e2; border-bottom:1px dotted #9a9a9a; } footer ul li { list-style:square inside; } footer ul li.blue { color: #1257f9; } footer ul li.red { color: #f73c3f; } footer ul li.yellow { color: #ffc022; } footer ul li.green { color: #0e9d18; } /* Temporary styles for IMN office information (/internet-consultant/) - CG */ .services .container ul.location { float:left; width:245px; margin:0 0 1.5em 0; -moz-column-count: 1; } .services .container ul.location li { list-style:none; } .services .container ul.location li img { margin:0 0 -4px 0; } #marketing-resources-page table tbody tr td { font-size:13px; } .imn-links { background:url('../images/devshed-bg.jpg') repeat; padding:25px 0 30px; } .imn-links .col { background:url('../images/footer-divider3.png') repeat-y right; } .getsocial form { margin:15px 0 0; padding:0 0 30px; } .getsocial form p { color:#cccccc; font-size:10px; margin:10px 0 0; line-height:1.6em; } .getsocial form .gs-field input#email { background:url('../images/newsletter-sprites.png') no-repeat; border:none; color:#969696; display:inline; height:36px; padding:0 0 0 5px; width:418px; } .getsocial form .gs-field input.submit { background:url('../images/newsletter-sprites.png') no-repeat -418px 0px; border:none; color:#ffffff; display:inline; height:36px; margin:0 0 0 10px; text-indent:-9999px; width:36px; opacity:0.8; filter:alpha(opacity = 80); zoom:1; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; text-shadow: 0 0 0 transparent, 0px 1px 1px #2c2c2c; filter: dropshadow(color=#2c2c2c, offx=0, offy=1); } .getsocial form .gs-field input.submit:hover { opacity:1; filter:alpha(opacity = 100); zoom:1; } .getsocial ul li { display:inline-block; height:22px; margin:0 0 15px; width:44%; } .getsocial ul li:last-child { margin:0; } .getsocial a:hover span { opacity:1; filter:alpha(opacity = 100); zoom:1; } .getsocial ul li a span { background-image: url('../images/social-sprites.png'); float:left; height:22px; margin:0 12px 0 0; width:22px; opacity:0.8; filter:alpha(opacity = 80); zoom:1; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } .getsocial ul li#facebook a span { background-position:0 0;} .getsocial ul li#twitter a span { background-position:-22px 0; } .getsocial ul li#google a span { background-position:-44px 0; } .getsocial ul li#linkedin a span { background-position:-66px 0; } .getsocial ul li#rss a span { background-position:-88px 0; } .getsocial ul li#pinterest a span { background-position:-132px 0; } .getsocial ul li#instagram a span { background-position:-154px 0; } .getsocial ul li#youtube a span { background-position:-176px 0; } .getsocial ul li a p { font-size:13px; font-weight:400; line-height:22px; margin:0; } .getsocial ul li a p strong { font-weight:600; } .imn-tools { width:100%; } .imn-tools .container { padding:25px 0 20px; } .imn-tools .col { background:url('../images/footer-divider.png') repeat-y right; } .imn-tools .col:last-child { background:none; } /* What's My Browser Size tool /seo-tools/whats-my-browser-size/ */ #browser-size-tool {margin:0 auto;position:relative;} #browser-size-tool h4 {position:absolute;top:7%;left:12%;font-size:1em;} #browser-size-tool p {position:absolute;top:26%;left:28%;font-size:1.8em;width:62%;color:#4994cf;font-family:'Rokkitt', sans-serif;line-height:1em;} #browser-size-tool img {width:100%;} #browser-size-tool span#browser-size-height {position:absolute;top:46%;left:4%;font-size:2.3em;} #browser-size-tool span#browser-size-width {position:absolute;top:82%;left:39%;font-size:2.3em;} .featured ul { display:inline-block; margin:10px 0 0 !important; } .featured ul a { font-size:1.2em; font-weight:400; text-align:left; text-decoration:none; } .featured ul a strong { font-weight:600; } .featured ul li { height:38px; list-style:none; margin:0 0 5px; overflow:hidden; } .featured ul li a span { background:url('../images/featured-tools-sprites.png') no-repeat; float:left; height:36px; margin:0; width:36px; opacity:0.8; filter:alpha(opacity = 80); zoom:1; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } .featured ul li a:hover { height:38px; } .featured ul li a:hover span { opacity: 1; filter:alpha(opacity = 100); zoom:1; } .featured ul li#tool1 a span { background-position:0 0; } .featured ul li#tool2 a span { background-position:-36px 0; } .featured ul li#tool3 a span { background-position:-72px 0; } .featured ul li#tool4 a span { background-position:-108px 0; } .featured ul li a p { float:left; margin:11px 0 0 10px; padding:0; vertical-align:top; } .featured ul li:first-child a p { margin:0 0 0 10px; } .featured ul li#tool1 a:hover p { border-bottom:2px dotted #1257f9; } .featured ul li#tool2 a:hover p { border-bottom:2px dotted #f43b3e; } .featured ul li#tool3 a:hover p { border-bottom:2px dotted #ffc022; } .featured ul li#tool4 a:hover p { border-bottom:2px dotted #0e9d18; } ul.more-tools { display:inline-block; margin:15px 0 0 !important; } ul.more-tools a { display:inline-block; font-family:'Exo', sans-serif; font-size:1.2em; font-weight:400; margin:5px 0 0; text-decoration:none; } ul.more-tools a strong { font-size:1.2em; font-weight:600; } ul.more-tools li { height:38px; list-style:none; margin:0; overflow:hidden; } ul.more-tools li span { background:url('../images/featured-tools-sprites.png') no-repeat; float:left; height:36px; margin:0; width:36px; opacity:0.8; filter:alpha(opacity = 80); zoom:1; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } ul.more-tools li a:hover { height:38px; } ul.more-tools li:hover span { opacity: 1; filter:alpha(opacity = 100); zoom:1; } ul.more-tools li#more-seochat span { background-position:-144px 0; } ul.more-tools li p { float:left; font-weight:500; margin:0 0 0 10px; padding:0; vertical-align:sub; } ul.more-tools li#more-seochat a:hover p { /* border-bottom:1px dotted #1257f9; border-width:2px; */ } .additional-tools { background-color:#252525; width:100%; } .additional-tools .colspan2 { float:left; } .additional-tools .col { margin:0; } .additional-tools .container { padding:25px 0 20px; } .additional-tools h6 { margin:13px 0 20px; } .additional-tools .container .cols:first-child { background:url('../images/footer-divider2.png') repeat-y right; margin:0; } .devshed-logo { background:url('../images/affiliate-sprites.png') no-repeat 0 -176px; height:39px; width:150px; text-indent:-9999px; margin:0 0 1.5em; } .threadwatch-logo { background:url('../images/affiliate-sprites.png') no-repeat 0 0; height:47px; width:286px; text-indent:-9999px; margin:0 0 25px; } .cre8asite-logo { background:url('../images/affiliate-sprites.png') no-repeat 0 -48px; height:54px; width:150px; float:left; text-indent:-9999px; margin:0 0 .5em; } .webmasterworld-logo { background:url('../images/affiliate-sprites.png') no-repeat 0 -102px; height:74px; width:150px; float:left; text-indent:-9999px; margin:0 40px 0 0; } .additional-tools ul.devshed-tools li { float:left; margin:0 0 0 24px; width:222px; list-style:none outside none; background:url('../images/footer-divider2.png') repeat-y right; } .additional-tools ul.devshed-tools li:first-child, .additional-tools ul.devshed-tools li:nth-child(2n+3) { margin:0; } .additional-tools ul.devshed-tools li:nth-child(2n+2) { background:none; } .additional-tools ul li p { display:inline-block; line-height:32px; margin:0; } .additional-tools ul li p span { background:url('../images/developershed-sprites.png') no-repeat; float:left; height:24px; margin:0 10px 0 0; width:25px; opacity:0.8; filter:alpha(opacity = 80); zoom:1; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } .additional-tools ul li p:hover span { opacity: 1; filter:alpha(opacity = 100); zoom:1; } .additional-tools ul a { font-family: 'Exo', sans-serif; font-size:1.2em; font-weight:500; text-decoration:none; } .additional-tools ul a strong { font-weight:600; } .additional-tools ul li#ds-seochat p span { background-position:0 -51px; } .additional-tools ul li#ds-devshed p span { background-position:-25px -51px; } .additional-tools ul li#ds-devarticles p span { background-position:-50px -51px; } .additional-tools ul li#ds-devhardware p span { background-position:-75px -51px; } .additional-tools ul li#ds-devmechanic p span { background-position:-100px -51px; } .additional-tools ul li#ds-aspfree p span { background-position:-125px -51px; } .additional-tools ul li#ds-tutorialized p span { background-position:-150px -51px; } .additional-tools ul li#ds-codewalkers p span { background-position:-175px -51px; } .additional-tools ul li#ds-scripts p span { background-position:-200px -51px; } .additional-tools ul li#ds-webhosters p span { background-position:-225px -51px; } .additional-tools ul.cre8asite-links a { list-style: inside square; font-family:'Open Sans', sans-serif; font-weight:600; } .additional-tools .col { background:url('../images/footer-divider2.png') repeat-y right; padding:0 24px 0 0; } .footer-cta { background:url('../images/footer-cta-bg.jpg') repeat; width:100%; } .hire-button { background:#cf4858; display:inline-block; font-family: 'Rokkitt', sans-serif; font-size:22px; font-weight:400; margin:0 30px 0 0; padding:15px 22px; text-transform:uppercase; -webkit-border-radius: 6px; border-radius: 6px; } .hire-button:hover { background:#b23241; border:none; color:#fff; } .cta-questions { display:inline-block; vertical-align:top;} .footer-cta .cols3 { padding:18px 0 18px; } .footer-cta .colspan2 { padding:14px 0 0; } .footer-cta .cta-questions h6 { font-size:23px; } .footer-cta .cta-questions p { display:inline-block; font-size:1.1em; margin:0; } .cta-questions p em { font-style:italic; } .footer-imn-logo { display:inline-block; background:url('../images/footer-imn-logo.png'); height:58px; width:57px; text-indent:-9999px; margin:8px 20px 0 0; vertical-align:top; } span.footer-address { color:#e0e0e0; display:inline-block; font-family: 'Rokkitt', sans-serif; font-size:18px; font-weight:400; } .copyright { background-color:#404041; padding:12px 0; width:100%;} .copyright .colspan3 {padding-top:12px;} /*.copyright .colspan2 a { border-bottom:dashed 1px #aaaa5a; color:#e3e367; }*/ .copyright .col { text-align:right; } .copyright .col a { color:#7F7F80 !important; font-family: 'Rokkitt', sans-serif; font-size:18px; font-weight:400; } .copyright .cols span { display:block; } .buy-report {background:#f7f7f7;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:10px;line-height:140%;} .buy-report table {width:100%;margin-bottom:0;} .buy-report table strong {font-weight:bold;} td.buy-report-first {padding-right:18px;border-right:1px solid #ccc;margin:0;} td.buy-report-left {padding:0 9px;border-right:1px solid #ccc;text-align:left;} td.buy-report-center {padding:0 9px;border-right:1px solid #ccc;text-align:center;} td.buy-report-right {text-align:right;padding:0 0 0 9px;} form.buypanda {background:none;border:0;width:100%;} form.pand-pay input[type="submit"], .buy input[type="button"], form.pand-pay input[type="button"], form.pand-pay input[type="submit"], .buy input[type="button"], form.buypanda input[type="button"], #panda-penguin-google-updatebuy-penguin-panda-report-page input[type="submit"] { background:#a0ce7c; color:#fff; display:inline-block; font-family: 'Rokkitt', sans-serif; font-size:22px; font-weight:400; margin:0 auto; padding:15px 22px; text-transform:uppercase; -webkit-border-radius: 6px; border-radius: 6px;border:none;} form.pand-pay input[type="submit"]:hover, .buy input[type="button"]:hover, form.pand-pay input[type="button"]:hover, form.pand-pay input[type="submit"]:hover, .buy input[type="button"]:hover, form.buypanda input[type="button"]:hover, #panda-penguin-google-updatebuy-penguin-panda-report-page input[type="submit"]:hover {color:#fff; background:#83b35d;} /* /internet-consultant/thankyou-stat ------------------------------------------------------*/ .screen-reader-text { position: absolute; top: -9999px; left: -9999px; } .thankyou { text-align:center; } .thankyou hr { background:none; height:10px; } .thankyou h3 { text-align:center; margin: 0 0 30px;} .thankyou li {list-style-type:none;width:50px;height:50px;margin:0;padding:0;} .thankyou .call-to-action-wrap { background:url('../images/thank-you/arrow.png') no-repeat; background-position: -24px 18px; } .thankyou .call-to-action { padding:1em 1em 0em 6em; } .thankyou .call-to-action.one { background: url('../images/thank-you/one.png') no-repeat; } .thankyou .call-to-action.two { background: url('../images/thank-you/two.png') no-repeat; } .thankyou .call-to-action.three { background: url('../images/thank-you/three.png') no-repeat; } .thankyou .call-to-action.four { background: url('../images/thank-you/four.png') no-repeat; } .thankyou .call-to-action.five { background: url('../images/thank-you/five.png') no-repeat; } .thankyou .call-to-action.six { background: url('../images/thank-you/six.png') no-repeat; } .thankyou .call-to-action .social-box-interior { padding:20px 0 0 0; } .thankyou .social-box-interior a { width:50px; height:50px;display:inline-block; } .thankyou .social-box-interior a.facebook { background:url("../images/thank-you/social-sprites.png") no-repeat scroll 0 0 transparent;} .thankyou .social-box-interior a:hover.facebook {background-position:0 -50px;} .thankyou .social-box-interior a.twitter { background:url("../images/thank-you/social-sprites.png") no-repeat scroll -50px 0 transparent;} .thankyou .social-box-interior a:hover.twitter {background-position:-50px -50px;} .thankyou .social-box-interior a.google { background:url("../images/thank-you/social-sprites.png") no-repeat scroll -100px 0 transparent;} .thankyou .social-box-interior a:hover.google {background-position:-100px -50px;} .thankyou .newsletter_btn p, .thankyou .rss_btn p, .thankyou .blog_btn p, .thankyou .speak_btn p, .thankyou .tools_btn p { font: bold 22px/46px Arial; letter-spacing: 0.0001em; color: white !important; text-shadow: 0 0 0 transparent, 0px 1px 1px #54474E; filter: dropshadow(color=#54474e, offx=0, offy=1); } .thankyou .newsletter_btn span, .thankyou .rss_btn span, .thankyou .blog_btn span, .thankyou .speak_btn span, .thankyou .tools_btn span { width: 32px; height: 22px; margin: 10px 0 0 10px; } .thankyou .newsletter_btn span { background: url('../images/thank-you/newsletter_btn.png'); } .thankyou .rss_btn span { background: url('../images/thank-you/rss_btn.png'); } .thankyou .blog_btn span { background: url('../images/thank-you/blog_btn.png'); } .thankyou .speak_btn span { background: url('../images/thank-you/speak_btn.png'); } .thankyou .tools_btn span { background: url('../images/thank-you/tools_btn.png'); width:22px; margin-left: 0px; } .thankyou .newsletter_btn, .thankyou .rss_btn, .thankyou .blog_btn, .thankyou .speak_btn, .thankyou .tools_btn { display: inline-block; height: 46px; padding: 0 18px; margin: 15px 0 10px 0px; -webkit-border-radius: 30px; border-radius: 30px; text-shadow: 0 0 0 transparent, 0px 1px 1px #54474E; filter: dropshadow(color=#54474e, offx=0, offy=1); text-decoration: none !important; } .thankyou .newsletter_btn { background: #ff0004; /* Old browsers */ background: -moz-linear-gradient(top, #ff0004 0%, #ce0003 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0004), color-stop(100%,#ce0003)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff0004 0%,#ce0003 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff0004 0%,#ce0003 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff0004 0%,#ce0003 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff0004 0%,#ce0003 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0004', endColorstr='#ce0003',GradientType=0 ); /* IE6-9 */ } .thankyou .rss_btn, .thankyou .blog_btn { background: #ff9d00; /* Old browsers */ background: -moz-linear-gradient(top, #ff9d00 0%, #dd9000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d00), color-stop(100%,#dd9000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff9d00 0%,#dd9000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff9d00 0%,#dd9000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff9d00 0%,#dd9000 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff9d00 0%,#dd9000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d00', endColorstr='#dd9000',GradientType=0 ); /* IE6-9 */ } .thankyou .blog_btn { background: #ff9d00; /* Old browsers */ background: -moz-linear-gradient(top, #ff9d00 0%, #dd9000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d00), color-stop(100%,#dd9000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff9d00 0%,#dd9000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff9d00 0%,#dd9000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff9d00 0%,#dd9000 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff9d00 0%,#dd9000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d00', endColorstr='#dd9000',GradientType=0 ); /* IE6-9 */ } .thankyou .blog_btn { margin-left: 10px; } .thankyou .speak_btn { background: #ffee00; /* Old browsers */ background: -moz-linear-gradient(top, #ffee00 0%, #e0d100 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffee00), color-stop(100%,#e0d100)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffee00 0%,#e0d100 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffee00 0%,#e0d100 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffee00 0%,#e0d100 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffee00 0%,#e0d100 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffee00', endColorstr='#e0d100',GradientType=0 ); /* IE6-9 */ } .thankyou .tools_btn { background: #00d60a; /* Old browsers */ background: -moz-linear-gradient(top, #00d60a 0%, #00ad1c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00d60a), color-stop(100%,#00ad1c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00d60a 0%,#00ad1c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00d60a 0%,#00ad1c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00d60a 0%,#00ad1c 100%); /* IE10+ */ background: linear-gradient(to bottom, #00d60a 0%,#00ad1c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d60a', endColorstr='#00ad1c',GradientType=0 ); /* IE6-9 */ } .thankyou a:hover.newsletter_btn { background: #CE0003; } .thankyou a:hover.rss_btn, .thankyou a:hover.blog_btn { background: #DD9000; } .thankyou a:hover.speak_btn { background: #E0D100; } .thankyou a:hover.tools_btn { background: #00AD1C; } .thankyou .forum-posts { padding:1.5em; background: #ECEADD; border: 1px solid #EAEAEA; border-radius: 5px; } .thankyou .forum-posts .post { margin-bottom: 2em; border-bottom: 1px solid #3E2B31; } .thankyou .forum-posts .post:last-child {margin-bottom: 0; border: none;} .thankyou .forum-posts .post h6.title { margin:4px 0px 2px; } .thankyou .forum-posts .post .date { font-size: 0.75em; margin-bottom: 10px; } .thankyou .forum-posts .post .desc { margin-bottom:1em; font-size:1em; line-height: 1.5em; } .thankyou .thanks {color:#673390; margin: 40px 0; } .thankyou hr.clearfix { border-color:transparent; margin: 0;} .services .container .thanks-cta-indicator { padding:0 0 1.5em 80px; min-height:70px; } .services .container .thanks-cta-indicator.one { background: url('../images/thank-you/one.png') no-repeat; } .services .container .thanks-cta-indicator.two { background: url('../images/thank-you/two.png') no-repeat; } .services .container .thanks-cta-indicator.three { background: url('../images/thank-you/three.png') no-repeat; } .services .container .thanks-cta-indicator.four { background: url('../images/thank-you/four.png') no-repeat; } .services .container .thanks-cta-indicator.five { background: url('../images/thank-you/five.png') no-repeat; } .services .container ul.thanks-cta-social { margin:0; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; margin:10px 0 0; } .services .container ul.thanks-cta-social li { display:inline-block; margin:0 15px 0 0; } .services .container ul.thanks-cta-social li a { background:url('../images/thank-you/contact-social.png') no-repeat; display:block; opacity: 0.8; text-indent:-9999px; width:50px; height:50px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .services .container ul.thanks-cta-social li a:hover { opacity:1.0; } .services .container ul.thanks-cta-social li a.twitter { background-position:-50px 0; } .services .container ul.thanks-cta-social li a.google { background-position:-100px 0; } .services .container a.thanks-cta-button { color:#fff; font-family:'Open Sans', sans-serif; font-size:24px; font-weight:700; border-radius:30px; display:inline-block; margin:10px 0 0; padding:10px 20px 12px; text-decoration:none !important; text-shadow:0 0 0 transparent, 0 1px 1px #54474E; opacity: 0.8; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .services .container a.thanks-cta-button:hover { opacity:1.0; } .services .container a.thanks-cta-button.red { background: rgb(254,0,4); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlMDAwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjAwMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(254,0,4,1) 0%, rgba(207,0,3,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,0,4,1)), color-stop(100%,rgba(207,0,3,1))); background: -webkit-linear-gradient(top, rgba(254,0,4,1) 0%,rgba(207,0,3,1) 100%); background: -o-linear-gradient(top, rgba(254,0,4,1) 0%,rgba(207,0,3,1) 100%); background: -ms-linear-gradient(top, rgba(254,0,4,1) 0%,rgba(207,0,3,1) 100%); background: linear-gradient(to bottom, rgba(254,0,4,1) 0%,rgba(207,0,3,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0004', endColorstr='#cf0003',GradientType=0 ); } .services .container a.thanks-cta-button.orange { background: rgb(255,157,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDkwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,157,0,1) 0%, rgba(221,144,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,157,0,1)), color-stop(100%,rgba(221,144,0,1))); background: -webkit-linear-gradient(top, rgba(255,157,0,1) 0%,rgba(221,144,0,1) 100%); background: -o-linear-gradient(top, rgba(255,157,0,1) 0%,rgba(221,144,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,157,0,1) 0%,rgba(221,144,0,1) 100%); background: linear-gradient(to bottom, rgba(255,157,0,1) 0%,rgba(221,144,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d00', endColorstr='#dd9000',GradientType=0 ); } .services .container a.thanks-cta-button.yellow { background: rgb(255,238,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGQxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,238,0,1) 0%, rgba(224,209,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,238,0,1)), color-stop(100%,rgba(224,209,0,1))); background: -webkit-linear-gradient(top, rgba(255,238,0,1) 0%,rgba(224,209,0,1) 100%); background: -o-linear-gradient(top, rgba(255,238,0,1) 0%,rgba(224,209,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,238,0,1) 0%,rgba(224,209,0,1) 100%); background: linear-gradient(to bottom, rgba(255,238,0,1) 0%,rgba(224,209,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffee00', endColorstr='#e0d100',GradientType=0 ); } .services .container a.thanks-cta-button.green { background: rgb(0,212,10); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZDQwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFkMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,212,10,1) 0%, rgba(0,173,27,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,212,10,1)), color-stop(100%,rgba(0,173,27,1))); background: -webkit-linear-gradient(top, rgba(0,212,10,1) 0%,rgba(0,173,27,1) 100%); background: -o-linear-gradient(top, rgba(0,212,10,1) 0%,rgba(0,173,27,1) 100%); background: -ms-linear-gradient(top, rgba(0,212,10,1) 0%,rgba(0,173,27,1) 100%); background: linear-gradient(to bottom, rgba(0,212,10,1) 0%,rgba(0,173,27,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d40a', endColorstr='#00ad1b',GradientType=0 ); } .services .container a.thanks-cta-button span { display:inline-block; height:22px; margin:0 0 0 10px; width:32px; } .services .container a.thanks-cta-button span.newsletter_btn { background:url('../images/thank-you/newsletter_btn.png') no-repeat; } .services .container a.thanks-cta-button span.rss_btn { background:url('../images/thank-you/rss_btn.png') no-repeat; } .services .container a.thanks-cta-button span.blog_btn { background:url('../images/thank-you/blog_btn.png') no-repeat; } .services .container a.thanks-cta-button span.speak_btn { background:url('../images/thank-you/speak_btn.png') no-repeat; } .services .container a.thanks-cta-button span.tools_btn { background:url('../images/thank-you/tools_btn.png') no-repeat; margin:0; } .rss-article { color: #49595F; font-size: 15px; line-height:24px; margin:0 0 1.5em; } .rss-article:last-child { margin:0; } .rss-article .date { font-size:14px; font-weight:600; } .thread-wrap {background: rgba(33,33,33,.05); border-top:3px solid rgba(33,33,33,.10); padding:15px 5% 0 5%; margin-bottom:1.5em; } #terms-page ol li ol li, #terms-page ol li ul li {font-size:1.25em; line-height:1.65em; margin:0 0 .8em 0; padding:0; color:#48595E;} #terms-page ol li ol li ol li, #terms-page ol li ol li ol li ol li {font-size:1.2em; line-height:1.6em; margin:0 0 .8em 0; padding:0; color:#48595E;} #terms-page h5, #terms-page ol li ol h5 {margin:.8em 0 0 0; line-height:1.5em; color:#48595E;} #terms-page ol li ol li h5, #terms-page ol li ol li ol h5, #terms-page ol li ol li ol li h5 {margin:.8em 0 0 0; font-size:1.35em; line-height:1.5em; color:#48595E;} /* ---------->>> thickbox <<<-----------------------------------------------------------------------------*/ #TB_window{font:18px Arial,Helvetica,sans-serif;color:#333333;-webkit-box-sizing:content-box;box-sizing:content-box;} #TB_secondLine{font:18px Arial,Helvetica,sans-serif;color:#004EF2;} #TB_window a:link {color: #004EF2;} #TB_window a:visited {color: #004EF2;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #004EF2;} #TB_window a:focus{color: #004EF2;} /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ #TB_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%;} .TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;} .TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;} #TB_window{position:fixed;background:#ffffff;z-index:102;color:#000000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%;overflow:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;} #TB_window img#TB_Image{display:block;margin:15px 0 0 15px;} #TB_caption{height:55px;padding:7px 30px 10px 25px;float:left;font-size:18px; line-height: 22px;} #TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;} #TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;display:none;} #TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;} #TB_title{background:url('../images/content-bg1.jpg') repeat; border-bottom:solid 2px #eaeaea;height:49px;} #TB_title h4{margin:3px 0 0 0;} #TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;} #TB_ajaxContent.TB_modal{padding:15px;} #TB_ajaxContent p{padding:5px 0px 5px 0px;} #TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;/* -height/2 0 0 -width/2 */} #TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;} #TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px; width:550px !important;} /* --------------- Modal Box Bootstrap ---------------*/ .modal-body input {width:100%;} .modal-header h5 {color: #4994cf;display: block;font-family: "Open Sans Condensed",sans-serif;font-size: 28px;} .modal-footer .btn-primary {color: #ffffff;background: #4994cf; border-radius:4px; padding:5px;border:none;} .modal-footer .btn-default {color: #ffffff;background: #999999; border-radius:4px; padding:5px;border:none;} .modal-footer .btn-primary:hover {background: #58aef1;} .modal-footer .btn-default:hover {background: #c0c0c0;} /* Animations */ .animated {-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;} @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);}} @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);}} @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);}} @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada { -webkit-animation-name:tada; -moz-animation-name:tada; animation-name:tada; animation-delay:1s; -moz-animation-delay:1s; -webkit-animation-delay:1s; } /* Media Query Adjustments */ /* Full Page */ @media screen and (min-width:1001px) { .page { margin:35px auto .5em auto; width:960px; } .col { float:left; margin:0; } .cols4 .col { margin:0 0 0 24px; width:222px; } .cols4 .col:first-child { margin-left:0; width:222px; } .cols4 .colspan2 { float: left; margin-left: 24px; width: 468px; } .cols4 .colspan3 { float: left; margin-left: 24px; width: 714px; } .cols4 .colspan3:first-child { margin-left: 0; } .cols3 .col { margin:0 0 0 24px; width:304px; } .cols3 .colspan2 { float: left; width:632px; } .cols3 .colspanBox { border-radius:20px; margin:0 24px 20px; width:584px; } .cols2 .col { margin:0 0 0 24px; width:468px; } .cols .col:first-of-type { margin-left:0; } .bst-content {float:left;max-width:300px;} #browser-size-tool {max-width:640px;margin-top:-20px;float:right;} .featured-ebook .featured-info { display:inline; float:right; margin-left:10px; margin-right:10px; padding:0 25px 0 0; width:480px; } .featured-ebook .featured-big-cover { width:430px; background-position:0 0; -webkit-transition:background-position 1s,width 1s;-moz-transition:background-position 1s,width 1s;-o-transition:background-position 1s,width 1s;transition:background-position 1s,width 1s; } } /* 1024px Max Width - The Jim Query */ @media screen and (max-width:1024px) { .headline-service { margin:0 0 30px; padding:10px 0; } } /* 1000px Max Width */ @media screen and (max-width:1000px) { .container { margin:0 auto; padding:2%; width:94%; } .page { margin:35px auto .5em auto; padding:2%; width:94%; } .col { float:left; margin:0; } .cols4 .col { margin:0 0 0 2%; width:49%; } .cols4 .colspan2 { width:47%; } .cols3 .col { margin:0 0 0 2%; width:32%; } .cols3 .colspan2 { float:left; width:66%; } .job-listing .cols3 .job-info { float:left; width:66%; } .job-listing .cols3 .sidebar { width:34%; } .cols3 .colspanBox { border-radius:20px; margin:0 1% 20px; width:63.33333%; } .cols2 .col { margin:0 0 0 2%; width:49%; } .cols .col:first-of-type { margin-left:0; } .cols .getsocial { float:left; } a.button span { padding-top:0; text-align:center; width:100%; } a.button img { display:block; float:none; margin:0 auto; } header .container { margin:0 auto; padding:0 2%; width:100%; } header span.logo { margin:35px 30px 36px 2%; -webkit-transition: width 500ms ease-out; -moz-transition: width 500ms ease-out; -ms-transition: width 500ms ease-out; -o-transition: width 500ms ease-out; transition: width 500ms ease-out; overflow:hidden; } header .container #nav { width:640px; } header .container #nav li:nth-of-type(2) span { font-size:13.5px; } #nav-social { display:none; } .featured-tools .container .col:nth-child(3) { clear:both; margin:0; } .featured-blog .container .colspan3 { margin:0; } .featured-blog .tweets { margin:50px 0 0; width:100%; } .featured-blog .tweets ul { margin:0 0 10px; } .featured-blog .tweets ul li { margin:0 0 5% 2%; width:48%; vertical-align:top; } .featured-blog .tweets ul li:nth-child(odd) { margin:0 0 5%; } .featured-events .upcoming:nth-child(3) { margin: 8px 0 0 0; } .featured-events ul.awards li { margin:0 20px 20px; } .featured-events ul.awards li:last-child { margin:0 20px 20px; } .featured-events ul.industry li { margin:0 20px 20px; } .featured-events ul.industry li:last-child { margin:0 20px 20px; } .services .container ul { color:#49595f; font-size:14px; line-height:25px; list-style:square inside; -moz-column-count:2; -webkit-column-count:2; column-count:2; } .services .cols3 .colspan2, .services .cols3 .col { float:left; display:inline-block; } .process .container .col:nth-child(3) { clear:both; margin:30px 0 0; } .process .cols3 .col:nth-child(3) { clear:none; margin:0 0 0 2%; } .process .container .col:nth-child(4) { margin:30px 0 0; } .pricing .cols4 .col:nth-child(3) { margin:5% 0 0; } .pricing .cols4 .col:nth-child(4) { margin:5% 0 0 2%; } .pricing .list h5 { width:32%; } .pricing .list ul { margin:0 0 0 2%; width:32%; -moz-column-count:1; -webkit-column-count:1; column-count:1; } .pricing .list span.cta-button { margin:0 0 0 2%; padding:0; width:32%; } .pricing .list .option p { margin:0 0 0 2%; width:32%; } .events .col { text-align:center; } .events .col h5 { text-align:center; } .events .col:nth-child(3) { clear: both; margin:0; } .events .upcoming .eventlogo { margin:0 auto 20px; } #consultinginternet-marketing-speaker-page .events .col:nth-child(7), #consultinginternet-marketing-speaker-page .events .col:nth-child(11) { clear:both; margin:0; } .events .upcoming .eventlogo#searchexchange { margin:5px auto 20px; } .events .upcoming .eventlogo#optimization { margin:22px auto; } #arrow-interior .container { padding:0 0 0 70px; } #arrow-interior { background:url('../images/arrow-interior.png') no-repeat -990px 0; } .imn-links.container { padding:25px 0 30px; } .imn-links .col, .imn-links .colspan2 { background:none; width:32%; margin:0 0 0 2%; } .imn-links .getsocial ul li { display:inline; } .imn-links .getsocial ul li a p { display:none; } .getsocial form .gs-field input#email { width:80%; -webkit-border-radius: 8px; border-radius: 8px; } .imn-tools .container .col {background:none;} .additional-tools .colspan2 { background:url('../images/footer-divider2.png') repeat-y left; padding:0 0 0 2%; } .additional-tools .colspan2:first-child { width:55%; padding:0; } .additional-tools .colspan2:last-child { width:43%; background:none; } .additional-tools ul.devshed-tools li { width:47%; margin:0 0 0 2%; } .portfolio .container .col { margin:0 0 0 3%; text-align:center; width:48.4%; } .portfolio .container .col:nth-child(odd) { margin:0; } .portfolio .container .col:nth-child(4), .portfolio .container .col:nth-child(6) { margin:0 0 0 3%; } .splash .splash-text h2 { margin:1% 0; font-size:26px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; } .splash .splash-text ul { margin:0 0 3.75%; font-size:16px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; } .splash .splash-button { font-size:24px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; } /* JOBS Page: styling for job listings with a featured image */ .job-openings .job-description .jobs-featured-img { margin:0 15px 10px 0; } .job-openings .job-description .jobs-featured-content { display:inline; padding:0; } .job-openings .job-description .jobs-featured-link { display:block; margin:0.8em 0 0; } /* EBOOKS Page: styling for eBooks landing page and individual eBook pages */ .featured-fix { } .featured-ebook { } .featured-ebook .featured-big-cover { } .featured-ebook .featured-small-cover { display:inline; float:left; background:url('../images/ebooks/featured-ebook-2-small.jpg') no-repeat; margin:25px; width:117px; height:157px; } .featured-ebook .featured-small-cover#cover-10 { display:inline; float:left; background:url('../images/ebooks/google-strategies-whitepaper-small.jpg') no-repeat; margin:25px; width:117px; height:157px; } .featured-ebook .featured-small-cover#cover-9 { display:inline; float:left; background:url('../images/ebooks/rankings-case-study-small.jpg') no-repeat; margin:25px; width:117px; height:157px; } .featured-ebook .featured-info { display:block; margin-left:145px; padding:25px; } .featured-ebook .featured-author { padding-top:0; } .featured-ebook .featured-title { } .featured-ebook .foreward-text { } .featured-ebook .foreward-filetype { } .featured-ebook .featured-more-button { } .featured-ebook .featured-more-button:hover { } .recent-publications ul.books li.book { width:46%; } .ribbon .col:nth-child(3) {clear: both; margin: 0;} .copyright .colspan3 {width:60%;float:left;} .copyright .col {width:30%;text-align:right;} .copyright .colspan3 {padding-top:0;} } /* 955px Max Width */ @media (max-width: 955px) { header .container #nav { width: 700px; } header span.logo { height:61px; width:59px; margin:42px 30px 42px 2%; -webkit-transition: width 500ms ease-out; -moz-transition: width 500ms ease-out; -ms-transition: width 500ms ease-out; -o-transition: width 500ms ease-out; transition: width 500ms ease-out; } ul#nav { top:30px; } #nav-social { display:inline-block; } .footer-cta .cols3 .colspan2 { float:left; width:100%; text-align:center; margin:0; } .footer-cta .col { float:left; width:100%; text-align:center; margin:2em 0 0 !important; } .footer-cta .footer-address { text-align:left; } } /* 930px Max Width */ @media (max-width: 935px) { .getsocial form .gs-field input#email { width:75%; -webkit-border-radius: 8px; border-radius: 8px; } } /* 900px Max Width */ @media (max-width: 900px) { .additional-tools .colspan2 { padding:0 0 0 2%; } .additional-tools .container .cols:first-child { background:none; } .additional-tools .colspan2:first-child { width:100%; padding:0; } .additional-tools .colspan2:last-child { width:100%; background:none; } .additional-tools ul.devshed-tools li { width:47%; margin:0 0 0 2%; } .threadwatch-logo, .webmasterworld-logo { float:left; margin:0 4% 0 0; } .splash .splash-text h2 { margin:0 0 1%;} .ebook-summary .selected-cover { display:block; float:left; margin:0 30px 30px 0; } .ebook-summary .selected-info { display:inline; padding:0; } .ebook-summary .selected-social .fb-like, .ebook-summary .selected-social .twitter-share-button, .ebook-summary .selected-social #___plusone_0 { width:13% !important; } } /* 860px Max Width */ @media (max-width: 860px) { header .container #nav { width: 640px; } #nav-social { display:none; } .splash .container { padding:30px 0 35px; } .splash .splash-video, .splash .splash-photo { float:none; margin:0 auto; padding-bottom:42.6%; width:75%; } .splash .splash-text { float:left; width:100%; margin:0; text-align:center; } .splash .splash-text h2 { font-size:32px; margin:3% 0 1%; text-align:center; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; } .splash .splash-text ul { font-size:18px; line-height:2em; margin:0 0 2%; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; } .splash .splash-button { float:none; display:inline-block; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; } .video-form { width:100%; margin: 0 0 0 0;} .video-form .contact-form input.txt {width:70%;} .video-form .contact-form label {width:15%;margin-left:0;padding-left:0;} .video-form .contact-form .cta-button {margin-left:0;} .video-text { top:185px;} } /* 835px Max Width */ @media (max-width: 835px) { .imn-tools .container .featured ul li a p { font-size:0.8em;} } /* 780px Max Width */ @media screen and (max-width:780px) { header .container { text-align:center; } header span.logo { display: block; height: 79px; margin:15px auto 0; width: 225px; } /* temp style - logo link - CG */ .logo-link {display:block;} header .container #nav { display:none; } header .container select { display:inline-block; margin:10px auto 0; } } /* 768px Max Width */ @media screen and (max-width:768px) { h2 { font-size:60px; } .container, .page { margin:0 auto; padding:2%; width:96%; } .col { float:none; margin:0; } .cols4 .col, .cols3 .col, .cols3 .colspan2, .cols2 .col { margin:0 0 30px; padding:0; width:100%; } .job-listing .cols3 .job-info { width:100%; border:none; padding:0; } .job-listing .cols3 .sidebar { width:100%; border:none; padding:40px 0 0; background:url("../images/post-divider.png") no-repeat scroll center top transparent; } .job-listing .cols3 .sidebar img { width:auto; float:left; margin:0 24px 24px 0; } .cols4 .col:last-child, .cols3 .col:last-child, .cols3 .colspan2:last-child, .cols2 .col:last-child { margin:0; } .cols3 .colspanBox { margin:0 1%; padding:2%; width:94%; } a.button { margin:20px auto 0 auto; width:200px; } a.button span { padding-top:0; text-align:center; width:100%; } a.button img { display:block; float:none; margin:0 auto;} .featured-blog .tweets { margin:50px 0 0; } .featured-events .upcoming:nth-child(3) { margin: 8px 0 0 0; } .featured-events .col#previousspeaking { float:left; } .featured-events ul.awards li { margin:0 15px 20px; } .featured-events ul.awards li:last-child { margin:0 15px 20px; } .featured-events ul.industry li { margin:0 15px 20px; } .featured-events ul.industry li:last-child { margin:0 15px 20px; } .services .container ul { color:#49595f; font-size:14px; line-height:25px; list-style:square inside; -moz-column-count:1; -webkit-column-count:1; column-count:1; } #services-page .services .col { margin:0; } .services .container .col:first-of-type { margin:0; } .testimonials .container .col:first-of-type { margin:0; } .pricing .container .col { margin:30px 0; } .pricing .container .col:first-child { margin:0 0 30px; } .pricing .container .col:last-child { margin:30px 0 0; } .pricing .list h5 { width:100%; } .pricing .list ul { margin:15px 0; text-align:center; width:100%; } .pricing .list span.cta-button { margin:0; width:100%; } .pricing .option ul { list-style:square inside !important; } .pricing .option ul li { margin:0 !important; } .pricing .list .option p { width:100%; margin:2% auto; } .pricing .col ul { list-style:inside; margin:0; } .pricing .col ul li { margin:0; } #arrow-interior .container { padding: 0 20px; } #arrow-interior { background:none; } .imn-links.container { padding: 25px 2% 30px; } .imn-links .col { float:left; margin:0 0 30px 2%; width:49%; } .imn-links .getsocial { width:100%; margin:0; text-align:center; } .imn-links .getsocial form { margin: 0 auto; width:65%; } .imn-links .getsocial h6 { text-align:center; } .imn-links .getsocial ul { display: inline-block; text-align:center; } .imn-tools .container { padding:25px 2% 20px; } .imn-tools .col { float:left; width: 49%; } .imn-tools .col:nth-child(2) { margin:0 0 0 2%; width: 49%; } .imn-tools .col:last-child { width:100%; margin:0; } .additional-tools .container { padding:25px 2% 20px; } .additional-tools .container .cols, .additional-tools .container .col { float:left; width:100%; } .additional-tools .container .col { margin:10px; text-align:center; } .additional-tools .container .colspan3 { background:none; margin:0; padding:0; } .additional-tools .container .col a { display:inline-block; } .additional-tools .container .col a:first-of-type { margin:0 10px 0 0; } .additional-tools .devshed-logo { margin:0 auto 1.5em } .additional-tools ul.devshed-tools li { float:left; list-style:none outside none; } .additional-tools ul.devshed-tools li:nth-child(even) { background:none !important; margin:0 0 0 2% !important; width:49%; } .additional-tools ul.devshed-tools li:nth-child(odd) { background:none !important; width:49%; margin:0; } .additional-tools ul.devshed-tools li:nth-child(3n+3) { background:url('../images/footer-divider3.png') repeat-y right; } .additional-tools .container .col .cre8asite-logo { margin:0 auto 1.5em; } .additional-tools ul.cre8asite-links li { background:url('../images/footer-divider2.png') repeat-y right; float:left; margin:0; width:33%; list-style:none; text-align:center; } .additional-tools ul.cre8asite-links li:last-child { background:none; } .footer-cta .hire-button { margin:0; } .footer-cta .cta-questions { margin:2em 0 0; width:100%; } .footer-cta .cta-questions h6 { text-align:center !important; } .additional-tools .container .our-communities { padding:0; } /* JOBS Page: styling for job listings with a featured image */ .job-openings .job-description .jobs-featured-img { display:inline-block; float:none; width:22%; } .job-openings .job-description .jobs-featured-content { display:inline-block; width:75%; } .job-listing .featured-left, .job-listing .featured-right { width:30%; } .job-listing .cols3 .sidebar img { width:50%; } } /* 701px Max Width */ @media (max-width: 701px) { .contact-form .step1 label, .contact-form label.long {width:100%;} .contact-form input.txt, .contact-form select.txt {width:100%;} } /* 670px Max Width */ @media (max-width: 670px) { .portfolio .container .col { margin:0; width:100%; } .portfolio .container .col:nth-child(4), .portfolio .container .col:nth-child(6) { margin:0; } } /* 640px Max Width */ @media (max-width: 640px) { .panda-cta .colspan2 span { float:left; } .panda-cta .colspan2 a { float:left; } } /* 635px Max Width */ @media (max-width: 635px) { .splash .splash-video, .splash .splash-photo { padding-bottom:42.25%; } .recent-publications ul.books li.book { width:100%; margin-left:0; } .ebook-summary .selected-cover { float:none; display:block; margin:0 auto; width:35%; } .ebook-summary .selected-download-button { display:block; margin:0 auto; width:187px; } .ebook-summary .selected-header .selected-title { margin:.25em 0; } .ebook-summary .selected-header .selected-title, .ebook-summary .selected-byline, .ebook-summary .selected-social { text-align:center; } } /* 610px Max Width */ @media (max-width: 610px) { .featured-blog .tweets { margin:50px 0 0; width:100%; } .featured-blog .tweets ul { margin:0 0 10px; } .featured-blog .tweets ul li { display:inline-block; margin:0 0 8%; width:100%; } .featured-blog .tweets ul li:nth-child(odd) { margin:0 0 8%; } .additional-tools ul.devshed-tools li { background:none; } .additional-tools ul.devshed-tools li:nth-child(3n+3) { background:none; } #browser-size-tool h4 {font-size:0.8em;} #browser-size-tool p {font-size:1.3em;} #browser-size-tool span#browser-size-height {font-size:1.4em;top:45%;} #browser-size-tool span#browser-size-width {font-size:1.4em;left:43%;} /* JOBS Page: styling for job listings with a featured image */ .job-openings .job-description .jobs-featured-img { width:40%; } .job-openings .job-description .jobs-featured-content { width:55%; } } /* 525px Max Width */ @media (max-width: 525px) { .splash .container { background-position:center center;} .splash .splash-title, .splash .splash-description, .splash .splash-button { display:block; float:none; } .featured-events h4 { text-align:center; } .featured-events .container .col .upcoming { width:100%; } .featured-events .container .col { text-align:center; } .featured-events .upcoming .eventlogo { margin:6px auto 20px; } .featured-events .container .col .upcoming h5 { text-align:center; } .featured-blog .container .cols h4 { text-align:center; } .imn-tools h6 { text-align:center; } .imn-tools .col { text-align:center; width: 100%; } .imn-tools .col:nth-child(2) { background:none; width: 100%; margin:0 0 30px; } .imn-tools .col:last-child { margin:0; } .imn-tools ul { display:inline-block; } .imn-tools li { text-align:left; } .imn-tools .more-tools { display:block; } .imn-tools .more-tools li { display:inline-block; } #browser-size-tool h4 {font-size:0.7em;} #browser-size-tool p {font-size:1.2em;} #browser-size-tool span#browser-size-height {font-size:1.2em;} #browser-size-tool span#browser-size-width {font-size:1.2em;} .additional-tools ul.devshed-tools li { text-align:center; width:100% !important; } .additional-tools ul.devshed-tools li:nth-child(even) { margin:0 !important; } .additional-tools ul.devshed-tools li:nth-child(odd) { margin:0 !important; } .additional-tools ul.cre8asite-links li { background:none; float:none; list-style:square inside; margin:0 auto; width:100%; } .additional-tools .container .cols h6 { text-align:center; margin:30px 0 1.2em} .threadwatch-logo, .webmasterworld-logo, .cre8asite-logo { margin:0 auto 15px; float:none; } /* JOBS Page: styling for job listings with a featured image */ .job-openings .job-description .jobs-featured-img { width:100%; } .job-openings .job-description .jobs-featured-content { width:100%; } .featured-ebook .featured-small-cover, .featured-ebook .featured-small-cover#cover-9, .featured-ebook .featured-small-cover#cover-10 { display:block; background-position:center 0; margin:25px auto 0; width:100%; } .featured-ebook .featured-info { clear:both; margin:0; padding:25px 25px 60px; width:100%; } .featured-ebook .featured-author, .featured-ebook .featured-title { text-align:center; } .copyright .colspan3 {width:100%;float:none;text-align:center;} .copyright .col {width:100%;text-align:center;padding-top:6px;} } /* Samsung Galaxy S3 - 360px Max Width */ @media (max-width: 360px) { .container, .page { margin:0 auto; padding:3%; width:94%; } .splash .splash-title h2 { font-size:25px; } .featured-blog .tweets ul li, .featured-blog .tweets ul li:nth-child(2n+1) { margin:0px 0px 12%; } .headline, .headline#arrow1 { padding:0 4%; } .getsocial form .gs-field input#email { width:70%; } .management .biography .headshot, .summary .service-icon { display:block; float:none; margin:0px auto 5%; } .management .biography h3, .management .biography h4 { text-align:center; } .featured-blog .time-stamp { float:left; margin:0px 15px 0px 0px; } .featured-blog .blog-entry { display:block; padding:0px; } .featured-blog a.read-button { display:block; } .pricing .option ul { list-style: square outside none !important; text-align:left; } .pricing .option ul li { margin:0 0 0 17px !important; } .services .container ul li span, .process .container ul li span { float:left; margin:0px 15px 0px 0px; } .services .container ul li .service-info, .process .container ul li .process-info { display:block; padding:0px; } #browser-size-tool h4 {font-size:0.5em;} #browser-size-tool p {font-size:1em;} #browser-size-tool span#browser-size-height {font-size:1em;top:42%;} #browser-size-tool span#browser-size-width {font-size:1em;top:78%;left:39%;} } /* iPhone - 320px Max Width */ @media (max-width: 320px) { .small-service-icons img { margin:0 5% 0 0; } .getsocial form .gs-field input#email { width:70%; } .splash .splash-description { font-size:14px; } .contact-form .button.next { float: left; } } /*media query added for new timeline*/ @media (min-width: 1000px){ .container-timeline {margin:0 auto; width:960px;} /*base positioning and styling for event list items at medium to large viewports*/ .timeline li{position:relative; clear:both; float:left; width:40%; margin-bottom:0; text-align:right; border-radius:50%; box-shadow:0 1px #fff inset; height:325px; } /*branch postiioning in relation to event nodes*/ .timeline li:before, .timeline li:after{content:" "; width:26.1%; height:1px; background:#81b7e2; position:absolute; left:100%; top:50%; background:-moz-linear-gradient(0,#33668e,#81b7e2); background:-webkit-gradient(linear,left top,right top,from(#33668e),to(#81b7e2)); } /*event nodes positioned to the right*/ .timeline li:nth-of-type(odd){float:right; text-align:left; } /*reduce vertical space between event list items at medium to larger viewports*/ .timeline li:nth-of-type(even){margin-top:-125px; } /*positioning for branch nodes for right side of timeline*/ .timeline li:nth-of-type(odd):after{background:-moz-linear-gradient(0,#81b7e2,#33668e); background:-webkit-gradient(linear,left top,right top,from(#81b7e2),to(#33668e)); left:auto; right:100%; } /*vertical-align date and description for event no matter the height of the content*/ .timeline-align {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /*base positioning time line event image */ .timeline-media {position:absolute; z-index: 10; max-width:inherit; } /*positioning for specific event images*/ .founded-img {top:-65px; left:35px; } .corporation-img {right:10px; top:210px; } .larry-img {top:-50px; left:0px; } .sergey-img {top:220px; right:-55px; } .tools-img {top:-100px; left:50px; } .jb-img {top:-40px; right:10px; } .scotland-img {top: 270px; right: 190px; } .company-img {top: -80px; left: 80px; } .moving-img {top:245px; right:50px; } .rebrand-block {top:-175px; left:0px; } .wmw-block {top:-50px; left:-10px; } .cre8site-block {top:-30px; right:0px; } .developershed-block {top:250px; right:100px; } }