/* Theme Name: Satori Theme URI: - Description: Satori Theme Version: 2.07 Author: Kooka Creative Author URI: http://www.kookacreative.com.au */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-spacing: 0; border: 1px solid; width: 100%; } tr th{ border-bottom: 1px solid; text-align: left; } tr th, tr td{ padding: 9px 20px; border-right: 1px solid; } tr th:last-child, tr td:last-child{ border-right: 0px; } table th{ font-weight: bold; } #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a:hover, #megaMenu ul ul.sub-menu > li:hover > a {background: #333 !important} .wpmega-link-title:hover, .ss-nav-menu-item-depth-1:hover>a>span{color: #fff !important} /* #Basic Styles ================================================== */ @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'Museo'; src: url('fonts/museosans-300.svg#museosans-300') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo'; src: url('fonts/museosans-700.svg#museosans-700') format('svg'); font-weight: bold; font-style: normal; } body { font-family: "HelveticaNeue", "Helvetica Neue", Arial, sans-serif !important; color: #666; -webkit-text-size-adjust: 100%; line-height: 18.5px; -webkit-font-smoothing: antialiased; }} body { font-family: "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; color: #666; -webkit-text-size-adjust: 100%; line-height: 18.5px; -webkit-font-smoothing: antialiased; } body.page-template-page-satori-php, body {background: transparent url('images/bg-satori.jpg') center top repeat-x;} body.page-template-page-acl-php, body.acl {background: transparent url('images/bg-acl.jpg') center top repeat-x;} body.page-template-page-pentana-php, body.pentana {background: transparent url('images/bg-pentana.jpg') center top repeat-x;} body.page-template-page-dundas-php, body.dundas {background: transparent url('images/bg-dundas.jpg') center top repeat-x;} body.page-template-page-eagle-eye-php, body.satori-ccm {background: transparent url('images/bg-eagle-eye.jpg') center top repeat-x;} body.page-template-page-envisage-php, body.envisage {background: transparent url('images/bg-envisage.jpg') center top repeat-x;} #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremulator, #megaMenu ul ul.sub-menu li > a, #megaMenu ul ul.sub-menu li > span.um-anchoremulator {background: transparent !important;} html{ min-height: 100%; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #181818; font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { margin-bottom: 15px;} h2 { margin-bottom: 15px; } h3 { margin-bottom: 15px; } h4 { margin-bottom: 15px; } h5 { margin-bottom: 15px; } h6 { margin-bottom: 15px; } .subheader { color: #777; } p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a{ color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* #Links ================================================== */ a{ color: inherit; text-decoration: none; outline: 0; } a:hover{ color: inherit; } p a { line-height: inherit; } /* #Lists ================================================== */ ul, ol { } ul { } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc, ul { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; } /* ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } */ li { line-height: 18px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } img{ display: block; } iframe{ display: block; } /* #Buttons ================================================== */ a.button, button, input[type="submit"], input[type="reset"], input[type="button"] { height: 29px; line-height: 26px; padding: 1px 12px 0px 12px; display: inline-block; background: url('images/gradient-top4-32px.png') repeat-x; font-weight: bold; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background-image: url('images/gradient-bottom4-32px.png'); } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } a.gdl-button{ height: 26px; line-height: 26px; padding: 1px 12px 0px 12px; display: inline-block; background: url('images/gradient-top4-32px.png') repeat-x; font-weight: bold; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a.gdl-button:hover{ background-image: url('images/gradient-bottom4-32px.png'); } .gdl-image-frame{ padding: 4px; display: inline-block; } /* #Tabs (activate in tabs.js) ================================================== */ ul.tabs { display: block; margin: 0 0 20px 0; padding: 0; list-style: none; border-bottom: solid 1px; } ul.tabs li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; } ul.tabs li a { display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px; border: solid 1px; border-width: 1px 1px 0 0; margin: 0; cursor: pointer; background: #f5f5f5; font-size: 13px; } ul.tabs li a.active { background: #fff; height: 30px; position: relative; top: -4px; padding-top: 4px; border-left-width: 1px; margin: 0 0 0 -1px; color: #111; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } ul.tabs li:first-child a.active { margin-left: 0; } ul.tabs li:first-child a { border-width: 1px 1px 0 1px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; } ul.tabs li:last-child a { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } ul.tabs-content { margin: 0 0 20px; display: block; list-style: none; } ul.tabs-content > li { display:none; } ul.tabs-content > li.active { display: block; } /* Clearfixing tabs for beautiful stacking */ ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } ul.tabs:after { clear: both; } ul.tabs { zoom: 1; } /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; } select { padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; } label, legend { display: block; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } .blacktext {color: #666 !important;} a.blacktext:hover {color: #333 !important;} /* #Subscript ================================================== */ sup { height: 0; line-height: 1; position: relative; top: -0.6em; vertical-align: baseline !important; vertical-align: bottom; font-size: 10px;} sub { height: 0; line-height: 1; position: relative; top: +0.2em; vertical-align: baseline !important; vertical-align: bottom; font-size: 10px;} /* #Custom Tag ================================================== */ .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor{ max-width: 100% !important; } .alignright{ float: right; margin-left: 10px; margin-bottom: 10px; } .alignleft{ float: left; margin-right: 10px; margin-bottom: 10px; } .aligncenter{ margin: 0 auto 0; } .shortcode-image-left{ margin-right: 12px; } .shortcode-imarg-right{ margin-left: 12px; } br.clear{ clear: both; height: 0px; display: block; } .display-none{ display: none; } .overflow-hidden{ position: relative; overflow: hidden; } .mt0{ margin-top: 0px !important;} .mt5{ margin-top: 5px !important;} .mt10{ margin-top: 10px !important; } .mt15{ margin-top: 15px !important; } .mt20{ margin-top: 20px !important; } .mt25{ margin-top: 25px !important; } .mt30{ margin-top: 30px !important; } .mt40{ margin-top: 40px !important; } .mb0{ margin-bottom: 0px !important; } .mb5{ margin-bottom: 5px !important; } .mb10{ margin-bottom: 10px !important; } .mb15{ margin-bottom: 15px !important; } .mb20{ margin-bottom: 20px !important; } .mb30{ margin-bottom: 30px !important; } .ml0{ margin-left: 0px !important; } .mr0{ margin-right: 0px !important; } .pt25{ padding-top: 25px !important; } /*disable blank space*/ cufon[alt=" "]{ display: none !important; } .clearright {} /* #Theme Style ================================================== */ div.body-wrapper{ } div#custom-full-background{} div#custom-full-background img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; z-index: -1; max-width: none !important; } div.container{ } .preloader { display: block; background:url(images/loading.gif) center center no-repeat; } /*--- Header ---*/ div.header-wrapper{ position: relative; } div.logo-wrapper img{ display: inline-block; } div.outer-social-wrapper{ text-align: center; } div.social-icon-wrapper{ float: right; } div.social-wrapper { float: right; text-align: right; font-size: 15px; font-weight: bold;} div.social-wrapper-text { margin-bottom: 10px; } div.social-icon:first-child { margin-left: 0px; } div.social-icon { float: left; margin-left: 11px; opacity: 0.55; filter: alpha(opacity=55); cursor: pointer; } div.social-wrapper-text {font-size: 24px;line-height: 30px;} div.social-wrapper-text span {color: #F8981D;} div.social-wrapper-text em {font-weight: normal; font-style: normal;} div.mainphonenumber {font-size: 15px; margin: 20px 20px 0 0; position: absolute; right: -20px; top: 85px;} div.mainphonenumber span {color: #F8981D;} div.mainphonenumber em {font-weight: normal; font-style: normal;} /*--- Top Navigation ---*/ div.top-navigation-wrapper{ position: relative; z-index: 20; min-width: 980px; } div.top-navigation-wrapper-gimmick{ padding-bottom: 2px; } div.top-navigation.container{ font-size: 11px; padding-top: 7px; padding-bottom: 7px; line-height: 100%; text-align: center; background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} div.top-navigation-right{ float: right; margin-right: -9px;} div.top-navigation-left{ float: left; margin-left: -9px;} div.top-navigation-left ul{ list-style: none; margin-left: 0px;} div.top-navigation-left li{ float: left; } div.top-navigation-left li a{ color: inherit; padding: 0px 8px 0px 8px; line-height: 100%; display: block; } div.top-navigation-left li:last-child a{ padding-right: 0px;} div.top-navigation-left li ul{ display: none; } div.top-navigation-left ul li:last-child a{ border-right: 0px !important; } div.top-navigation-left ul li:first-child a{ padding-left: 0px !important; } div.top_navigation-header-padding{ padding-top: 15px; } div.top-navigation-wrapper.container{ padding-top: 5px; padding-bottom: 0px; background: transparent; } /*--- Navigation ---*/ div.navigation-wrapper{ font-size: 13px; font-weight: bold; text-align: center; } div.navigation-wrapper ul.sf-menu li {padding: 0 !important;} div.navigation-wrapper .sf-menu li a {padding: 8px 18px 9px; } div.navigation-wrapper ul li ul li{ font-weight: normal; } div.responsive-menu-wrapper{ display: none; } div.responsive-menu-wrapper select{ width: 100%; height: 30px; margin-bottom: 20px; } div#main-superfish-wrapper{ margin-left: 10px; } #megaMenu ul ul.sub-menu-2 {margin-left: 0px !important;} #megaMenu ul ul.sub-menu-3{margin-left: 10px !important;} #megaMenu ul ul.sub-menu-2 li a span {font-weight: bold !important;} #megaMenu ul ul.sub-menu-3 li a span {font-weight: normal !important;} .page-id-136 #portfolio-item-holder {clear: both;} /*--- Search Form ---*/ #searchform #searchsubmit {background: url("http://www.satorigroup.com.au/wp-content/themes/satori/images/icon/dark/find-17px.png") no-repeat scroll center center transparent !important; height: 28px; text-indent: -9999px; width: 30px;} div.search-wrapper{ float: right; } div.search-wrapper form { margin: 0px; padding: 9px 0px 9px 0px; } div.search-wrapper #search-text{ width: 0px; overflow: hidden; float: left; } div.search-wrapper input[type="text"]{ font-size: 11px; padding: 2px 5px 2px 6px; margin: 0px 0px 0px 9px; width: 150px; height: 19px; line-height: 19px; border: 0px;} div.search-wrapper input[type="submit"]{ padding: 0px; margin: 3px 10px 3px 10px; width: 17px; height: 17px; float: right; border: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none} /*--- Content ---*/ div.content-wrapper{ position: relative; } /*--- Page ---*/ #area {background:url(images/arrowarea.png) center center no-repeat;height: 170px;} div.gdl-page-item{ padding-bottom: 30px; } h1.gdl-page-title{ font-size: 20px; border-bottom: 1px solid; padding-bottom: 6px; margin-bottom: 0px; } div.gdl-page-content{ margin-top: 35px; } div.pagination{ margin: 25px 10px 0px 10px; border-top: 1px solid; text-align: right; padding-right: 20px; position: relative; z-index: 99;} div.pagination a, div.pagination span{ padding-left: 12px; padding-right: 12px; height: 25px; line-height: 25px; display: inline-block; text-align: center; border-bottom: 1px solid #ececec; border-left: 1px solid; border-color: inherit; color: inherit; } div.pagination a:last-child, div.pagination span:last-child{ border-right: 1px solid; border-color: inherit; } div.pagination a:hover{ background: none; color: inherit; } div.pagination span{ } /*--- Sidebar ---*/ div.gdl-left-sidebar{ float: left; } div.gdl-right-sidebar{ float: left; } div.gdl-page-item{ float: right; } div.gdl-page-float-left{ float: left; } div.custom-sidebar { border-color: inherit; margin-bottom: 40px; clear: both; } div.custom-sidebar div { border-color: inherit; } div.custom-sidebar ul{ list-style: none; margin-left: 0px; border-color: inherit; } div.custom-sidebar ul li{ padding-top: 9px; padding-bottom: 9px; border-bottom: 1px solid; border-color: inherit; } div.custom-sidebar ul li{ padding-left: 15px; background-position: 0px 4px; } div.custom-sidebar ul li li:last-child{ border-bottom: none; padding-bottom: 0px; } div.custom-sidebar #recentcomments a{background: none; } div.custom-sidebar #twitter_update_list{ font-family: 'Droid Serif'; font-style: italic;} div.custom-sidebar #twitter_update_list li{ background: none; padding-left: 0px; } div.custom-sidebar #twitter_update_list li span{ display: inline-block; } div.custom-sidebar #twitter_update_list li span a { margin-top: 0px; margin-right: 6px; padding-left: 2px; display: inline-block; } div.custom-sidebar #twitter_update_list li a {display: table; margin-top: 10px; float: none; clear: both; } /*--- Custom Widget ---*/ div.custom-sidebar .textwidget{ margin-top: 15px; } div.custom-sidebar .gdl-recent-post-widget{ border-color: inherit; } div.custom-sidebar .recent-post-widget{ padding-top: 13px; padding-bottom: 13px; border-bottom: 1px solid; border-color: inherit; } div.custom-sidebar .recent-post-widget-thumbnail{ background-color: #f3f3f3; padding: 4px; margin-right: 12px; border: 1px solid #fff; float: left; } div.custom-sidebar .recent-post-widget-context{ overflow: hidden; margin-top: 2px; } div.custom-sidebar .recent-post-widget-date{ margin-top: 4px; height: 16px; line-height: 19px; font-family: 'Droid Serif'; font-style: italic; background-position: 0px 0px; padding-left: 22px; } div.custom-sidebar .recent-post-widget-comment-num{ margin-top: 4px; height: 16px; line-height: 19px; font-family: 'Droid Serif'; font-style: italic; background-position: 0px 0px; padding-left: 22px; } div.custom-sidebar .twitter-whole{ border-color: inherit; } div.custom-sidebar .twitter-whole ul li a{ background: none; padding: 0px; } div.custom-sidebar .flickr-widget{ margin-top: 10px; display: inline-block; } div.custom-sidebar .flickr_badge_image{ margin: 10px 10px 0px 0px; float: left; width: 56px; height: 56px; } div.custom-sidebar .flickr-widget img{ width: 56px; height: 56px; } div.custom-sidebar .contact-widget-whole ol{ list-style: none; margin-left: 0px; margin-top: 15px; } div.custom-sidebar .contact-widget-whole ol li{ margin-right: 10px; } div.custom-sidebar .contact-widget-whole input, div.custom-sidebar .contact-widget-whole textarea{ margin-bottom: 16px; } div.custom-sidebar .screenReader{ display: none; } div.custom-sidebar .gdl-recent-port-widget{ margin-top: 10px; } div.custom-sidebar .recent-port-widget{ float: left; margin-right: 10px; margin-top: 10px; } /* Sidebar right/left */ div.right-sidebar-wrapper{ border-left: 1px solid; padding-top: 32px; padding-left: 20px; } div.right-sidebar-wrapper .custom-sidebar-title{ padding: 0px 0px 10px 0px; font-size: 17px; border-bottom: 1px solid; border-color: inherit; } div.left-sidebar-wrapper{ border-right: 1px solid #ececec; padding-right: 20px; padding-top: 32px; } div.left-sidebar-wrapper .custom-sidebar-title{ padding: 0px 0px 10px 0px; font-size: 17px; border-bottom: 1px solid; border-color: inherit; } /* Sitemap */ div.sitemap .custom-sidebar-title{ padding: 0px 0px 10px 0px; font-size: 17px; border-bottom: 1px solid; border-color: inherit; } /* Tag Cloud*/ .tagcloud{ border-color: inherit; display: inline-block; } .tagcloud a{ font-size: 12px !important; display: block; float: left; padding: 3px 8px 3px 8px; margin-right: 10px; margin-top: 10px; border: 1px solid; border-color: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Calendar */ #calendar_wrap{ border-color: inherit; } #wp-calendar{ width: 100%; border-color: inherit; border-width: 0px; } #wp-calendar caption{ font-size: 13px; font-weight: bold; margin: 5px auto 15px; padding-bottom: 6px; border-bottom: 1px solid; border-color: inherit; } #wp-calendar td{ padding: 4px; text-align: center; border-right: 0px; } #wp-calendar th{ padding: 0px; text-align: center; border-right: 0px; border-bottom: 0px; background: transparent; } /* search widget */ div.custom-sidebar #searchsubmit{ position: absolute; height: 27px; top: 0px; right: 2px; cursor: pointer; width: 28px; border: 0px; border-image: initial; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} div.custom-sidebar #search-text{ margin-right: 10px; } div.custom-sidebar #searchform{ position: relative; margin-bottom: 0; } div.custom-sidebar #search-text input[type="text"]{ margin-bottom: 0; width: 100%; } div.custom-sidebar #searchform br.clear{ display: none; } /* contact form */ div.custom-sidebar label, legend { font-weight: bold; margin-bottom: 7px; } div.custom-sidebar .error{ font-family: 'Droid Serif'; font-style: italic; margin-bottom: 15px; } div.custom-sidebar #contactForm input, div.custom-sidebar #contactForm textarea { width: 100%; } .single-port-logo {width: 144px; height: 52px; margin-top: 5px;} .single-port-logo.acl {background: url("images/acl-cs.jpg") no-repeat scroll 0px 0 transparent; } .single-port-logo.pentana {background: url("images/pentana-cs.jpg") no-repeat scroll 0px 0 transparent; } .single-port-logo.envisage {background: url("images/envisage-cs.jpg") no-repeat scroll 0px 0 transparent; } .single-port-logo.dundas {background: url("images/dundas-cs.jpg") no-repeat scroll 0px 0 transparent; } .single-port-logo.ccm {background: url("images/ccm-cs.jpg") no-repeat scroll 0px 0 transparent; } img[alt="PDF button"] {display: inline !important; vertical-align: bottom;} /*--- Footer ---*/ div.footer-wrapper .container{ background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } div.footer-wrapper-gimmick{ height: 3px; } div.footer-widget-wrapper{ padding-top: 35px; } div.footer-widget-wrapper .custom-sidebar{ } div.footer-widget-wrapper .custom-sidebar-title{ font-size: 16px; margin-bottom: 10px;} /* Footer custom widget*/ div.footer-wrapper div.contact-form-wrapper input[type="text"], div.footer-wrapper div.contact-form-wrapper input[type="password"], div.footer-wrapper div.contact-form-wrapper textarea, div.footer-wrapper div.custom-sidebar #search-text input[type="text"], div.footer-wrapper div.custom-sidebar .contact-widget-whole input, div.footer-wrapper div.custom-sidebar .contact-widget-whole textarea { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } div.footer-wrapper a.button, div.footer-wrapper button{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0 !important; background: #222 !important; } div.footer-wrapper #wp-calendar caption{ font-size:15px; border: none; margin-bottom: 15px; } div.footer-wrapper div.custom-sidebar .recent-post-widget-thumbnail { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /*--- Copyright ---*/ div.copyright-wrapper{ padding-top: 12px; padding-bottom: 12px; font-size: 11px; } div.copyright-left{ text-align: left; float: left; margin-left: 20px; } div.copyright-right{ text-align: right; float: right; margin-right: 20px; } /*--- Comments ---*/ div.comment-wrapper{ margin-top: 40px; } div.comment-wrapper .comment-title{ font-size: 18px; } div.comment-wrapper .comment-form-comment{ margin-right: 40px; } div.comment-wrapper #reply-title{ font-size: 18px; margin-bottom: 15px; } div.comment-wrapper input[type="text"], input[type="password"] { width: 320px; height: 30px; line-height: 30px; padding: 0px 0px 0px 10px; margin: 5px 5px 25px; line-height: 20px; } div.comment-wrapper textarea{ height: 165px; width: 590px; margin: 5px 5px 25px; padding: 10px; max-width: 100%; line-height: 20px; } div.comment-wrapper .comment-form-captcha img { float: left; margin-right: 20px; margin-top: 1px; } div.comment-wrapper .comment-form-author input, div.comment-wrapper .comment-form-email input, div.comment-wrapper .comment-form-url input { float: left; } div.comment-wrapper .comment-form-captcha input { float: left; width: 205px; } div.comment-wrapper .comment-form-author label, div.comment-wrapper .comment-form-email label, div.comment-wrapper .comment-form-url label, div.comment-wrapper .comment-form-captcha label { float: left; line-height: 32px; margin: 5px 0px 0px 10px; } div.comment-wrapper .comment-form-author span, div.comment-wrapper .comment-form-email span, div.comment-wrapper .comment-form-url span, div.comment-wrapper .comment-form-captcha span { float: left; line-height: 32px; margin-left: 2px; } ol.comment-list{ margin: 0px; list-style: none; } ol.comment-list .comment-body{ border-bottom: 1px solid; margin-top: 22px; padding-bottom: 22px; } ol.comment-list ul{ margin: 0px 0px 0px 30px; list-style: none; } div.comment-avartar{ float: left; } div.comment-context{ margin-left: 80px; } span.comment-author{ margin-right: 5px; font-size: 16px; } span.comment-date{ margin-right: 5px; font-style: italic; font-family: 'Droid Serif'; font-size: 11px;} span.comment-time{ margin-right: 5px; font-style: italic; } div.comment-content{ margin-top: 7px; } div.comment-wrapper #respond{ margin-top: 30px; } /* Slider */ div.slider-wrapper{ position: relative; overflow: hidden; } div.slider-bottom-gimmick{ height: 5px; width: 100%; } div.slider-top-shadow{ height: 6px; width: 100%; position: absolute; top: -1px; z-index: 100; background: url('images/gradient-vertical-6px.png'); } div.slider-bottom-shadow{ height: 6px; width: 100%; position: absolute; bottom: 4px; z-index: 100; background: url('images/gradient-vertical-6px.png') 0px 6px;} .gdl-slider-title{ margin-left: -2px; padding-bottom: 7px; font-size: 28px; line-height: 30px; } .gdl-slider-more{ margin-left: -2px; padding-bottom: 7px; font-size: 20px; margin-top: 20px;color: #f8981d;background: url("images/readmore.png") no-repeat scroll 105px 0 transparent } /* Accordion */ h3.accordion-header-title{ font-size: 18px; margin-bottom: 25px; } ul.gdl-accordion{ list-style: none; margin-left: 0px; } ul.gdl-accordion li{ list-style: none; border-bottom: 1px solid; padding-top: 15px; } ul.gdl-accordion li:first-child{ list-style: none; border-bottom: 1px solid; padding-top: 0px; } h2.accordion-head{ margin-bottom: 0px; padding: 0px 0px 15px 0px; line-height: 21px; font-size: 16px; cursor: pointer; display: block; } div.accordion-content{ padding: 0px 0px 20px 37px; overflow: hidden; } span.accordion-head-image{ width: 24px; height: 24px; float: left; margin-right: 13px; cursor: pointer; display: block; } div.accordion-head p{ margin-bottom: 0px; } ul.gdl-accordion .accordion-content ul li { list-style: none; border-bottom: 0px; margin-bottom: 5px; } /* Gallery */ h3.gallery-header-title{ font-size: 18px; margin-bottom: 25px; margin-left: 10px; } div.gallery-thumbnail-image{ padding: 4px; } /* Toggle Box */ h3.toggle-box-header-title{ font-size: 18px; margin-bottom: 25px; } ul.gdl-toggle-box{ margin-left: 0px; } ul.gdl-toggle-box li{ list-style: none; border-bottom: 1px solid #ececec; margin-bottom: 15px; } h2.toggle-box-head{ padding: 0px 0px 0px 0px; line-height: 21px; font-size: 16px; cursor: pointer; } div.toggle-box-content{ padding: 0px 0px 20px 37px; overflow: hidden; } span.toggle-box-head-image{ width: 24px; height: 24px; float: left; margin-right: 13px; cursor: pointer; } div.toggle-box-head p{ margin-bottom: 0; } ul.gdl-toggle-box .toggle-box-content ul li { list-style: inherit; border-bottom: 0px; margin-bottom: 5px; } /* Column Service */ div.column-service-image{ float:left; width: 32px; height: 32px; text-align: center; line-height: 32px; margin: 0px 10px 0px 10px; } div.column-service-image img{ vertical-align: middle; } div.column-service-content{ margin: 0px 0px 0px 62px; } h2.column-service-title{ font-size: 17px; margin-bottom: 4px; } /* Stunning Text */ div.stunning-text-wrapper{ padding-top: 35px; padding-bottom: 35px; clear: both;} h1.stunning-text-title{ line-height: 30px; font-size: 24px; font-weight: bold; padding: 0px 25px 0px 25px;} div.stunning-text-caption{ font-size: 13px; padding: 0px 25px 0px 25px; margin-top: 8px;} div.stunning-text-button-wrapper{ text-align: center; } a.stunning-text-button{ padding: 0px 27px 0px 27px; height: 38px; line-height: 38px; font-size: 16px; background: url('images/gradient-top-32px.png') repeat-x; float: right; margin-top: 15px; margin-right:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* Testimonial */ h3.testimonial-header-title{ font-size: 18px; margin-bottom: 25px; margin-left: 10px; } div.testimonial-no-header{ padding-top: 47px } div.testimonial-icon{ width: 18px; height: 18px; float: left; margin-top: 2px; margin-right: 15px; margin-left: 1px; } div.testimonial-author{ margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; margin-right: 3px; font-weight: bold; font-size: 13px; text-align: right; /*border-bottom: 1px solid;*/ } div.jcarousellite{ overflow: hidden;} div.jcarousellite ul{ width: 1000%; margin: 0px; list-style: none;} div.jcarousellite ul li{ float: left; } div.jcarousellite-nav{ position: absolute; top: 0px; right: 10px; margin-right: 3px; } div.jcarousellite-nav .prev{ width: 20px; height: 20px; cursor:pointer; float: left; margin-left: 5px; } div.jcarousellite-nav .next{ width: 20px; height: 20px; cursor:pointer; float: left; margin-left: 5px; background-position: 20px 0px !important; } /* Divider */ div.divider{ position: relative; margin-top: 8px; } div.scroll-top{ position: absolute; top: -19px; right: 2px; cursor: pointer; font-size: 10px; } /* Portfolio */ div.portfolio-thumbnail-image, div.portfolio-thumbnail-video, div.portfolio-thumbnail-slider{ padding: 4px; } h3.portfolio-header-title{ font-size: 18px; margin: 33px 0px 0px 10px; } div.portfolio-view-all-project{ position: absolute; right: 10px; top: 33px; font-style: italic; } div.portfolio-thumbnail-image{ text-align: center; position: relative; } div.portfolio-thumbnail-image img{ display: block; margin: 0px auto; } div.portfolio-thumbnail-video{ text-align: center; } div.portfolio-thumbnail-video object{ display: block; margin: 0px auto;} div.portfolio-thumbnail-slider{ text-align: center; margin: 0px auto; overflow: hidden; } div.portfolio-thumbnail-slider .flexslider{ display: block; } div.portfolio-thumbnail-slider ol.flex-control-nav{ display: none; } div.portfolio-thumbnail-slider ul.flex-direction-nav .prev{ background: url('images/thumbnail-nav.png'); width: 31px; height: 24px; bottom: 0px; left: 0px; top: auto;} div.portfolio-thumbnail-slider ul.flex-direction-nav .next{ background: url('images/thumbnail-nav.png'); width: 31px; height: 24px; background-position: 31px 0px; bottom: 0px; left: 31px; top:auto; } h2.portfolio-thumbnail-title{ font-size: 15px; margin-top: 15px; margin-bottom: 10px; } div.portfolio-thumbnail-title a{ color: inherit; } div.portfolio-thumbnail-content{ margin-top: 8px; margin-bottom: 10px;} div.portfolio-bottom{ height: 15px; display: block; clear: both; } span.portfolio-thumbnail-image-hover{ opacity: 0; filter: alpha(opacity=0); position: absolute; width: 100%; height: 100%; background-color: #fff; overflow: hidden; display: block; } span.portfolio-thumbnail-image-hover span{ top: 50%; left: -50%; margin-left: -16px; margin-top: -16px; width: 32px; height: 32px; position: absolute; display: block; } span.portfolio-thumbnail-image-hover span.hover-link{ background: url('images/link.png') no-repeat; } span.portfolio-thumbnail-image-hover span.hover-video{ background: url('images/video.png') no-repeat; } span.portfolio-thumbnail-image-hover span.hover-zoom{ background: url('images/zoom.png') no-repeat; } a.portfolio-read-more{ margin-right: 12px; margin-top: 15px; float: left; } a.portfolio-visit-website{ margin-top: 15px; float: left; } .portfolio-item-holder.masoned{ overflow: hidden; } /* fullwidth portfolio */ div.sixteen.columns.portfolio-item { padding-bottom: 22px; border-bottom: 1px solid #ececec;} div.sixteen.columns.portfolio-item:last-child { padding-bottom: 0px; border: 0px; } div.sixteen.columns.portfolio-item .portfolio-thumbnail-image, div.sixteen.columns.portfolio-item .portfolio-thumbnail-video, div.sixteen.columns.portfolio-item .portfolio-thumbnail-slider{ float: left; width: 620px; } div.sixteen.columns.portfolio-item .portfolio-thumbnail-context{ padding-left: 20px; float: none; overflow: hidden; } div.sixteen.columns.portfolio-item .portfolio-thumbnail-title{ font-size: 18px; margin-top: 12px; } div.sixteen.columns.portfolio-item .portfolio-thumbnail-content{ margin-top: 12px; } div.sixteen.columns.portfolio-item a.portfolio-read-more{ margin-top: 22px; } div.sixteen.columns.portfolio-item a.portfolio-visit-website{ margin-top: 22px; } div.sidebar-included .sixteen.columns.portfolio-item .portfolio-thumbnail-image, div.sidebar-included .sixteen.columns.portfolio-item .portfolio-thumbnail-video, div.sidebar-included .sixteen.columns.portfolio-item .portfolio-thumbnail-slider{ float: left; width: 320px; } div.sidebar-included div.sixteen.columns.portfolio-item .portfolio-thumbnail-context{ padding-left: 20px; margin-right: 10px;} div.both-sidebar-included .sixteen.columns.portfolio-item .portfolio-thumbnail-image, div.both-sidebar-included .sixteen.columns.portfolio-item .portfolio-thumbnail-video, div.both-sidebar-included .sixteen.columns.portfolio-item .portfolio-thumbnail-slider{ float: left; width: 180px; } div.both-sidebar-included div.sixteen.columns.portfolio-item .portfolio-thumbnail-context{ padding-left: 20px; margin-right: 10px;} ul.portfolio-item-filter{ margin: 8px 0px 8px 0px; list-style:none; } ul.portfolio-item-filter li { float: left; margin: 0px 2px 5px 6px; } /* Start: Recommended Isotope styles */ .portfolio-item {background: #eee url("images/corner.png") no-repeat scroll right bottom ; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px !important; height: 258px; color: #313131; width: 200px;} .portfolio-item .location-item, .portfolio-item .category-item { background: none repeat scroll 0 0 #F8981D; color: #313131; display: block; padding: 5px; position: absolute; right: -2px; top: -5px;} h2.portfolio-thumbnail-title {width: 70%;} .portfolio-item .category-item {top: 30px;} .testimonial-content {overflow: hidden;} .training-date-item {font-style: italic; color: #202020; margin-bottom: 12px;} .portfolio-item-holder {margin-top: 20px; } .testimonial-thumb {text-align: right;margin-bottom: 60px;} .testimonial-thumb img{float: right;} .jcarousellite .testimonial-thumb {text-align: right;display: block;} .category-item.acl {background: #1785C7; color: #fff;} .category-item.envisage {background: #7FB539; color: #fff;} .category-item.procube {background: #EF7F2C; color: #fff;} .recent-training-widget {position: relative;} .recent-training-widget .category-item.acl, .recent-training-widget .category-item.envisage, .recent-training-widget .category-item.procube {padding: 0px 6px; position: absolute; right: -5px; top: -5px;} .recent-training-widget .category-item:after { border-style: solid; border-width: 5px 5px 0 0; bottom: -5px; content: ""; display: block; position: absolute; right: 0;} .recent-training-widget .category-item.acl:after {border-color: #0066A4 transparent transparent;} .recent-training-widget .category-item.envisage:after {border-color: #74A735 transparent transparent;} .recent-training-widget .category-item.procube:after {border-color: #EF7F2C transparent transparent;} .portfolio-item .portfolio-view-more {background: none repeat scroll 0 0 #EF7F2C; color: #fff; margin-left: -5px; padding: 5px; font-weight: bold; display: block; width: 70px; text-align: center; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.84s; transition-duration: 0.4s; position: absolute; bottom: 30px; } .portfolio-item a.portfolio-view-more:hover {background: none repeat scroll 0 0 #313131; color: #EF7F2C; width: 95%} /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* Case studies */ div.case-thumbnail-image, div.case-thumbnail-video, div.case-thumbnail-slider{ padding: 4px; } h3.case-header-title{ font-size: 18px; margin: 33px 0px 0px 10px; } div.case-view-all-project{ position: absolute; right: 10px; top: 33px; font-style: italic; } div.case-thumbnail-image{ text-align: center; position: relative; } div.case-thumbnail-image img{ display: block; margin: 0px auto; } div.case-thumbnail-video{ text-align: center; } div.case-thumbnail-video object{ display: block; margin: 0px auto;} div.case-thumbnail-slider{ text-align: center; margin: 0px auto; overflow: hidden; } div.case-thumbnail-slider .flexslider{ display: block; } div.case-thumbnail-slider ol.flex-control-nav{ display: none; } div.case-thumbnail-slider ul.flex-direction-nav .prev{ background: url('images/thumbnail-nav.png'); width: 31px; height: 24px; bottom: 0px; left: 0px; top: auto;} div.case-thumbnail-slider ul.flex-direction-nav .next{ background: url('images/thumbnail-nav.png'); width: 31px; height: 24px; background-position: 31px 0px; bottom: 0px; left: 31px; top:auto; } h2.case-thumbnail-title{ font-size: 15px; margin-top: 15px; margin-bottom: 10px; } div.case-thumbnail-title a{ color: inherit; } div.case-thumbnail-content{ margin-top: 8px; } div.case-bottom{ height: 15px; display: block; clear: both; } span.case-thumbnail-image-hover{ opacity: 0; filter: alpha(opacity=0); position: absolute; width: 100%; height: 100%; background-color: #fff; overflow: hidden; display: block; } span.case-thumbnail-image-hover span{ top: 50%; left: -50%; margin-left: -16px; margin-top: -16px; width: 32px; height: 32px; position: absolute; display: block; } span.case-thumbnail-image-hover span.hover-link{ background: url('images/link.png') no-repeat; } span.case-thumbnail-image-hover span.hover-video{ background: url('images/video.png') no-repeat; } span.case-thumbnail-image-hover span.hover-zoom{ background: url('images/zoom.png') no-repeat; } a.case-read-more{ margin-right: 12px; margin-top: 15px; float: left; } a.case-visit-website{ margin-top: 15px; float: left; } .case-item-holder.masoned{ overflow: hidden; } /* fullwidth case studies */ div.sixteen.columns.case-item { padding-bottom: 22px; border-bottom: 1px solid #ececec;} div.sixteen.columns.case-item:last-child { padding-bottom: 0px; border: 0px; } div.sixteen.columns.case-item .case-thumbnail-image, div.sixteen.columns.case-item .case-thumbnail-video, div.sixteen.columns.case-item .case-thumbnail-slider{ float: left; width: 620px; } div.sixteen.columns.case-item .case-thumbnail-context{ padding-left: 20px; float: none; overflow: hidden; } div.sixteen.columns.case-item .case-thumbnail-title{ font-size: 18px; margin-top: 12px; } div.sixteen.columns.case-item .case-thumbnail-content{ margin-top: 12px; } div.sixteen.columns.case-item a.case-read-more{ margin-top: 22px; } div.sixteen.columns.case-item a.case-visit-website{ margin-top: 22px; } div.sidebar-included .sixteen.columns.case-item .case-thumbnail-image, div.sidebar-included .sixteen.columns.case-item .case-thumbnail-video, div.sidebar-included .sixteen.columns.case-item .case-thumbnail-slider{ float: left; width: 320px; } div.sidebar-included div.sixteen.columns.case-item .case-thumbnail-context{ padding-left: 20px; margin-right: 10px;} div.both-sidebar-included .sixteen.columns.case-item .case-thumbnail-image, div.both-sidebar-included .sixteen.columns.case-item .case-thumbnail-video, div.both-sidebar-included .sixteen.columns.case-item .case-thumbnail-slider{ float: left; width: 180px; } div.both-sidebar-included div.sixteen.columns.case-item .case-thumbnail-context{ padding-left: 20px; margin-right: 10px;} ul#case-item-filter{ margin: 14px 0px 8px 0px; list-style:none; } ul#case-item-filter li { float: left; margin: 12px 2px 0px 10px; } /* Single */ h1.single-thumbnail-title{ margin-top: 40px; padding-bottom: 18px; font-size: 21px; margin-bottom: 0; } h1.single-thumbnail-title a{ color: inherit; } div.single-thumbnail-info{ padding-top: 7px; padding-bottom: 7px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; margin-bottom: 20px; font-size: 11px; font-family: Droid Serif; font-style: italic; } div.single-thumbnail-date{ height: 16px; line-height: 20px; font-style: italic; margin-right: 20px; padding-left: 23px; float: left; } div.single-thumbnail-author{ height: 16px; line-height: 20px; float: left; margin-right: 20px; padding-left: 23px; } div.single-thumbnail-comment{ height: 16px; line-height: 20px; float: right; padding-left: 21px; } div.single-thumbnail-tag{ height: 16px; line-height: 16px; float: left; margin-right: 20px; padding-left: 23px; } div.single-thumbnail-context{ padding-top: 20px; } div.single-content{ margin-top: 20px; } div.single-port-prev-nav{ float: left; } div.single-port-prev-nav a{ float: left; } div.single-port-prev-nav .left-arrow{ width: 8px; height: 5px; float: left; margin-top: 6px; margin-right: 8px; } div.single-port-next-nav{ float: left; margin-left: 30px; } div.single-port-next-nav a{ float: left;} div.single-port-next-nav .right-arrow{ width: 8px; height: 5px; float: left; margin-top: 6px; margin-left: 8px; } div.single-port-thumbnail-image, div.single-port-thumbnail-video, div.single-port-thumbnail-slider{ padding: 4px; } div.single-port-nav{ float: right; margin-top: 18px; margin-bottom: 18px; } h1.single-port-title{ border-bottom: 1px solid; font-size: 21px; padding-bottom: 8px; margin-top: 30px; margin-bottom: 0px; } h1.single-port-title a{ color: inherit; } div.single-port-content{ margin-top: 22px; } div.single-port-info{ margin-top: 30px; font-style: italic; font-family: Droid Serif; } div.single-port-info span.head{ font-weight: bold; margin-right: 5px; } div.single-port-date{ margin-top: 8px; } div.single-port-tag{ margin-top: 8px; } div.single-port-visit-website{ padding-left: 28px; margin-top: 10px; } div.about-author-wrapper{ margin-top: 40px; padding: 18px; } div.about-author-avartar{ float: left; } div.about-author-info{ margin-left: 110px; } div.about-author-title{ font-size: 18px; margin-top: 3px; margin-bottom: 5px; } div.social-share-title{ margin-top: 40px; font-size: 18px; } div.social-shares ul{ list-style: none; margin-left: 0px; margin-top: 15px; } div.social-shares ul li{ float: left; margin-right: 15px; margin-bottom: 15px; } /* Blog */ h3.blog-header-title{ font-size: 18px; margin: 33px 0px 25px 10px; } h2.blog-thumbnail-title a{ color: inherit; } div.blog-thumbnail-image, div.blog-thumbnail-slider, div.blog-thumbnail-video{ padding: 4px; margin-bottom: 18px; } div.blog-thumbnail-info{ font-family: Droid Serif; font-style: italic; } a.blog-continue-reading{ margin-top: 14px; display: block; } a.blog-read-more{ margin-right: 15px; margin-top: 15px; float: left; } div.blog-item-holder .blog-item0:last-child, div.blog-item-holder .blog-item0:last-child{ border-bottom: 0px; } div.blog-item-holder .blog-item0{ border-bottom: 1px solid; padding-top: 10px; } div.blog-item-holder .blog-item0 .blog-thumbnail-image, div.blog-item-holder .blog-item0 .blog-thumbnail-video, div.blog-item-holder .blog-item0 .blog-thumbnail-slider{ float: left; margin-right: 10px; margin-bottom: 10px; width: 55px; height: 55px; } div.blog-item-holder .blog-item0 .blog-thumbnail-slider .flex-caption, div.blog-item-holder .blog-item0 .blog-thumbnail-slider ol.flex-control-nav, div.blog-item-holder .blog-item0 .blog-thumbnail-slider ul.flex-direction-nav{ display: none;} div.blog-item-holder .blog-item0 .blog-thumbnail-context{ overflow: hidden; float: none; } div.blog-item-holder .blog-item0 .blog-thumbnail-title{ margin-top: 5px; margin-bottom: 0px; font-size: 12px;} div.blog-item-holder .blog-item0 .blog-thumbnail-date{ margin-top: 8px; margin-bottom: 10px; font-family: 'Droid Serif'; font-style: italic; } div.blog-item-holder .blog-item1{ padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #ececec; } div.blog-item-holder .blog-item1:last-child{ border: 0px; padding-bottom: 0px; } div.blog-item-holder .blog-item1 .blog-thumbnail-title{ font-size: 20px; padding-top: 2px; padding-bottom: 4px; margin-bottom: 0; } div.blog-item-holder .blog-item1 .blog-thumbnail-context{ float: none; overflow: hidden; } div.blog-item-holder .blog-item1 .blog-thumbnail-image, div.blog-item-holder .blog-item1 .blog-thumbnail-video, div.blog-item-holder .blog-item1 .blog-thumbnail-slider{ float: left; width: 460px; margin-right: 20px; } div.blog-item-holder .blog-item1 .blog-thumbnail-info{ font-size: 11px; margin-bottom: 16px; } div.blog-item-holder .blog-item1 .blog-thumbnail-date{ height: 16px; line-height: 20px; font-style: italic; padding-left: 22px; float: left; background-position: 0px 0px; } div.blog-item-holder .blog-item1 .blog-thumbnail-comment{ height: 16px; line-height: 20px; margin-left: 20px; float: left; padding-left: 22px; background-position: 0px 0px; } div.blog-item-holder .blog-item2{ padding-top: 40px; padding-bottom: 10px; } div.blog-item-holder .blog-item2 .blog-thumbnail-title{ padding-bottom: 16px; font-size: 21px; margin-bottom: 0px;} div.blog-item-holder .blog-item2 .blog-thumbnail-info{ padding-top: 7px; padding-bottom: 7px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; margin-bottom: 21px; font-size: 11px; } div.blog-item-holder .blog-item2 .blog-thumbnail-date{ height: 16px; line-height: 20px; margin-right: 20px; font-style: italic; padding-left: 23px; float: left; } div.blog-item-holder .blog-item2 .blog-thumbnail-author{ height: 16px; line-height: 20px; margin-right: 20px; float: left; padding-left: 23px; } div.blog-item-holder .blog-item2 .blog-thumbnail-comment{ height: 16px; line-height: 20px; float: right; padding-left: 21px; } div.blog-item-holder .blog-item2 .blog-thumbnail-tag{ height: 16px; line-height: 16px; margin-right: 20px; float: left; padding-left: 23px; } div.blog-item-holder .blog-item2 .blog-thumbnail-context{ } div.sidebar-included .blog-item-holder .blog-item1 .blog-thumbnail-image, div.sidebar-included .blog-item-holder .blog-item1 .blog-thumbnail-video, div.sidebar-included .blog-item-holder .blog-item1 .blog-thumbnail-slider{ float: left; width: 210px; } div.both-sidebar-included .blog-item-holder .blog-item1 .blog-thumbnail-image, div.both-sidebar-included .blog-item-holder .blog-item1 .blog-thumbnail-video, div.both-sidebar-included .blog-item-holder .blog-item1 .blog-thumbnail-slider{ float: none; width: auto; } div.both-sidebar-included .blog-item1 .blog-thumbnail-context{ padding: 0px 0px 0px 0px; width: auto; } /* Message Box */ div.message-box-wrapper{ border:1px solid; padding: 20px; margin-bottom: 20px; } div.message-box-title{ font-weight: bold; font-size: 14px; margin-top: 2px; } div.message-box-content{ margin-top: 12px; } div.message-box-wrapper.red{ background-color: #ffdcdd; border-color: #e9b9bb; color: #713a3c;} div.message-box-wrapper.red .message-box-title{ color: #8d4345;} div.message-box-wrapper.yellow{ background-color: #ffffe0; border-color: #e1db8b; color: #4d4d39;} div.message-box-wrapper.yellow .message-box-title{ color: #737357;} div.message-box-wrapper.blue{ background-color: #c2e1ee; border-color: #8ec3d9; color: #3d5058;} div.message-box-wrapper.blue .message-box-title{ color: #475d66;} div.message-box-wrapper.green{ background-color: #e1ffd9; border-color: #badeb1; color: #435b3d;} div.message-box-wrapper.green .message-box-title{ color: #526d4b;} /* Shortcode */ .shortcode1-4{ width: 23%; margin-right: 2%; float: left; } .shortcode1-5{ width: 18%; margin-right: 2%; float: left; } .shortcode1-3{ width: 31.33%; margin-right: 2%; float: left; } .shortcode1-2{ width: 48%; margin-right: 2%; float: left; } .shortcode2-3{ width: 64.66%; margin-right: 2%; float: left; } .shortcode3-4{ width: 73%; margin-right: 2%; float: left; } .shortcode1{ width: 98%; margin-right: 2%; float: left; } a.gdl-button.shortcode-large-button{ margin-bottom: 20px; margin-right: 10px; padding: 0px 21px 0px 21px; height: 38px; line-height: 38px; font-size: 14px; } a.gdl-button.shortcode-medium-button{ margin-bottom: 20px; margin-right: 10px; padding: 0px 15px 0px 15px; height: 30px; line-height: 30px; font-size: 12px; } a.gdl-button.shortcode-small-button{ margin-bottom: 20px; margin-right: 10px; text-shadow: none; font-size: 11px; } a.gdl-button.selected, .portfolio-item-filter a.gdl-button:hover {background:#EF7F2C; color: #fff; border: 1px solid #F8981D; } ul.sf-menu {margin-left: -10px !important;} ul.sf-menu li:hover, ul.sf-menu li.current-menu-item {background: #A54A0D;} .sf-menu li.current_page_item, .sf-menu li.current-menu-parent, .sf-menu li a:hover {text-shadow: 2px 2px 2px #333} #menu-acl-menu.sf-menu li li {background: #1785C7 !important;} #menu-acl-menu.sf-menu ul a:hover {background: #0066A4 !important;} #menu-pentana-menu.sf-menu li li {background: #4A6DA6 !important;} #menu-pentana-menu.sf-menu ul a:hover {background: #2B528C !important;} #menu-dundas-menu.sf-menu li li {background: #4091BC !important;} #menu-dundas-menu.sf-menu ul a:hover {background: #106B94 !important;} #menu-satoriccm-menu.sf-menu li li {background: #546470 !important;} #menu-satoriccm-menu.sf-menu ul a:hover {background: #3B4852 !important;} #menu-envisage-menu.sf-menu li li {background: #7FB539 !important;} #menu-envisage-menu.sf-menu ul a:hover {background: #58585A !important;} div.shortcode-list ul{ list-style: none !important; margin-left: 0px !important; } div.shortcode-list li{ padding:2px 0px 4px 25px !important; border: 0px !important; } div.shortcode-list-arrow li{ background: url('images/list/arrow.png') no-repeat !important; } div.shortcode-list-arrow2 li{ background: url('images/list/arrow2.png') no-repeat !important; } div.shortcode-list-arrow3 li{ background: url('images/list/arrow3.png') no-repeat !important; } div.shortcode-list-bullet li{ background: url('images/list/bullet.png') no-repeat !important; } div.shortcode-list-bullet2 li{ background: url('images/list/bullet2.png') no-repeat !important; } div.shortcode-list-bullet3 li{ background: url('images/list/bullet3.png') no-repeat !important; } div.shortcode-list-check li{ background: url('images/list/check.png') no-repeat !important; } div.shortcode-list-check2 li{ background: url('images/list/check2.png') no-repeat !important; } div.shortcode-list-check3 li{ background: url('images/list/check3.png') no-repeat !important; } div.shortcode-list-delete li{ background: url('images/list/delete.png') no-repeat !important; } div.shortcode-list-delete2 li{ background: url('images/list/delete2.png') no-repeat !important; } div.shortcode-list-delete3 li{ background: url('images/list/delete3.png') no-repeat !important; } div.shortcode-list-arrow-envisage ul>li{ background: url('images/list/arrow-envisage.png') no-repeat 0px 3px !important; } div.shortcode-list-arrow-pentana ul>li{ background: url('images/list/arrow-acl.png') no-repeat 0px 3px !important; } div.shortcode-list-arrow-ccm ul>li{ background: url('images/list/arrow-ccm.png') no-repeat 0px 3px !important; } div.shortcode-list-arrow-acl ul>li{ background: url('images/list/arrow-acl.png') no-repeat 0px 3px !important; } div.shortcode-list-arrow-dundas ul>li{ background: url('images/list/arrow-acl.png') no-repeat 0px 3px !important; } div.shortcode-list ul li ul li, div.shortcode-list-arrow-ccm ul>li>ul>li {background: none !important; list-style: circle; padding: 0 !important;margin-left: 15px;} div.shortcode-social{ float: left; margin-right: 12px; } div.shortcode-block-quote-left{ width: 33%; float: left; margin: 15px 20px 15px 20px; padding: 20px; border-left: 2px solid #ddd; font-size: 16px; font-family: Georgia,"Times New Roman",Times,serif; font-style: oblique; } div.shortcode-block-quote-right{ width: 33%; float: right; margin: 15px 20px 15px 20px; padding: 20px; border-left: 2px solid #ddd; font-size: 16px; font-family: Georgia,"Times New Roman",Times,serif; font-style: oblique; } div.shortcode-block-quote-center{ margin: 0px 20px 20px 20px; text-align: center; padding: 20px; border-left: 2px solid #ddd; font-size: 16px; font-family: Georgia,"Times New Roman",Times,serif; font-style: oblique; } div.shortcode-dropcap{ margin-top: 0px; margin-bottom: 0px; margin-right: 5px; float: left; font-size: 25px; font-size: 25px; width: 32px; height: 32px; line-height: 32px; text-align: center; float: left; } div.shortcode-dropcap.circle{ -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; } /* contact form */ div.contact-form-wrapper ol{ margin: 0px; list-style: none; } div.contact-form-wrapper ol li{ margin-bottom: 20px; } div.contact-form-wrapper ol li.sending-result{ max-width: 622px; display: none; } div.contact-form-wrapper ol li.sending-result .message-box-wrapper{ padding: 10px 15px 10px 15px; } div.contact-form-wrapper ol li div.error{ display: none; } div.contact-form-wrapper input[type="text"], input[type="password"] { width: 320px; height: 30px; line-height: 30px; padding: 0px 0px 0px 7px; margin: 10px 5px 10px; line-height: 20px; max-width: 90%; } div.contact-form-wrapper .textarea{ margin-right: 32px; } div.contact-form-wrapper textarea{ height: 165px; width: 590px; margin: 10px 5px 10px; padding: 10px; max-width: 100%; line-height: 20px; } div.contact-form-wrapper .contact-submit{ float: left; } div.contact-form-wrapper .contact-loading{ width: 16px; height: 16px; float: left; margin: 7px 0px 0px 15px; display:none; background: url('images/loading.gif'); } /* Price Item */ div.gdl-price-item{ margin-bottom: 20px;} div.gdl-price-item .price-item{ border: 1px solid; border-color: inherit; margin-left: -1px; padding-bottom: 30px;} div.gdl-price-item .price-tag{ font-size: 35px; line-height: 40px; text-align: center; padding-top: 20px; padding-bottom: 20px; font-weight: bold; } div.gdl-price-item .price-title{ font-size: 14px; text-align: center; font-weight: bold; padding-top: 8px; padding-bottom: 8px; } div.gdl-price-item .price-button{ text-align: center; margin-top: 25px; } div.gdl-price-item .price-content{ text-align: center; margin-top: 25px; } div.gdl-price-item .price-content .shortcode-list{ display: inline-block; } div.gdl-price-item .price-item.active{ padding-bottom: 70px; margin-top: -20px; } /* code */ .gdl-code{ overflow: hidden; padding: 15px; border: 1px #eee solid; clear: both; background: #f9f9f9; margin-bottom: 20px; color: #555; font-size: 13px; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; } /* Contact Form 7 */ span.wpcf7-form-control-wrap input[type="text"], span.wpcf7-form-control-wrap input[type="[password"], span.wpcf7-form-control-wrap textarea{ max-width: 90%; width: 320px; height: 30px; line-height: 30px; padding: 0px 0px 0px 7px; margin: 10px 5px 10px; line-height: 20px; } span.wpcf7-form-control-wrap input.wpcf7-file{ width: auto; height: auto; background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; margin-left: 0; max-width: 90%; } span.wpcf7-form-control-wrap textarea{ height: 165px; width: 590px; margin: 10px 5px 10px; padding: 10px; max-width: 100%; line-height: 20px; max-width: 90%; } div.wpcf7 p{ font-weight: bold; } div.wpcf7 p span.wpcf7-form-control-wrap textarea, div.wpcf7 p span.wpcf7-form-control-wrap input{ font-weight: normal; } div.wpcf7 .ajax-loader{ display: none; } /* Responsive anything video fix */ .anythingSlider .fluid-width-video-wrapper{ padding: 0px !important; } /* recent training widget*/ .recent-training-widget {padding: 10px; background: #202020;margin-bottom: 10px;} .satoriorange {color: #EF7F2C;} p.satoriorange {margin-bottom: 5px;} .pspacer { display: block; height: 8px; margin: 10px;} li.newsletter {background: none !important; padding-left: 0px !important;} li.newsletter label {display: none;} li.newsletter .gform_footer {float: right;} .newsletter input[type="email"] {max-width: 100% !important; width: inherit; background: #292929 !important; color: #646464 !important; border: 0px solid #CCCCCC; font-style: italic; } .newsletterholder .gform_body {float: left !important;} .newsletterholder .gform_footer.top_label { position: relative; right: 7px; top: -50px;} .newsletterholder input[type="submit"] { -webkit-box-shadow: 0px 0px 0px #ECECEC; -moz-box-shadow:0px 0px 0px #ECECEC; box-shadow:0px 0px 0px #ECECEC; background: #1e1e1e; color: #b1b1b1; text-transform: uppercase; border: 0 solid #DEDEDE; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required {margin-top: -11px !important;} .gform_wrapper.newsletterholder_wrapper .validation_error, .gform_wrapper.newsletterholder_wrapper .gfield_error .gfield_label, .gform_wrapper.newsletterholder_wrapper li.gfield.gfield_error .gfield_description {color: #EF7F2C !important;} .gform_wrapper.newsletterholder_wrapper .validation_error {display: none !important;} .newsletterholder ul li {padding-top: 0px;} .gform_wrapper .top_label .gfield.newsletter input.medium {width: 140px;padding: 4px;} .newsletterholder .gform_footer {float: right;margin-top: -72px;} .footer-wrapper .gdl-divider, .footer-wrapper .custom-sidebar.gdl-divider div, .footer-wrapper .custom-sidebar.gdl-divider ul li {border: 0px solid black; } /*Satori*/ .stunning {margin-top: 0 !important;width: 960px !important;} .column-areas-content {background: #fff url('images/corner.png') bottom right no-repeat ; padding: 10px;-webkit-box-shadow: 0px 0px 3px 0px #333;box-shadow: 0px 0px 3px 0px #333;} .column-areas-content h4 {color: #f8981d;font-size: 13px;text-transform: uppercase;line-height: 20px;} .mainareabg {height: 900px;} div.stunning-text-wrapper {padding-bottom: 0;} h1.stunning-text-title {padding: 0;} h1.stunning-text-title span, span.orange {color: #f8981d;} .tag-wrapper { margin-bottom: 26px; margin-left: 0; margin-top: 24px;} .page-template-page-satori-php .gallery-thumbnail-image {box-shadow: 0 0 0px 0px #ECECEC; background: none !important; border: none !important;} .testimonial-page {margin-left: -30px;} #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > ul.sub-menu.sub-menu-1 { border-bottom: 2px solid #F8981D; border-left: 2px solid #F8981D; border-right: 2px solid #F8981D; -webkit-box-shadow: inset 0px -10px 22px 0px #ddd; box-shadow: inset 0px -10px 22px 0px #ddd; } /* ACL */ .page-template-page-acl-php div.navigation-wrapper, body.acl div.navigation-wrapper {background: url("http://sandbox.kookacreative.com.au/satori/wp-content/themes/satori/images/acl-menu.png") repeat-x scroll 0 0 transparent !important;height: 40px;} .page-template-page-acl-php a, .page-template-page-acl-php .footer-wrapper a,body.acl a, body.acl .footer-wrapper a {color: #0066a4} .page-template-page-acl-php .sf-menu li,body.acl .sf-menu li {text-shadow: 0 1px 0 #0066a4} .tag-wrapper img{float: right;} .page-template-page-acl-php div.navigation-wrapper .sf-menu li a, body.acl div.navigation-wrapper .sf-menu li a {padding: 8px 18px;} .page-template-page-acl-php .navigation-wrapper .sf-menu ul a:hover, .page-template-page-acl-php .navigation-wrapper .sf-menu ul .current-menu-item ul a:hover, .page-template-page-acl-php .navigation-wrapper .sf-menu .current-menu-item ul a:hover {} .page-template-page-acl-php ul.sf-menu li:hover, .page-template-page-acl-php ul.sf-menu li.current-menu-item, body.acl ul.sf-menu li:hover, body.acl ul.sf-menu li.current-menu-item {background: #0066A4;} /* PENTANA */ .page-template-page-pentana-php div.navigation-wrapper, body.pentana div.navigation-wrapper {background: url("http://sandbox.kookacreative.com.au/satori/wp-content/themes/satori/images/pentana-menu.png") repeat-x scroll 0 0 transparent !important;height: 40px;} .page-template-page-pentana-php a, .page-template-page-pentana-php .footer-wrapper a,body.pentana a, body.pentana .footer-wrapper a {color: #3d3778} .page-template-page-pentana-php .sf-menu li , body.pentana .sf-menu li{text-shadow: 0 1px 0 #3d3778} .tag-wrapper img{float: right;} .page-template-page-pentana-php div.navigation-wrapper .sf-menu li a, body.pentana div.navigation-wrapper .sf-menu li a {padding: 8px 18px;} .page-template-page-pentana-php .navigation-wrapper .sf-menu ul a:hover, .page-template-page-pentana-php .navigation-wrapper .sf-menu ul .current-menu-item ul a:hover, .page-template-page-pentana-php .navigation-wrapper .sf-menu .current-menu-item ul a:hover {} .page-template-page-pentana-php ul.sf-menu li:hover, .page-template-page-pentana-php ul.sf-menu li.current-menu-item, body.pentana ul.sf-menu li:hover, body.pentana ul.sf-menu li.current-menu-item {background: #2B528C;} /* DUNDAS */ .page-template-page-dundas-php div.navigation-wrapper, body.dundas div.navigation-wrapper {background: url("http://sandbox.kookacreative.com.au/satori/wp-content/themes/satori/images/dundas-menu.png") repeat-x scroll 0 0 transparent !important;height: 40px;} .page-template-page-dundas-php a, .page-template-page-dundas-php .footer-wrapper a, body.dundas a, body.dundas .footer-wrapper a {color: #106b94} .page-template-page-dundas-php .sf-menu li, body.dundas .sf-menu li {text-shadow: 0 1px 0 #106b94} .tag-wrapper img{float: right;} .page-template-page-dundas-php div.navigation-wrapper .sf-menu li a , body.dundas div.navigation-wrapper .sf-menu li a{padding: 8px 18px;} .page-template-page-dundas-php .navigation-wrapper .sf-menu ul a:hover, .page-template-page-dundas-php .navigation-wrapper .sf-menu ul .current-menu-item ul a:hover, .page-template-page-dundas-php .navigation-wrapper .sf-menu .current-menu-item ul a:hover {} .page-template-page-dundas-php ul.sf-menu li:hover, .page-template-page-dundas-php ul.sf-menu li.current-menu-item, body.dundas ul.sf-menu li:hover, body.dundas ul.sf-menu li.current-menu-item {background: #106b94;} /* EAGLE EYE */ .page-template-page-eagle-eye-php div.navigation-wrapper, body.satori-ccm div.navigation-wrapper{background: url("http://sandbox.kookacreative.com.au/satori/wp-content/themes/satori/images/eagle-eye-menu.png") repeat-x scroll 0 0 transparent !important;height: 40px;} .page-template-page-eagle-eye-php a, .page-template-page-eagle-eye-php .footer-wrapper a, body.satori-ccm a, body.satori-ccm .footer-wrapper a {color: #3b4852} .page-template-page-eagle-eye-php .sf-menu li, body.satori-ccm .sf-menu li {text-shadow: 0 1px 0 #3b4852} .tag-wrapper img{float: right;} .page-template-page-eagle-eye-php div.navigation-wrapper .sf-menu li a, body.satori-ccm div.navigation-wrapper .sf-menu li a{padding: 8px 18px;} .page-template-page-eagle-eye-php .navigation-wrapper .sf-menu ul a:hover, .page-template-page-eagle-eye-php .navigation-wrapper .sf-menu ul .current-menu-item ul a:hover, .page-template-page-eagle-eye-php .navigation-wrapper .sf-menu .current-menu-item ul a:hover {} .page-template-page-eagle-eye-php ul.sf-menu li:hover, .page-template-page-eagle-eye-php ul.sf-menu li.current-menu-item, body.satori-ccm ul.sf-menu li:hover, body.satori-ccm ul.sf-menu li.current-menu-item {background: #3b4852;} /* ENVISAGE */ .page-template-page-envisage-php div.navigation-wrapper, body.envisage div.navigation-wrapper{background: url("http://sandbox.kookacreative.com.au/satori/wp-content/themes/satori/images/envisage-menu.png") repeat-x scroll 0 0 transparent !important;height: 40px;} .page-template-page-envisage-php a, body.envisage a, .page-template-page-envisage-php .footer-wrapper a, body.envisage .footer-wrapper a{color: #3b4852} .page-template-page-envisage-php .sf-menu li, body.envisage .sf-menu li{text-shadow: 0 1px 0 #3b4852} .tag-wrapper img{float: right;} .page-template-page-envisage-php div.navigation-wrapper .sf-menu li a, body.envisage div.navigation-wrapper .sf-menu li a {padding: 8px 18px;} .page-template-page-envisage-php .navigation-wrapper .sf-menu ul a:hover, body.envisage .navigation-wrapper .sf-menu ul a:hover, .page-template-page-envisage-php .navigation-wrapper .sf-menu ul .current-menu-item ul a:hover, body.envisage .navigation-wrapper .sf-menu ul .current-menu-item ul a:hover, .page-template-page-envisage-php .navigation-wrapper .sf-menu .current-menu-item ul a:hover {} .page-template-page-envisage-php ul.sf-menu li:hover, body.envisage ul.sf-menu li:hover, .page-template-page-envisage-php ul.sf-menu li.current-menu-item, body.envisage ul.sf-menu li.current-menu-item {background: #58585A;} .prettyFileList .prettyListItems {min-height: inherit !important;} /* Diagram*/ .diagram { width: 640px; height: 520px; margin: 6px auto; } .diagram .row { background: url('images/diagram.jpg') center center no-repeat; width: 640px; height: 500px; position: relative; margin: 10px 0 0; clear: both; } .diagram ul, menu, dir { display: block; list-style-type: disc; } .diagram a.wpdia, a.wpdia:visited { font-family: arial; color: #666; text-decoration: none; font-size: 12px; } .diagram a.wpdia:hover { font-family: arial; color: #fff; text-decoration: none; font-size: 12px; } .diagram ul.diagram-nav { height: 464px; } .diagram ul.diagram-nav li { margin: 0; list-style: none; position: absolute; } .diagram ul.diagram-nav li a { padding: 5px 5px 5px 8px; display: block; } .diagram ul.diagram-nav li .audit-managers { width: 20px; height: 20px; display: inline-block; background: url('http://www.satorigroup.com.au/wp-content/uploads/2013/02/bluedot.png') center center no-repeat; margin-left: 10px; margin-bottom: -5px; } .diagram ul.diagram-nav li a:hover { cursor: pointer; background: #ccc; color: #2B2B2B; -webkit-border-radius: 4px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius: 4px; border-radius: 4px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .diagram ul.diagram-nav li.diagram-right { margin: 0; list-style: none; position: absolute; } .diagram ul.diagram-nav li.diagram-right a { padding: 5px 8px 5px 5px; display: block; } .diagram ul.diagram-nav li.diagram-right .audit-managers { width: 20px; height: 20px; display: inline-block; background: url('http://www.satorigroup.com.au/wp-content/uploads/2013/02/bluedot.png') center center no-repeat; margin-right: 10px; margin-bottom: -5px; margin-left: 0; } .diagram ul.diagram-nav li.diagram-right .field-auditors { width: 20px; height: 20px; display: inline-block; background: url('http://www.satorigroup.com.au/wp-content/uploads/2013/02/reddot.png') center center no-repeat; margin-right: 10px; margin-bottom: -5px; } .diagram ul.diagram-nav li.diagram-right .data-analysts { width: 20px; height: 20px; display: inline-block; background: url('http://www.satorigroup.com.au/wp-content/uploads/2013/02/greendot.png') center center no-repeat; margin-right: 10px; margin-bottom: -5px; } .diagram ul.diagram-nav li.diagram-right a:hover { -webkit-border-radius: 20px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius: 20px; border-radius: 20px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .diagram ul.diagram-nav li.bottom a:hover { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .diagram ul.diagram-nav li.bottom a:hover .field-auditors { margin-top: -28px; border: 5px solid #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-bottom: -10px; } .diagram ul.diagram-nav li.bottom a:hover span { margin-top: 10px; } .diagram ul.diagram-nav li.item-1 { top: 67px; left: 345px; } .diagram ul.diagram-nav li.item-2 { top: 105px; left: 420px; } .diagram ul.diagram-nav li.item-3 { top: 165px; left: 464px; } .diagram ul.diagram-nav li.item-4 { top: 225px; left: 480px; } .diagram ul.diagram-nav li.item-5 { top: 290px; left: 472px; } .diagram ul.diagram-nav li.item-6 { top: 350px; left: 435px; } .diagram ul.diagram-nav li.item-7 { top: 390px; left: 386px; } .diagram ul.diagram-nav li.item-8 { top: 432px; left: 260px; height: 18px; width: 125px; } .diagram ul.diagram-nav li.item-8 .audit-managers { width: 20px; height: 20px; display: block; margin: -23px auto 0; background: url('http://www.satorigroup.com.au/wp-content/uploads/2013/02/bluedot.png') center center no-repeat; } .diagram ul.diagram-nav li.item-8 span { display: block; margin-top: 5px; padding-left: 5px; } .diagram ul.diagram-nav li.item-9 { top: 390px; left: 86px; } .diagram ul.diagram-nav li.item-10 { top: 350px; left: 48px; } .diagram ul.diagram-nav li.item-11 { top: 290px; left: 60px; } .diagram ul.diagram-nav li.item-12 { top: 225px; left: 36px; } .diagram ul.diagram-nav li.item-13 { top: 165px; left: 30px; } .diagram ul.diagram-nav li.item-14 { top: 105px; left: 140px; } .diagram ul.diagram-nav li.item-15 { top: 67px; left: 185px; } .diagram ul.key { width: 130px; background: #fff; border: 1px solid #C1C7CC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px; position: absolute; top: 460px; left: 10px; } .diagram ul.key li { margin: 0; padding: 0; list-style: none; font-family: arial; color: #666; text-decoration: none; font-size: 11px; } .diagram ul.key img { display: inline;height: 10px; width: 10px; } #tourHeader { text-align: center; border-bottom: 1px solid #eee; padding-top: 10px; margin: 0 auto 10px; background: #0072bb; box-sizing: border-box; } #tourHeader h3 { font-family: arial; color: #fff; font-weight: 700; font-size: 16px; margin-bottom: 10px; padding: 0; } #tourBody { font-family: arial; font-size: 12px; color: #333; } ul.plans { margin: 40px auto 0; padding: 0; text-shadow: none; width: 640px; display: block; clear: both; } ul.plans li { background: #fff; display: block; width: 160px; height: 360px; float: left; border-right: none; border-left: none; text-align: center; margin: 0; padding: 0; -moz-box-shadow: rgba(0, 0, 0, 0.199219) 0 2px 3px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0 2px 3px 0; box-shadow: rgba(0, 0, 0, 0.199219) 0 2px 3px 0; } ul.plans li a { color: #0072BB; } ul.plans li .top { background: #272727; color: #fff; margin: 0; padding: 0; } ul.plans li .top .level { font-weight: 700; font-size: 16px; padding-top: 10px; margin-bottom: 8px; } ul.plans li .top .auditors { background: #0078B4; display: block; padding: 10px 20px; } ul.plans li ul { margin: 0 0 20px; padding: 0; } ul.plans li ul li { list-style: none; display: list-item; text-align: left; font-weight: 500; margin: 5px 0 5px 10px; border: none; height: 20px; width: 80%; font-size: 12px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } ul.plans li ul li img { display: inline; } ul.plans li .btn { margin: 20px auto 0; padding: 6px 15px; background: #272727; text-shadow: 1px 1px 0 #000; color: #fff; border: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } ul.plans li .btn-pos { position: relative; top: 20px; } ul.plans li.first-child { border-left: none; } ul.plans li.first-child ul li.special { margin-bottom: 36px; } ul.plans li.third-child { border-right: none; } ul.plans li.enterprise { height: 410px; width: 160px; margin-top: -25px; background: #fff url('http://acl-2.wpengine.netdna-cdn.com/wp-content/uploads/arrow.png') center 290px no-repeat; -webkit-box-shadow: 0 0 10px 0 rgba(39, 39, 39, 0.4); box-shadow: 0 0 10px 0 rgba(39, 39, 39, 0.4); border: 0; } ul.plans li.enterprise p.level { font-size: 18px; margin-bottom: 7px; } ul.plans li.enterprise p.price { font-size: 14px; } ul.plans li.enterprise p.auditors { background: #B75012; } ul.plans li.enterprise p.enterprise-blurb { font-size: 14px; line-height: 20px; padding: 20px; } p.free-plan { position: absolute; margin: 355px 0 0 30px; } p.free-plan a { color: #0072bb; } .btn_product_80, .btn_product_80:visited { width: 80px; height: 43px; padding-top: 3px; margin-left: 4px; display: inline-block; border: 0!important; -moz-box-shadow: 0 0 0 0 #fff!important; -webkit-box-shadow: 0 0 0 0 #fff!important; box-shadow: 0 0 0 0 #fff!important; background: url('http://acl-2.wpengine.netdna-cdn.com/wp-content/uploads/Product-btn-blank.jpg') no-repeat 0 -46px; color: #fff; font-size: 11px; text-align: center; text-shadow: 0 1px 1px #666; cursor: pointer; } .btn_product_80:hover { width: 80px; height: 43px; padding-top: 3px; margin-left: 4px; display: inline-block; border: 0!important; -moz-box-shadow: 0 0 0 0 #fff!important; -webkit-box-shadow: 0 0 0 0 #fff!important; box-shadow: 0 0 0 0 #fff!important; color: #fff; background: url('http://acl-2.wpengine.netdna-cdn.com/wp-content/uploads/Product-btn-blank.jpg') no-repeat 0 0; cursor: pointer; } .wp-btn-download, .wp-btn-download:visited { width: 100px; height: 30px; border: 0; margin: 0; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background: #2b2b2b; color: #fff; text-align: center; font-family: arial; font-size: 12px; text-shadow: 1px 1px 1px #222; cursor: pointer; } .wp-btn-download:hover { width: 100px; height: 30px; border: 0; margin: 0; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background: #000; color: #fff; text-align: center; } #Product-btn-row { width: 190px; height: 80px; text-align: center; margin: 10px 0 0 20px; float: right; } .btn-product-pod, .btn-product-pod:visited { width: 42px; height: 60px; border: 0; margin: 0 6px; padding: 0; background: url('http://acl-2.wpengine.netdna-cdn.com/wp-content/uploads/btn_Podcast.jpg') no-repeat 0 0; color: #fff; font-family: arial; font-style: italic; font-size: 9px; cursor: pointer; float: left; line-height: 9px; text-align: center!important; -moz-box-shadow: 0 0 0 0 #fff!important; -webkit-box-shadow: 0 0 0 0 #fff!important; box-shadow: 0 0 0 0 #fff!important; } .btn-product-pod:hover { width: 42px; height: 60px; border: 0; margin: 0 6px; padding: 0; background: url('http://acl-2.wpengine.netdna-cdn.com/wp-content/uploads/btn_Podcast.jpg') no-repeat 0 -60px; color: #fff; float: left; line-height: 9px; text-align: center!important; text-shadow: 0 0 0 #fff; -moz-box-shadow: 0 0 0 0 #fff!important; -webkit-box-shadow: 0 0 0 0 #fff!important; box-shadow: 0 0 0 0 #fff!important; } .btn-product-cs, .btn-product-cs:visited { width: 42px; height: 60px; border: 0; margin: 0 6px; padding: 0; background: url('http://acl-2.wpengine.netdna-cdn.com/wp-content/uploads/btn_CaseStudy.jpg') no-repeat 0 0; color: #fff; font-family: arial; font-style: italic; font-size: 9px; cursor: pointer; float: left; line-height: 9px; text-align: center!important; -moz-box-shadow: 0 0 0 0 #fff!important; -webkit-box-shadow: 0 0 0 0 #fff!important; box-shadow: 0 0 0 0 #fff!important; } .btn-product-cs:hover { width: 42px; height: 60px; border: 0; margin: 0 6px; padding: 0; background: url('http://acl-2.wpengine.netdna-cdn.com/wp-content/uploads/btn_CaseStudy.jpg') no-repeat 0 -60px; color: #fff; float: left; line-height: 9px; text-align: center!important; text-shadow: 0 0 0 #fff; -moz-box-shadow: 0 0 0 0 #fff!important; -webkit-box-shadow: 0 0 0 0 #fff!important; box-shadow: 0 0 0 0 #fff!important; } .btn-product-vid, .btn-product-vid:visited { width: 42px; height: 60px; border: 0; margin: 0 6px; padding: 0; background: url('http://acl-2.wpengine.netdna-cdn.com/wp-content/uploads/btn_Video.jpg') no-repeat 0 0; color: #fff; font-family: arial; font-style: italic; font-size: 9px; cursor: pointer; float: left; line-height: 9px; text-align: center!important; -moz-box-shadow: 0 0 0 0 #fff!important; -webkit-box-shadow: 0 0 0 0 #fff!important; box-shadow: 0 0 0 0 #fff!important; } .btn-product-vid:hover { width: 42px; height: 60px; border: 0; margin: 0 6px; padding: 0; background: url('http://acl-2.wpengine.netdna-cdn.com/wp-content/uploads/btn_Video.jpg') no-repeat 0 -60px; color: #fff; float: left; line-height: 9px; text-align: center!important; text-shadow: 0 0 0 #fff; -moz-box-shadow: 0 0 0 0 #fff!important; -webkit-box-shadow: 0 0 0 0 #fff!important; box-shadow: 0 0 0 0 #fff!important; } .btn-product-web, .btn-product-web:visited { width: 42px; height: 60px; border: 0; margin: 0 6px; padding: 0; background: url('http://acl-2.wpengine.netdna-cdn.com/wp-content/uploads/btn_Webinar.jpg') no-repeat 0 0; color: #fff; font-family: arial; font-style: italic; font-size: 9px; cursor: pointer; float: left; line-height: 9px; text-align: center!important; -moz-box-shadow: 0 0 0 0 #fff!important; -webkit-box-shadow: 0 0 0 0 #fff!important; box-shadow: 0 0 0 0 #fff!important; } .btn-product-web:hover { width: 42px; height: 60px; border: 0; margin: 0 6px; padding: 0; background: url('http://acl-2.wpengine.netdna-cdn.com/wp-content/uploads/btn_Webinar.jpg') no-repeat 0 -60px; color: #fff; float: left; line-height: 9px; text-align: center!important; text-shadow: 0 0 0 #fff; -moz-box-shadow: 0 0 0 0 #fff!important; -webkit-box-shadow: 0 0 0 0 #fff!important; box-shadow: 0 0 0 0 #fff!important; } .expand-pro { background: url('http://acl-2.wpengine.netdna-cdn.com/wp-content/uploads/btn_Expand.jpg') no-repeat 0 0; padding: 4px 0 3px 29px; font-size: 14px; font-weight: 700; height: 24px; } .expand-pro:hover { background: url('http://acl-2.wpengine.netdna-cdn.com/wp-content/uploads/btn_Expand.jpg') no-repeat 0 -24px; padding: 4px 0 3px 29px; font-size: 14px; font-weight: 700; height: 24px; color: #9abb33; } .greyout:hover { -webkit-opacity: .25!important; -moz-opacity: .25!important; opacity: .25!important; -webkit-transition: all .5s ease-in-out!important; -moz-transition: all .5s ease-in-out!important; -ms-transition: all .5s ease-in-out!important; -o-transition: all .5s ease-in-out!important; transition: all .5s ease-in-out!important; } .btn-WP-Submit, .btn-WP-Submit:visited { height: 30px; background: #333; cursor: pointer; color: #fff; border: 0; font-weight: 400; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin: 2px 6px; } .btn-WP-Submit:hover { background: #0072bb!important; color: #fff; } a.gallery { position: relative; overflow: hidden; display: block; } a.gallery span { display: block; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } a.gallery strong { background: #000; height: 3%; width: 3%; display: block; position: absolute; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 5; right: 0; bottom: 0; } .box-img a.gallery:hover strong { opacity: .4; left: 0; top: 0; width: 100%; height: 100%} .box-img a.gallery:hover span { left: 0; top: 0; } a.gallery img { position: relative; z-index: 2; } .box-img { padding: 4px; display: inline-block; margin: 0 auto; background-color: #F0F0F0!important; border: 1px solid #fff!important; -webkit-box-shadow: 0 0 4px 1px #ECECEC; box-shadow: 0 0 4px 1px #ECECEC; } #wrapper_contact_tab { font-size: 10px; text-align: right; color: #fff; min-width: 50px; height: 169px; position: fixed; top: 200px; float: left; left: 0; } #wrapper_contact_tab #contact_tab { width: 50px; height: 116px; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/contact_tab_bg.png') 100% 0; margin: 0; padding: 0; -webkit-transition: width 200ms ease-in-out; -moz-transition: width 200ms ease-in-out; -o-transition: width 200ms ease-in-out; -ms-transition: width 200ms ease-in-out; transition: width 200ms ease-in-out; cursor: pointer; } #wrapper_contact_tab #demo_tab { width: 50px; height: 26px; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/demo_tab_bg.png') 100% 0; margin: 0; padding: 0; -webkit-transition: width 200ms ease-in-out; -moz-transition: width 200ms ease-in-out; -o-transition: width 200ms ease-in-out; -ms-transition: width 200ms ease-in-out; transition: width 200ms ease-in-out; cursor: pointer; } #wrapper_contact_tab #pricing_tab { width: 50px; height: 26px; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/pricing_tab_bg.png') 100% 0; margin: 0; padding: 0; -webkit-transition: width 200ms ease-in-out; -moz-transition: width 200ms ease-in-out; -o-transition: width 200ms ease-in-out; -ms-transition: width 200ms ease-in-out; transition: width 200ms ease-in-out; cursor: pointer; } #wrapper_contact_tab #contact_tab:hover, #wrapper_contact_tab #demo_tab:hover, #wrapper_contact_tab #pricing_tab:hover { width: 65px; -webkit-transition: width 200ms ease-in-out; -moz-transition: width 200ms ease-in-out; -o-transition: width 200ms ease-in-out; -ms-transition: width 200ms ease-in-out; transition: width 200ms ease-in-out; } #btn_logo_1, #btn_logo_1:visited { width: 60px; height: 60px; border: 0; margin: 4px 16px; cursor: pointer; display: inline; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_1.gif') no-repeat 0 0; } #btn_logo_1:hover { width: 60px; height: 60px; border: 0; margin: 4px 16px; cursor: pointer; display: inline; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_1.gif') no-repeat 0 -60px; } #btn_logo_2, #btn_logo_2:visited { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_2.gif') no-repeat 0 0; } #btn_logo_2:hover { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_2.gif') no-repeat 0 -60px; } #btn_logo_3, #btn_logo_3:visited { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_3.gif') no-repeat 0 0; } #btn_logo_3:hover { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_3.gif') no-repeat 0 -60px; } #btn_logo_4, #btn_logo_4:visited { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_4.gif') no-repeat 0 0; } #btn_logo_4:hover { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_4.gif') no-repeat 0 -60px; } #btn_logo_5, #btn_logo_5:visited { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_5.gif') no-repeat 0 0; } #btn_logo_5:hover { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_5.gif') no-repeat 0 -60px; } #btn_logo_6, #btn_logo_6:visited { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_6.gif') no-repeat 0 0; } #btn_logo_6:hover { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_6.gif') no-repeat 0 -60px; } #btn_logo_7, #btn_logo_7:visited { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_7.gif') no-repeat 0 0; } #btn_logo_7:hover { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_7.gif') no-repeat 0 -60px; } #btn_logo_8, #btn_logo_8:visited { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_8.gif') no-repeat 0 0; } #btn_logo_8:hover { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_8.gif') no-repeat 0 -60px; } #btn_logo_9, #btn_logo_9:visited { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_9.gif') no-repeat 0 0; } #btn_logo_9:hover { width: 60px; height: 60px; border: 0; margin: 4px 16px; display: inline; cursor: pointer; background: url('http://acl-2.wpengine.netdna-cdn.com/images/cta/homepage/logo_9.gif') no-repeat 0 -60px; } .wrapper_code { width: 920px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; } .wrapper_code span { line-height: 1px; margin: 0; padding: 0; } .code { text-align: left; margin: 10px; width: 500px; border: dashed 1px #222; color: #666; font-size: 11px; padding: 6px; } .cp { font-size: 10px; color: #444; } hr { margin: 10px; width: 80%; border: 0; border-top: solid 1px #333; border-bottom: solid 1px #ccc; }