/*------------------------------------------------------------------------------- R E S E T -------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, ol, ul, li, form, fieldset, label, table, caption, legend, thead, tbody, tfoot, th, tr, td { border: 0; font-size: 100%; font-style: normal; font-weight: normal; margin: 0; padding: 0; vertical-align: baseline; } q:before, q:after { content: ""; } q { quotes: "" ""; } dir, menu { list-style: none; } .header ul, .header ol, .footer ul, .footer ol { list-style: none; } a img, :link img, :visited img, fieldset, iframe { border: 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; vertical-align: top; } hr { display: none; } /*------------------------------------------------------------------------------- B A S I C S T Y L E S -------------------------------------------------------------------------------*/ em, i, dfn, cite { font-style: italic; } strong, b { font-weight: bold; } u, ins { text-decoration: underline; } acronym, abbr { border-bottom: 1px dotted #666; cursor: help; } acronym { text-transform: uppercase; } code, samp, kbd, pre, tt, var { font: 1em "Courier New", Courier, monospace; } input, select, textarea { font: 1em Tahoma, Arial, Helvetica, sans-serif; } label { cursor: pointer; } sup { font-size: 0.8em; vertical-align: super; } sub { font-size: 0.8em; vertical-align: sub; } .fleft { float: left; } .fright { float: right; } /* Global Link Settings -------------------------------------------------------------------------------*/ a, a:link { color: #43698f; text-decoration: underline; } a:visited { color: #43698f; } a:hover { text-decoration: none; } a:active { color: #43698f; } /* Accessibility Navigation & Hiding -------------------------------------------------------------------------------*/ .accessibility-navigation, .hide, body.home ul.services li.services-learn-more a strong { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } /* Clearing -------------------------------------------------------------------------------*/ .clearfix:after, #content:after, .content:after, .servicedescs ul li:after, .title-area:after, ul.profiles li:after, .custom-design-wrap:after, #header .phone:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } #header .phone { height: 1%; } /*------------------------------------------------------------------------------- S T R U C T U R E -------------------------------------------------------------------------------*/ body { text-align: center; background: #fff url(../images/bg.jpg) repeat-x left top; color: #6F6F6F; } .wrapper { font: 76%/1.4 Tahoma, Arial, Helvetica, sans-serif; text-align: left; margin: 0 auto; width: 948px; } .container { background: url(../images/bg-header.jpg) no-repeat; } .content-wrap { background: url(../images/bg-content-wrap.jpg) repeat-y top left; padding-bottom: 20px; } #content .content-float { width: 600px; float: left; padding-right: 0; } #content .sidebar { width: 246px; float: right; margin: 30px 37px 0 0; } /*------------------------------------------------------------------------------- H E A D E R -------------------------------------------------------------------------------*/ #header { position: relative; height: 50px; overflow: hidden; padding: 52px 0 0 40px; } /* logo */ #header .october17media { width: 195px; height: 35px; position: relative; overflow: hidden; float: left; } #header .october17media span { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/logo.jpg) no-repeat; } #header h1.october17media span { cursor: default; } #header .october17media a, #header .october17media a:link, #header .october17media a:visited, #header .october17media a:active { color: #000; } #header .october17media { color: #000; font-size: 1.7em; line-height: 35px; } /* phone number */ #header .phone { position: absolute; top: 6px; right: 86px; color: #4F4F4F; font-size: 1.7em; text-align: right; line-height: 1; width: 195px; } #header .phone strong { font-weight: normal; display: block; float: left; padding-top: 1px; } #header .phone img { padding: 0; margin: 0; float: right; display: block; } #header h2 { float: right; font-size: 1.7em; color: #4F4F4F; margin-right: 40px; line-height: 35px; } /* header */ .header { background: url(../images/bg-header-subpage.jpg) no-repeat top left; position: relative; height: 120px; } .header h1 { font-size: 3.8em; color: #4f4f4f; position: absolute; top: 40px; left: 40px; line-height: 1; font-weight: normal; } body.home .header { height: 185px; background: url(../images/bg-header-homepage.jpg) no-repeat top left; } body.home .header h3 { font-size: 4.1em; color: #4f4f4f; position: absolute; top: 60px; left: 40px; line-height: 1; } /* social media icons */ .social-media { position: absolute; top: 5px; right: 16px; } .social-media li { float: left; margin-left: 10px; position: relative; } .social-media li, .social-media li span { width: 24px; height: 24px; display: block; overflow: hidden; } .social-media li span { background: url(../images/bg-sm.png); cursor: pointer; position: absolute; top: 0; left: 0; } .social-media li.facebook span { background-position: 0 0; } .social-media li.twitter span { background-position: -34px 0; } .social-media li.flickr span { background-position: -68px 0; } .social-media li.wordpress span { background-position: -102px 0; } .social-media li.facebook a:hover span { background-position: 0 -24px; } .social-media li.twitter a:hover span { background-position: -34px -24px; } .social-media li.flickr a:hover span { background-position: -68px -24px; } .social-media li.wordpress a:hover span { background-position: -102px -24px; } /* request a quote & news alerts */ .request-quote-news { float: right; margin-right: 40px; margin-top: 95px; } .request-quote-news li { float: left; margin-left: 10px; background: url(../images/bg-tab-left.jpg) no-repeat; padding-left: 15px; line-height: 1; } .request-quote-news li a, .request-quote-news li a:link, .request-quote-news li a:visited, .request-quote-news li a:active { background: url(../images/bg-tab-right.jpg) no-repeat top right; display: block; padding: 7px 15px 5px 0; color: #fff; font-weight: bold; text-decoration: none; } .request-quote-news li a.current, .request-quote-news li a.current:link, .request-quote-news li a.current:visited, .request-quote-news li a.current:active, .request-quote-news li a:hover { color: #B6C0D9; } body.home .request-quote-news { margin-top: 160px; } /*------------------------------------------------------------------------------- N A V I G A T I O N -------------------------------------------------------------------------------*/ #navigation { position: absolute; top: 0; right: 40px; z-index: 99; } #navigation li { float: left; line-height: 1.4; } #navigation li li { float: none; } #navigation li a:hover, #navigation li a.current { color: #000; text-decoration: none; background: url(../images/bg-nav.jpg) repeat-x left top; } #navigation li a.current li a { color: #57524e; background: none; } #navigation ul ul, #navigation li li { width: 190px; } #navigation ul { border-bottom: 1px solid #d2d6d9; } #navigation li a { color: #57524e; font-size: 1.4em; text-decoration: none; font-weight: 400; display: block; padding: 4px 12px; } #navigation li li a { font-size: 1em; border: 1px solid #d2d6d9; border-bottom: 0; width: 165px; } #navigation li ul, #navigation li li ul { position: absolute; background: #fff; left: -999em; } #navigation li li ul { top: -999em; } #navigation li:hover ul, #navigation li.sfhover ul { left: auto; } #navigation li li:hover ul, #navigation li li.sfhover ul { left: 189px; margin-top: -26px; top: auto; z-index: 99; } /*------------------------------------------------------------------------------- F O O T E R -------------------------------------------------------------------------------*/ .description { color: #6f6f6f; border-top: 1px solid #d2d6d9; padding: 20px 20px 0; text-align: center; clear: left; margin-top: 10px; line-height: 1.5; font-size: .9em; } body.home .description { border-top: 0; margin: 0; } body.twitter-twits .description, body.email-marketing .description, body.social-viral-marketing .description, body.website-development .description, body.website-marketing .description, body.our-work .description, body.recent-projects .description { margin-top: 0; border-top: 0; } body.project .description { border-top: 1px solid #d2d6d9; margin-top: 10px; } .footer { background: url(../images/bg-footer.jpg) no-repeat top left; color: #8c8a8a; line-height: 1; position: relative; } .footer .navigation { padding: 30px 0 10px; } .footer .navigation a { padding: 0 2px; text-decoration: none; } .footer a, .footer a:link, .footer a:visited, .footer a:active { color: #8c8a8a; } .footer a:hover { color: #000; text-decoration: underline; } .footer p { text-align: center; padding: 0 0 30px; } body.landing .footer p { padding-top: 30px; } .valid { position: absolute; right: 0; top: 15px; } .valid li { position: relative; width: 66px; height: 17px; overflow: hidden; float: left; margin-left: 5px; } .valid li span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; cursor: pointer; } .valid li.css span { background: url(../images/ico-css.jpg); } .valid li.xhtml span { background: url(../images/ico-xhtml.jpg); } .visit-blog { position: absolute; right: 9px; top: 35px; } /*------------------------------------------------------------------------------- C O M M O N -------------------------------------------------------------------------------*/ #content h2 { color: #43698F; font-weight: bold; font-size: 1.2em; padding: 0 0 10px; } #content h3 { font-weight: bold; font-size: 1.1em; padding: 0 0 5px; } #content p, #content ul, #content ol { padding: 0 0 18px; } #content ul { padding-left: 35px; } #content p.nopadd { padding: 0 0 3px; } .content { padding: 30px 41px 15px; } input, textarea { border: 1px solid #999; color: #666; background: #fff; float: left; margin-bottom: 10px; padding: 4px 5px 3px; font-size: 1em; width: 150px; } textarea { width: 250px; height: 125px; } input.submit { font-weight: 700; margin-left: 120px; cursor: pointer; width: auto; } label { display: block; float: left; cursor: pointer; width: 120px; margin-top: 2px; } fieldset li { clear: left; } select { padding: 2px; } strong, strong a { font-weight: bold; } form li { list-style: none; } body.contact form select { width: 162px; padding: 2px; border: 1px solid #999; color: #666; } /* sidebar box */ #content .box { width: 246px; background: url(../images/bg-partners-btm.png) no-repeat bottom left; } #content .box h3 { font-weight: bold; color: #fff; background: url(../images/bg-partners-top.jpg) no-repeat top left; padding: 9px 20px 11px; line-height: 1; } #content .box img { margin: 0 auto; text-align: center; } #content .box .inner { padding: 20px; text-align: center; } #content .box ul, #content .box ul li { margin: 0; padding: 0; list-style: none; } #content .box ul li { margin-bottom: 5px; } #content .box .jobs { margin-left: 15px; text-align: left; } #content .box .jobs li { list-style: disc; } #content .box .jobs li .current { font-weight: bold; } /* get interested button */ #content p.getintouch { padding: 5px 17px 22px; margin: 0; } #content p.getintouch a { background: url(../images/bg.jpg) repeat-x center center; padding: 4px 8px; border: 1px solid #b3b8bb; text-decoration: none; font-weight: bold; font-size: .9em; } #content p.getintouch a:hover { border-color: #43698f; color: #43698f; } #content p.getintouch2 { padding: 5px 0; } body.landing #content .content-twitter { background-image: none; padding-left: 0; } body.landing #content .content-twitter p.getintouch { padding-left: 0; } /*------------------------------------------------------------------------------- H O M E P A G E -------------------------------------------------------------------------------*/ body.home #content ul.services { background: url(../images/bg-services-homepage.jpg) no-repeat; height: 195px; font-size: 1.3em; text-align: right; padding: 0; margin: 0; } body.home #content ul.services strong { font-weight: normal; } body.home #content ul.services li { height: 195px; float: left; overflow: hidden; } body.home #content ul.services li a { height: 100%; width: 100%; display: block; text-decoration: none; color: #1f4687; padding-top: 30px; } body.home #content ul.services li a:hover { text-decoration: underline; } body.home #content ul.services li.services-website-development a { width: 195px; } body.home #content ul.services li.services-website-marketing a { width: 207px; } body.home #content ul.services li.services-social-viral-marketing a { width: 222px; } body.home #content ul.services li.services-email-marketing a { width: 177px; } body.home #content ul.services li.services-learn-more a { width: 129px; } /*------------------------------------------------------------------------------- S E R V I C E S -------------------------------------------------------------------------------*/ body.services .service { float: left; margin: 30px 0 0 34px; background: url(../images/bg-services-box.jpg) no-repeat bottom left; width: 418px; } body.services .service a { text-decoration: none; } body.services .service a:hover { text-decoration: underline; } body.services #content .service ul { color: #424d69; font-size: 1.2em; padding: 9px 20px 18px 27px; } body.services #content .service li { list-style: none; margin: 0; padding: 7px 0; } body.services #content .service p { padding: 16px 20px 22px; min-height: 70px; height: auto !important; height: 70px; } body.services #content .service p.getintouch { padding: 0 20px 22px; min-height: 0; height: auto !important; } body.services #content .service h2 { line-height: 1; width: 418px; height: 59px; background: url(../images/bg-services-titles.jpg) no-repeat top left; overflow: hidden; color: #fff; font-size: 1.2em; padding: 0; margin: 0; } body.services #content .website-development h2 { background-position: 100% -59px; } body.services #content .website-marketing h2 { background-position: top left; } body.services #content .social-viral-marketing h2 { background-position: 0 -59px; } body.services #content .email-marketing h2 { background-position: top right; } body.services #content .service h2 a { text-decoration: none; width: 318px; height: 34px; display: block; color: #fff; padding: 25px 0 0 100px; font-weight: bold; } body.services #content .website-development h2 a, body.services #content .social-viral-marketing h2 a { height: 41px; padding-top: 22px; } body.services #content .service h2 a:hover { text-decoration: underline; } body.services .social-viral-marketing, body.services .email-marketing { margin-bottom: 30px; } body.services .website-development, body.services .social-viral-marketing { margin-left: 41px; } div.title-area { padding: 18px 3px; line-height: 1; } #content div.title-area h2 { background: url(../images/ico-internetadvertising.gif) no-repeat top left; color: #55617b; font-weight: 700; font-size: 1.3em; height: 80px; float: left; width: 405px; padding-top: 56px; padding-right: 45px; text-align: right; } body.email-marketing h1, body.social-viral-marketing h1, body.website-development h1, body.website-marketing h1 { padding: 30px 0 30px 150px; top: 10px; left: 27px; } body.email-marketing h1 { background: url(../images/ico-email-marketing.png) no-repeat center left; } body.social-viral-marketing h1 { background: url(../images/ico-social-viral-marketing.png) no-repeat center left; } body.website-development h1 { background: url(../images/ico-website-development.png) no-repeat center left; } body.website-marketing h1{ background: url(../images/ico-website-marketing.png) no-repeat center left; } div.title-area span { font-size: .7em; } #content .bracket { float: left; margin-top: 8px; width: 490px; background: url(../images/bg-services-bracket.gif) no-repeat top left; height: 118px; } #content .bracket ul { color: #424d69; font-size: 1.2em; padding: 13px 10px 15px 56px; margin: 0; } #content .bracket ul li { list-style: none; margin: 0; padding: 7px 0 5px; } .scol1 { width: 159px; float: left; } .scol1 img { padding-top: 5px; } .scol2 { width: 316px; float: left; } #content .scol2 h2, #content .scol2 h3 { color: #132e57; font-size: 1.2em; padding-top: 14px; padding-left: 17px; font-weight: bold; } .scol3 { width: 467px; float: left; } #content .scol3 p { color: #49494a; padding: 14px 17px 10px; margin: 0; } .scol3 p.second { padding-top: 0; } #content .scol3 p.getintouch { padding: 5px 17px 19px; } #content .servicedescs ul li { background: url(../images/bg-services-li.gif) no-repeat bottom left; display: block; list-style: none; margin: 0; padding: 0; } #content .servicedescs ul li.bluebar { height: 30px; line-height: 30px; color:#fff; font-weight: 700; font-size: 1.2em; background: #384961 url(../images/bg-services-bluebar.jpg) no-repeat top left; } #content .servicedescs ul li.bluebar .scol2 { padding-left: 17px; width: 299px; } #content .servicedescs ul li.bluebar .scol3 { padding-left: 17px; width: 450px; } #content .servicedescs ul { margin-right: 3px; padding-left: 3px; } p.smallblue { color: #132e57; font-size: .9em; } .newsalert { background: url(../images/ico-newsalert.gif) no-repeat bottom right; width: 460px; } #content .servicedescs .scol3 ul { padding: 7px 0; } #content .servicedescs .scol3 ul li { background: url(../images/ico-checkmark.png) no-repeat 15px 9px; padding: 4px 5px 4px 35px; } /*------------------------------------------------------------------------------- O U R W O R K -------------------------------------------------------------------------------*/ #content .portfolio h2 { padding: 45px 24px 20px; font-size: 1.3em; } #content .portfolio ul { padding-bottom: 0; } .portfolio .scol1 { width: 222px; text-align: center; } .portfolio .scol1 img { margin: 7px auto 5px; background: #d9dee4; border: 1px solid #b3b8bb; padding: 3px; } .portfolio .scol2 { width: 300px; } .portfolio .scol3 { width: 420px; } #content .portfolio .scol2 h3 { font-weight: normal; } #content .portfolio .scol2 h3 span { font-weight: bold; } #content .portfolio ul li { background: url(../images/bg-portfolio-li.gif) no-repeat bottom left; } #content .portfolio ul li.bluebar .scol2 { padding-left: 17px; width: 283px; } #content .portfolio ul li.bluebar .scol3 { padding-left: 17px; width: 403px; } #content .portfolio .scol2 p { padding: 0; margin: 5px 0 0 17px; font-size: .9em; } .portfolio .syntric { position: relative; } .portfolio .syntric, .portfolio .syntric span { width: 96px; height: 37px; overflow: hidden; display: block; } .portfolio .syntric span { position: absolute; top: 0; left: 0; background: url(../images/logo-syntric.jpg) no-repeat; cursor: pointer; } /*------------------------------------------------------------------------------- L A N D I N G P A G E S -------------------------------------------------------------------------------*/ body.landing div.content { padding-left: 380px; min-height: 325px; height: auto !important; height: 325px; margin-left: 40px; } body.landing #content div.content-facebook { padding-left: 0; background-image: none; width: 600px; float: left; padding-right: 0; } body.landing #content .sidebar { width: 246px; float: right; margin: 30px 37px 0 0; } body.landing #content p.interestedbtn { margin: 10px 0 6px 0; } body.landing #content p.interestedbtn a { background: url(../images/bg.jpg) repeat-x center center; padding: 7px 12px; border: 1px solid #b3b8bb; text-decoration: none; font-weight: bold; } body.landing #content p.interestedbtn a:hover { border-color: #43698f; color: #43698f; } body.landing div.content { background: url(../images/ico-bars.gif) no-repeat 0 20px; } body.landing div.content-seo { background: url(../images/ico-house.gif) no-repeat 0 20px; } body.landing .landing-sb div.content { background-image: none; padding-left: 0; } /*------------------------------------------------------------------------------- C O N T A C T -------------------------------------------------------------------------------*/ body.contact .col-left { width: 300px; float: left; margin: 30px 0 20px 41px; } body.contact .col-right { width: 480px; float: right; background: url(../images/bg-div.gif) no-repeat center left; padding-left: 100px; margin: 30px 0 20px 20px; } body.news-alerts #content .content { background: url(../images/ico-newsalerts.gif) no-repeat right bottom; width: 490px; } body.contact #content p.getintouch { padding-left: 0; } /* Ebook */ body.ebook .col-left { width: 540px; float: left; padding: 45px 0 35px 40px; } body.ebook .col-right { width: 330px; float: right; padding: 10px 0 35px 30px; } body.ebook form { background: url(../images/ico-newsalerts.gif) no-repeat right bottom; margin-bottom: 25px; margin-right: 30px; } body.ebook #content h2.title { font-weight: normal; font-size: 36px; color: #43698f; padding: 0 0 15px; line-height: 36px; } body.ebook #content ul.ebook-list li, #content ul.ebook-list li { list-style: none; margin: 0; padding: 3px 25px; background: url(../images/ebook/ico-check.png) no-repeat left center; float: left; width: 220px; } #content ul.ebook-list li { width: 250px; } body.ebook #content ul.ebook-list, #content ul.ebook-list { margin: 0; padding: 0; } #content .entry ul.ebook-list { padding-bottom: 20px; width: 600px; overflow: hidden; } .book { position: relative; padding-bottom: 30px; padding-top: 35px; } #content .entry .book { width: 300px; float: right; margin-left: 30px; margin-right: 0; padding-right: 0; margin-bottom: 20px; padding-top: 5px; } .entry .book br { display: none; } .entry .book form { bottom: 95px; } .book a { display: block; width: 250px; height: 50px; overflow: hidden; text-indent: -999em; background: url(../images/ebook/buttons.png); position: absolute; left: 20px; bottom: 0; } .book a { background-position: top left; } .book a:hover { background-position: top right; } .book a.download { background-position: bottom left; } .book a.download:hover { background-position: bottom right; } .book-buy .price { display: block; background: url(../images/ebook/badge-price.png); width: 145px; height: 145px; overflow: hidden; text-indent: -999em; position: absolute; top: 0; right: 5px; } .book-buy { padding-bottom: 120px; } .book-buy a { bottom: 90px; } .book form { position: absolute; left: 20px; bottom: 65px; height: 50px; width: 250px; } .book-buy small { font-size: 10px; position: absolute; left: 20px; bottom: 55px; width: 250px; } .book-buy .paypal { position: absolute; bottom: 0; left: 50px; } .book form input { border: 0; background: transparent; float: none; margin: 0; padding: 0; width: auto; } body.ebook #content .connect { padding: 0; margin: 0; } body.ebook #content .connect li { margin: 0 10px 0 0; padding: 0; list-style: none; float: left; width: 159px; height: 125px; position: relative; overflow: hidden; } body.ebook #content .connect li a { display: block; text-decoration: none; width: 159px; height: 125px; } body.ebook #content .connect li strong { text-align: center; background: #fff; bottom: 2px; left: 2px; width: 155px; height: 30px; line-height: 30px; display: block; position: absolute; } body.ebook #content .connect li span { position: absolute; top: 0; right: 0; width: 52px; height: 52px; display: block; } body.ebook #content .connect li.connect-facebook span { background: url(../images/ebook/badge-facebook.png); } body.ebook #content .connect li.connect-twitter span { background: url(../images/ebook/badge-twitter.png); } body.ebook #content .connect li.connect-blog span { background: url(../images/ebook/badge-wordpress.png); } body.ebook #content .connect li a:hover strong { color: #333; } /*------------------------------------------------------------------------------- R E C E N T P R O J E C T S -------------------------------------------------------------------------------*/ /* future shop */ body.our-work .col-left { width: 49%; float: left; } body.our-work .col-right { margin-top: 0; width: 49%; float: right; } body.our-work .col-right #movie { margin: 0 0 15px 15px; } #content ul.future-shop { margin: 0; padding: 0; } #content ul.future-shop li { float: left; list-style: none; margin: 0 0 15px 15px; padding: 0; } body.our-work .col-left .getintouch a { display: block; text-align: center; } /* run for the cure */ #content div.run-for-the-cure { text-align: center; margin: 0 auto; } #content div.run-for-the-cure ul { padding: 30px; margin: 0; } #content div.run-for-the-cure ul li { display: inline; margin: 15px; padding: 0; list-style: none; } #content div.run-for-the-cure ul li a img { border: 1px solid #d2d6d9; } #content div.run-for-the-cure ul li a:hover img { border: 1px solid #43698f; } /* run for the cure */ body.hunter #content div.gallery { text-align: center; margin: 0 auto; } body.hunter #content div.gallery ul { padding: 30px; margin: 0 50px; } body.hunter #content div.gallery ul li { display: inline; margin: 15px; padding: 0; list-style: none; } body.hunter #content div.gallery ul li a img { border: 1px solid #d2d6d9; } body.hunter #content div.gallery ul li img { margin-bottom: 15px; } body.hunter #content div.gallery ul li a:hover img { border: 1px solid #43698f; } /* template-gallery */ #content div.template-gallery { text-align: center; margin: 0 0 0 40px; } #content div.template-gallery ul { padding: 0; margin: 0; } #content div.template-gallery ul li { float: left; margin: 10px; padding: 0; list-style: none; } #content div.template-gallery ul li img { display: block; } #content div.template-gallery ul li a img { border: 1px solid #d2d6d9; } #content div.template-gallery ul li a:hover img { border: 1px solid #43698f; } /*------------------------------------------------------------------------------- S I T E M A P -------------------------------------------------------------------------------*/ #content ul.sitemaplist, #content ul.sitemaplist ul { padding-left: 25px; padding-bottom: 0; margin-bottom: 0; } #content ul.sitemaplist ul { padding-top: 5px; } #content ul.sitemaplist li { margin-bottom: 15px; } #content ul.sitemaplist li li { margin-bottom: 5px; } /*------------------------------------------------------------------------------- M O N T H L Y C H E C K - I N F O R M -------------------------------------------------------------------------------*/ body.check-in form { padding: 0; margin: 0; } body.check-in form ol { margin: 0 50px 0 40px; padding: 0; } body.check-in form ol ol { margin: 0; margin-top: 10px; } body.check-in form ol li { clear: left; width: auto; float: none; display: block; list-style: none; margin-left: 0; padding-left: 0; } body.check-in form ol li label { width: auto; float: none; display: block; padding-bottom: 4px; } body.check-in form ol li textarea { height: 70px; width: 100%; margin-bottom: 10px; } body.check-in form ol li input, form ol li select { height: auto; width: 30%; margin-bottom: 10px; } body.check-in form input.submit { margin-left: 44px; margin-top: 10px; } body.check-in form em.info { font-weight: normal; color: #999; font-size: 0.8em; font-style: italic; } body.check-in form em.info-big { font-size: 1.2em; color: #666; } body.check-in form ol li.checkboxes td { padding-bottom: 5px; } body.check-in form ol li.checkboxes input { width: auto; border: 0; background: none; color: #333; padding: 0; vertical-align: middle; margin: 2px 10px 0 0; } body.check-in form ol li.checkboxes label { line-height: 1; } body.check-in form ol li table { margin-top: 10px; } body.check-in form ol li table tr { margin-bottom: 10px; } body.check-in form ol li table td { vertical-align: top; } body.check-in form ol li.short { width: 179px; float: left !important; clear: none; margin-right: 20px; } body.check-in form ol li.short input { width: 179px; } body.check-in form ol li.clear { clear: left; } body.check-in form ol li.short select { width: 192px; } body.check-in form ol li.last { margin-right: 0; } /*------------------------------------------------------------------------------- T W I T T E R P A G E S -------------------------------------------------------------------------------*/ body.twitter-twits .con-left { width: 270px; float: left; } body.twitter-twits .con-right { width: 590px; float: right; background: url(../images/bg-div.gif) no-repeat 25px 50%; } body.twitter-twits .con-right textarea { width: 433px; height: 100px; } body.twitter-twits .con-right li { margin: 0 0 10px 25px; } body.twitter-twits .con-right li.short { float: left; width: 282px; clear: none; overflow: hidden; } body.twitter-twits .con-right li.last { margin-left: 1px; } body.twitter-twits .con-right label { text-align: right; margin-right: 10px; width: 110px; } body.twitter-twits .con-right li input { width: 150px; margin: 0; } body.twitter-twits .con-right li.single { float: none; clear: both; } body.twitter-twits .con-right .submit { margin-left: 145px; } body.twitter-twits strong.c { color: #43698f; } /*------------------------------------------------------------------------------- P R O J E C T N E E D S -------------------------------------------------------------------------------*/ body.project-needs #content form { padding: 0; margin: 0; } body.project-needs #content form ol { margin: 0; padding: 0; } body.project-needs #content form fieldset { padding: 0; margin: 0; } body.project-needs #content form ol li { width: 424px; list-style: none; padding: 0; margin: 0; float: left; clear: none; } body.project-needs #content form ol li.last { width: 382px; } body.project-needs #content form h2 { clear: left; padding: 25px 0 5px; } body.project-needs #content form ol li.textarea { clear: left; width: auto; float: none; display: block; list-style: none; margin-left: 0; padding-left: 0; } body.project-needs #content form ol li.textarea label { width: auto; float: none; display: block; padding-bottom: 4px; } body.project-needs #content form ol li.textarea textarea { height: 70px; width: 795px; margin-bottom: 20px; } body.project-needs #content form ol li input { height: auto; width: 250px; margin-bottom: 10px; margin-right: 20px; } body.project-needs #content form ol li.last input { margin-right: 0; } body.project-needs #content form ol li.radios label, body.project-needs #content form ol li.radios2 label { width: auto; padding: 0; margin: 0; display: block; float: none; } body.project-needs #content form ol li.radios label { margin-top: 5px; } body.project-needs #content form ol li.radios2 label { float: left; display: inline; } body.project-needs #content form ol li.radios, body.project-needs #content form ol li.radios2 { float: none; clear: left; width: auto; display: block; } body.project-needs #content form ol li.radios input, body.project-needs #content form ol li.radios2 input { float: left; width: auto; margin: 3px 5px 0; padding: 0; } body.project-needs #content form input.submit { margin-left: 40px; margin-top: 10px; clear: left; } body.project-needs #content form ol.current-marketing-activities li { padding-bottom: 15px; clear: left; float: none; } body.project-needs #content form ol.current-marketing-activities li label { margin-right: 10px; } body.project-needs #content form ol.current-marketing-activities li.long label { width: 171px; } body.project-needs #content form ol.current-marketing-activities li.radios2 { margin-bottom: 15px; } body.project-needs #content form ol li.radios input, body.project-needs #content form ol li.radios2 input { width: auto; border: 0; background: none; color: #333; padding: 0; vertical-align: middle; margin: 2px 10px 0 0; } body.project-needs #content form ol.colours li { width: auto; float: none; clear: none; } body.project-needs #content form ol.colours li input { width: 400px; } body.project-needs #content form ol.colours li label { width: 250px; } /*------------------------------------------------------------------------------- C A R E E R S -------------------------------------------------------------------------------*/ #content ul.careers-list { margin: 5px 0 0 0; padding: 0 0 35px; border-top: 1px dashed #ccc; width: 615px; } #content ul.careers-list li { background: url(../images/ico-bullet.gif) no-repeat 15px 12px; padding: 8px 5px 8px 30px; border-bottom: 1px dashed #ccc; list-style: none; margin: 0; } div.con { width: 615px; } .employee-testimonial, body.testimonials blockquote { padding: 0; margin: 0 0 15px; border-bottom: 1px solid #ccc; } .employee-testimonial cite { font-style: normal; font-weight: bold; } .availability { border: 1px solid #ccc; padding: 20px; color: #333; margin: 0 0 18px; background: #edf2f5; } #content .availability p { padding: 0; margin: 0; font-weight: bold; } #content .availability p a { font-weight: bold; } /*------------------------------------------------------------------------------- Q U E S T I O N N A I R E -------------------------------------------------------------------------------*/ body.questionnaire #content form { padding: 0; margin: 0; } body.questionnaire #content form ol { margin: 0 50px 0 40px; padding: 0; } body.questionnaire #content form ol li { clear: left; width: auto; float: none; display: block; list-style: none; margin-left: 0; padding-left: 0; } body.questionnaire #content form ol li label { width: auto; float: none; display: block; padding-bottom: 4px; } body.questionnaire #content form ol li textarea { height: 70px; width: 100%; margin-bottom: 10px; } body.questionnaire #content form ol li input { height: auto; width: 30%; margin-bottom: 10px; } body.questionnaire #content form input.submit { margin-left: 40px; margin-top: 10px; } /*------------------------------------------------------------------------------- A B O U T -------------------------------------------------------------------------------*/ #content ul.profiles, #content ul.profiles ul { margin: 0; padding: 0; } #content ul.profiles { margin-bottom: 20px; border-bottom: 1px solid #ccc; } #content ul.profiles-last { border: 0; } #content ul.profiles li { list-style: none; padding: 0; margin: 0 0 15px; } ul.profiles li .pic { float: left; width: 120px; } ul.profiles li .pic img { border: 1px solid #ccc; background: #fff; padding: 4px; } ul.profiles li .bio { float: right; width: 450px; } #content ul.profiles h4 { font-weight: bold; font-size: 1.2em; } body.about #content p.getintouch2 { margin-bottom: 20px; } body.testimonials .pullquote { width: 130px; padding: 12px; background: url(../images/bg-header-subpage.jpg) no-repeat 1px 2px; float: right; margin: 0 0 15px 15px; font-style: italic; font-size: 1.1em; } body.testimonials blockquote.first { padding-right: 180px; } body.testimonials blockquote.pullquote { padding-right: 20px; background: #edf1f4; position: absolute; top: 60px; right: 0; border: 1px solid #ccc; text-align: center; line-height: 2; } body.testimonials blockquote.pullquote span { font-size: 2em; font-weight: bold; color: #91aec0; line-height: 1; vertical-align: sub; font-family: Georgia, "Times New Roman", Times, sans-serif; } body.testimonials .content-float { position: relative; } body.testimonials #content blockquote.pullquote p { padding-bottom: 0; } body.testimonials #content blockquote.last { border: 0; } /*------------------------------------------------------------------------------- S E R V I C E S S U B P A G E S -------------------------------------------------------------------------------*/ .custom-design-wrap { padding: 0 0 15px; } .custom-design-wrap div { width: 200px; margin-bottom: 30px; margin-left: 33px; text-align: center; } .custom-design-wrap div img { display: block; } body.semi-custom-web-design #content .sidebar { float: right; margin: 30px 17px 0 0; width: 266px; } body.semi-custom-web-design #content .content { width: 545px; } body.semi-custom-web-design .sidebar h2 { text-align: center; } body.semi-custom-web-design .service { margin: 0 0 20px; background: url(../images/bg-services-box2.jpg) no-repeat bottom left; width: 540px; } body.semi-custom-web-design #content .service h2 { line-height: 1; width: 450px; height: 34px; background: url(../images/bg-services-titles2.jpg) no-repeat top left; overflow: hidden; color: #fff; font-size: 1.2em; padding: 25px 0 0 90px; margin: 0; } body.semi-custom-web-design #content .service ul { padding: 10px 50px 30px 45px; } body.semi-custom-web-design #content .sidebar .getintouch { padding: 0; margin: 0 0 20px 38px; } body.semi-custom-web-design #content .sidebar .getintouch a { font-size: 1.3em; line-height: 1.1; width: 210px; font-weight: normal; } body.semi-custom-web-design #content .sidebar h2 { padding-bottom: 20px; } #pageflip { position: relative; } #pageflip img { width: 115px; height: 115px; z-index: 99; position: absolute; left: -1px; top: 0; -ms-interpolation-mode: bicubic; } #pageflip span { width: 113px; height: 113px; position: absolute; z-index: 50; left: -1px; top: 0; background: url(../images/page-flip-bg.png) no-repeat left top; text-indent: -9999px; } body.ebook #pageflip { display: none; } .landing-sb { } .landing-sb .landing-left { width: 500px; float: left; padding: 30px 0 0 40px; } #content .landing-sb .landing-left h2 { color: #333; font-weight: normal; font-size: 24px;} .landing-sb .landing-right { width: 320px; float: right; padding: 30px 40px 0 0; } body.landing .landing-sb div.content { padding: 0; width: 942px; overflow: hidden; margin-left: 3px; margin-right: 3px; } #content .landing-sb .landing-right h3 { background: #eb1f22; color: #fff; font-size: 18px; text-shadow: #000 1px 1px 1px; text-align: center; font-weight: bold; padding: 25px 0; text-transform: uppercase; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px; } .landing-sb img.pic { -webkit-box-shadow: 0px 0px 15px 0px #ccc; -moz-box-shadow: 0px 0px 15px 0px #ccc; box-shadow: 0px 0px 15px 0px #ccc; border: 1px solid #ccc; display: block; width: 498px; width: 318px; height: auto; margin-bottom: 25px; } .form-wrap { -webkit-box-shadow: 0px 0px 15px 0px #ccc; -moz-box-shadow: 0px 0px 15px 0px #ccc; box-shadow: 0px 0px 15px 0px #ccc; border: 1px solid #ccc; display: block; margin-bottom: 25px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; } #content .form-wrap { padding-bottom: 7px; } #content .form-wrap form ol { padding: 25px 25px 0; margin: 0; } .form-wrap form input { width: 165px; } .form-wrap form label { width: 90px; } p.questions { font-size: 11px; } #content .landing-sb .landing-right input.submit { background: #eb1f22; color: #fff; font-size: 18px; text-shadow: #000 1px 1px 1px; text-align: center; font-weight: bold; padding: 10px 25px; text-transform: uppercase; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; border: 0; cursor: pointer; margin-top: 10px; } #pricing table { border-collapse: collapse; margin: 23px 0 15px 0; width: 100%; } body.landing .header h1 { font-size: 30px; } #pricing th { background: #eb1f22; color: #fff; font-size: 18px; text-shadow: #000 1px 1px 1px; text-align: center; font-weight: bold; padding: 10px 10px; border:1px solid white; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px; } .cta { background: #eb1f22; color: #fff; font-size: 14px; text-shadow: #000 1px 1px 1px; text-align: center; font-weight: bold; padding: 10px 10px; border:1px solid white; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; margin: 15px auto; width: 480px; -webkit-box-shadow: 0px 0px 15px 0px #ccc; -moz-box-shadow: 0px 0px 15px 0px #ccc; box-shadow: 0px 0px 15px 0px #ccc; } .cta span, .cta span a { color: #fff;} #pricing th span { font-size: 14px; } #pricing th.plan-none { background: white; } #pricing td { background: #eee; color: #333; padding: 10px 10px; text-align: center; border: 1px solid #bbb; vertical-align: middle; } #pricing tr.rf { border-top: 1px solid #bbb; } #pricing .alt td { background: #e4e4e4; } #pricing td strong { font-weight:bold; font-size: 16px; color: #333; } #pricing td.c1 { background: #ddd; font-weight: bold; text-align: left; } #pricing td img { width: 32px; height: 32px; }