/*
Theme Name: Sanderson
Theme URI: http://sanderson.net.au/
Author: Jon Frank
Author URI: http://www.tomorrow-people.com/
Description: Discover Sanderson Australia, a leading author of specialist software for packers, food and drink manufacturers and wineries.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}
h1, h2, h3, h4 { font-family:'TradeGothicNextW01-Ligh 693250'; font-family:'Trade Gothic Next W01'; } 

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	color: #141412;
	line-height: 22px;
	margin: 0;
	font-size: 68.8%; /* sets font size to 11px, for 12px change to 75% */
}

a {
	color: #6699ff;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	color: #4674D1;
	outline: 0;
}

a:hover {
	text-decoration: underline;
}



address {
	font-style: italic;
	margin: 0 0 24px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

p {
	margin: 0 0 24px;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,
ol,
ul {
	margin: 16px 0;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

caption {
	font-size: 16px;
	margin: 20px 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	background: url(images/dotted-line.png) repeat center top;
	background-size: 4px 4px;
	border: 0;
	height: 1px;
	margin: 0 0 24px;
}


/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */

.genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-content:before,
.comments-link a:before,
.tags-links a:first-child:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before,
.error404 .page-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	vertical-align: text-bottom;
}

/* Clearing floats */
.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
	clear: both;
}

.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
	content: "";
	display: table;
}

/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Form fields, general styles first. */
button,
input,
textarea {
	border: 2px solid #d4d0ba;
	font-family: inherit;
	padding: 5px;
}

input,
textarea {
	color: #141412;
}

input:focus,
textarea:focus {
	border: 2px solid #c3c0ab;
	outline: 0;
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #e05d22; /* Old browsers */
	background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */
	border: none;
	border-bottom: 3px solid #b93207;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 11px 24px 10px;
	text-decoration: none;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #ed6a31; /* Old browsers */
	background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
	outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #d94412; /* Old browsers */
	background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */
	border: none;
	border-top: 3px solid #b93207;
	padding: 10px 24px 11px;
}

.post-password-required input[type="submit"] {
	padding: 7px 24px 4px;
	vertical-align: bottom;
}

.post-password-required input[type="submit"]:active {
	padding: 5px 24px 6px;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #7d7b6d;
}

:-moz-placeholder {
	color: #7d7b6d;
}

::-moz-placeholder {
	color: #7d7b6d;
}

:-ms-input-placeholder {
	color: #7d7b6d;
}

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
	border:none;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol  {
	list-style-position: inside;
}


/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

header { width:100%; }
.header-wrap {width:960px; margin:0 auto; overflow:hidden; }
nav { width:100%; background:#0066b2; }
.home-link { float:left; display:inline; padding:30px 0 0; }
.search-hold { float:right; display:inline; width:42%; }
.number { color:#666; font-size:1.5em; margin: 5px 0; display: block; font-family: 'Open Sans', sans-serif; font-weight:600; text-align: right; }
.number span { color:#6699cc; }
.number a { color:#6699cc; font-weight:400; }
header .form-wrap  { overflow:hidden; width:100%; margin-top:30px; }
header .search-form { background:#fff; /*border-radius:5px;*/ width: 58%; padding: 0.5%; float:left; display:inline; border: 1px solid #ccc; }
header .search-field { border:none; width: 83%; font-size:1.15em;   }
header .search-submit, header .search-submit:hover { background:url(images/icon-search.png)  0 5px no-repeat; text-indent:-9999px; color:#000; padding:8px 6%; border-bottom:none; }
header .search-submit:hover { }
.search-hold .request { color:#fff; font-size:1.2em; float:left; display:inline; margin:0 0 0 3%; font-weight: bold; background: #3399cc; padding:2% 4% 1.6%;  }
.search-hold .request:hover { background: #1A80B2; transition: background-color; transition-duration: 0.3s; transition-delay: 0.1s; text-decoration:none; }



/*NAVIGATION
-----------------------------------------------------------------------------------------------------------------------------*/
.nav-menu { width:960px; margin:0 auto; padding:9px 0; }
.nav-menu li { display:inline; position:relative; }
.nav-menu li a { color:#fff; font-size:15px; text-decoration:none; display:inline; padding: 11px 2% 13px; margin-right:-2px; }
.menu-top-menu-container .current_page_item a { color:#4dcfd9; }
#main-nav .current_page_item a { background:#3399cc;  }
#main-nav li a:hover { background:#3399cc; transition: background-color; transition-duration: 0.2s; transition-delay: 0.1s; text-decoration:none; }

#main-nav .current_page_item { }

#main-nav ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	 /* this should be the same height as the top level menu -- height + padding + borders */
	
	width:350px;
	top:26px;
	left:0;
	z-index:10;
	background:#0066b2;
	padding:0;
	transition-delay: 0.5s; }


#main-nav ul ul li { /* this targets all submenu items */
	width: 350px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	border-bottom:0;
	display:block;
}
#main-nav ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
	z-index:10;
	transition-delay: 0.5s;
}
#main-nav ul ul li a { /* target all sub menu item links */
	padding: 5px 27px; /* give our sub menu links a nice button feel */
	border:none;
	width:350px;
	display: block;
}

#main-nav ul ul li ul { /*target all second, third, and deeper level sub menus */ left:350px; /* this needs to match the sub menu width set above -- width + padding + borders */ top: 0; /* this ensures the sub menu starts in line with its parent item */ z-index:10; }
#main-nav ul ul li ul li { display:block; }
#main-nav ul ul li ul li a { background:#0C4E80; color:#fff; display:block; }






/*SLIDER
-----------------------------------------------------------------------------------------------------------------------------*/
.slideshow { background:url(images/slide-bg.png);}
.slidehold { position:relative; width:960px; margin:0 auto; height:438px; }
#slider { width:960px; margin:0 auto;}
.slidehold i { font-size:30px; color:#6699ff; text-decoration:none; }
.slides-wrap { position:relative; }
#slider img { margin-top:40px; }
.pager { position:absolute; bottom:102px; z-index:10; right:0; }
.slider-caption { position:absolute; z-index:15; top:60px; left:60px; width:42%; }
.slides-wrap { width:960px; }
.slider-caption p { color:#2b3140; line-height:20px; font-size:1.4em; margin-top:24px;}
.slider-caption .caption-title { font-size:3.5em; color:#7d1a6b; font-weight:normal;line-height:1.2em;}
.slider-caption a { color:#ffffff; font-size: 1.5em; background:#0066b2;border:1px solid #003691;border-radius:4px;padding:8px 16px;width:auto; }
.slider-caption a:hover	{text-decoration:none;background:#3399cc;border:1px solid #0066b2;}
.quote { color:#00a8ec; font-weight:bold; font-size:1.3em; }
#next2 { position:absolute; right:0;top:150px; z-index:999;}
#prev2 { position:absolute; left:0;top:150px; z-index:999;}
.pager a { padding:7px; background:url(images/paginate-bg.png) 0 6px no-repeat; color:#fff; margin-right:5%; text-indent:-9999px; color:#5999ff; }
.pager a.activeSlide { background:url(images/paginate-bg.png) -19px 6px no-repeat; color:red; }



/*Content section
-----------------------------------------------------------------------------------------------------------------------------*/
.content-hold { width:960px; margin:-94px auto; background:#fff; border-radius:6px; padding:2%; border:1px solid #ccc; box-shadow: 1px 2px 10px #ccc; }
.page-template-page-home-php #content { padding-bottom: 60px; }
.column-hold { overflow:hidden; border-radius:6px; border:1px solid #ccc; background:url(images/column-bg.jpg);}
.column-wrap	{padding:15px;height:190px;}
.col { width:25%; float:left; display:inline;   padding:0 2%;position:relative;height:160px;border-left:1px solid #ccc;border-right:1px solid #fff;}
.col.first {border-left:none;}
.col.last {border-right:none;}
.col span { color: #7d1a6b; font-size:2.0em; }
.col p { color:#666; font-size:1.1em; line-height:1.4em;margin-top:6px;margin-bottom:0px;}
.col .citation	{text-align:right;font-size:0.9em;position:relative;top:-10px;}
.col a { color:#336699; font-size:1.3em; position:absolute; bottom:0px;}
.col img {position:absolute;top:-6px;right:14px; }
.col .quote	{font-size:1.4em;line-height:1em;}
.border-right { border-right:1px solid #fff; }
.border-left span { color:#e63236; }
.border-left { border-left:1px solid #BEB8B8; }
.content-hold2 { width:960px; margin:0 auto; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #c3e1ff;  }
.content-hold2 h1 { font-size:2.3em; color:#0066b2; font-family: 'Open Sans', sans-serif; font-weight:400; margin-top:0px;}
.col-1, .col-2 { width:60%; float:left; display:inline; }
.col-1 {padding-right:2%; }
.col-2 { width:40%; }
.featured-content {border:1px solid #ccc;border-radius:4px;position:relative;
	-webkit-box-shadow: 0 8px 16px -8px #999;
	   -moz-box-shadow: 0 8px 16px -8px #999;
	        box-shadow: 0 8px 16px -8px #999;}
.featured-content img {
	-webkit-box-shadow: 0 8px 16px -12px #666;	   
	   -moz-box-shadow: 0 8px 16px -12px #666;
	        box-shadow: 0 8px 16px -12px #666;}
.featured-content h4	{color:#fff;position:absolute;font-size:28px;top:20px;left:30px;font-weight:normal;}
.featured-content .content	{padding:5%;color:#666;padding-bottom:0;}
.featured-content .content p{font-size:14px;margin-bottom:10px;}
.featured-content .content ul{margin:0px}
.featured-content .content li{font-size:14px;font-weight:bold; list-style:none;margin:7px 0px;}
.featured-content .content a{font-size:18px;color:#3399cc;display:block;margin-top:12px;}
.news h3 { margin-left:5%; font-size:1.5em; color:#7d1a6b; }
.topic-wrap { overflow:hidden; padding:5%;}
.news-image, .news-text { float:left; display:inline; }
.news-text {width: 100%; }
.hp-time i { margin-right:2%; }
.holder p { margin-bottom:0; font-size:1.1em; color:#666; line-height:20px; }
.storytitle a { font-size:1.4em; color:#0066b2; }
a.more-news { background:#6699ff; padding:2% 2% 2% 0; color:#fff; font-size:1.15em; display:block; width:45%; text-align:center; margin-top:10px; }
.wrapper { overflow: hidden; }
#shadow { background:url(images/shadow.png) 0 276px no-repeat; width:960px; margin:0 auto; padding-bottom:68px; }
.col-1 p { font-size:1.4em; color:#666; margin-bottom:18px; }
.col-1 h2, .col-1 h3 { font-size:1.6em; font-weight:400; font-family: 'Open Sans', sans-serif; color:#0066b2; }
.col-1 a{font-size:18px;color:#3399cc;display:block;margin-top:12px;}
.col-1 ul li {font-size:1.4em; color:#666; margin:4px;font-weight:bold;}
.cta img { margin-bottom:10px; }
#cta-hold, #brand-logos { width:960px; margin:0 auto; overflow:hidden; padding: 40px 0; border-bottom:1px solid #c3e1ff; border-top:1px solid #c3e1ff; }
.cta { float:left; display:inline; width: 23.5%; margin-right:2%; }
.cta span { font-weight:bold; }
.cta p { font-size:1.4em; }
.cta a { color:#6699ff; font-weight:bold; font-size:1.3em; }
#cta-hold .no-marg-r { margin-right:0; }
#brand-logos { margin:40px 0 20px; }
#brand-logos img {  }





/*ABOUT PAGE STYLING
-----------------------------------------------------------------------------------------------------------------------------*/
#main-container { width:960px; margin:0 auto; overflow:hidden; padding: 20px 0; }
.subnav { width:20%; }
.subnav, .page-content { float:left; display:inline; }
.subnav { overflow: hidden; }
.page-content { width:75%; margin-left:5%; }
.page-content h1, #main-container h1 { color: #7d1a6b; font-size: 2.3em; font-weight: 400; }
.page-content h2, .page-content h3 { color: #663366; font-size:1.7em; }
.page-content h4 { color: #7d1a6b; font-size:1.7em; }
.page-content p { font-size:1.25em; color:#666; }
.page-content li {font-size:1.3em; color:#666; margin-bottom:20px; list-style:url(images/disk.png);  }
.page-content a { font-weight:bold; }
.page-content ul {margin-bottom:24px; padding-left:0; }
.subnav ul { padding:0; }
.subnav li { list-style:none; padding:10px 0; border-bottom:1px dotted #ccc; }
.subnav li.menu-item-201 a  { color:#000 !important; color: #919191 !important; font-size: 1.1em; margin-left: 4%; }
.subnav li a { color:#006699; font-size:1.3em; text-decoration:none; } 
.subnav li.current_page_item a { color: #6699ff; }
.subnav li.current-menu-ancestor ul.sub-menu .current-menu-item a { color:#6699ff !important; }
.more-info-box { overflow:hidden; background: #4d9cd7; background: -moz-linear-gradient(top,  #4d9cd7 1%, #0e659f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4d9cd7), color-stop(100%,#0e659f)); background: -webkit-linear-gradient(top,  #4d9cd7 1%,#0e659f 100%); background: -o-linear-gradient(top,  #4d9cd7 1%,#0e659f 100%); background: -ms-linear-gradient(top,  #4d9cd7 1%,#0e659f 100%); background: linear-gradient(to bottom,  #4d9cd7 1%,#0e659f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d9cd7', endColorstr='#0e659f',GradientType=0 ); -moz-box-shadow:inset 0 0 1px 1px #649cc2; -webkit-box-shadow: inset 0 0 1px 1px #649cc2; box-shadow: inset 0 0 1px 1px #649cc2; padding:0 3%; overflow:hidden;border:1px solid #0066b2; border-radius:4px; }
.more-info-box p { font-family: 'Open Sans', sans-serif; font-weight:300; font-size:1.4em; line-height:24px; width:80%; margin-left:2%; color: #fff; }
.more-info-box i { font-size:45px; color:#DFDFDF; }
.more-info-box p, .more-info-box i { float:left; display:inline; }
#content-section p { font-size:1.25em; color: #666; }

/*SIDEBAR ICONS*/
.follow { overflow:hidden; }
.follow span { display:block; font-size:1.4em; margin-bottom:20px; font-weight:bold; }
.follow a i { float:left; display:inline; }
.follow i { padding:3% 4%; font-size: 2em; margin:2% 2% 10px; border-radius:14px; color:#fff; background:#0066b2; }
.follow .icon-facebook { background:#0066b2; padding: 5px 6.8% 6px; }
.follow .icon-twitter { background:#31A9E2; }
.follow .icon-google-plus { background:#dd4c39; }
.follow .icon-pinterest { background:#c9222a; }
.follow .icon-linkedin { background:#0274b3; }
.follow .icon-youtube { background:#df192a; }

/*SIDEBAR ICON HOVERSTATES*/
.follow .icon-facebook:hover, .follow .icon-twitter:hover, .follow .icon-google-plus:hover, .follow .icon-pinterest:hover, .follow .icon-linkedin:hover, .follow .icon-youtube:hover { text-decoration:none; transition: background-color; transition-duration: 0.3s; transition-delay: 0.1s; }
.follow .icon-facebook:hover { background:#004A81; }
.follow .icon-twitter:hover { background:#1992CC; }
.follow .icon-google-plus:hover { background:#C53420; }
.follow .icon-pinterest:hover { background:#B30C14 }
.follow .icon-linkedin:hover { background:#005280; }
.follow .icon-youtube:hover { background: #C00D1D; }


.border-t-box { border-top:1px solid #ccc; padding-top:20px; overflow:hidden; width:100%; }
.border-t-box h2, .border-t-box h3, .border-t-box h4 { color:#663366; font-size:1.7em; }
.fl-odd-content, .fl-odd-image, .fl-even-content, .fl-even-image  { float:left; display:inline; }
.fl-odd-content  { width:66%; margin-right:2%; }
.fl-odd-content a, .fl-even-content a { font-size:1.1em; color:#006699; font-weight:bold; }
.fl-odd-image { }
.fl-even-content  { width: 62%; margin-left: 6%; }
.border-section { border-bottom:1px solid #E4E4E4; margin-bottom:30px; padding:0 0 15px; }
.no-bb { border:none; margin-bottom: 0; }
.page-content .drop-head { color:#666; font-weight: normal; margin-bottom: 25px; }
.drop { display:block; color:#663366; font-size:1.5em; margin-bottom:10px; }
.page-content ul { margin-left:2%; }
.page-id-40 .page-content ul { padding:0; }
h2.bulb, h3.shield, h3.hands { background:url(images/what-we-do-icons.png) no-repeat; padding:10px 0 10px 6.5%; }
h2.bulb {  } 
h3.shield { background-position: 0px -39px; }
h3.hands { background-position: 0px -81px; }
.page-content .fl-cont { overflow:hidden; }
.side, .side1 { float:left; display:inline; }
.side { width:70%; margin-right:5%; }
.side p { margin-top: 20px; }
.side1 { width:20%; margin-top:-20px; }
.neg-marg { margin-top: -40px; }
 



/*The Team Page
-----------------------------------------------------------------------------------------------------------------------------*/
.team-member { overflow:hidden; }
.team-member img, .team-member div { float:left; display:inline; }
.team-member div { width:75%; margin:0 0 20px 8%; border-bottom:1px dotted #ccc; padding-bottom:20px; }
.member-name { font-size:2em; color:#b847a4; }



/*New page
-----------------------------------------------------------------------------------------------------------------------------*/
.news-wrap, .sidebar-wrap { width:75%; float:left; display:inline; }
.news-wrap { min-height:950px; }
.news-wrap article { margin-bottom:30px; padding: 2%; border: 1px solid #E2E2E2; box-shadow: 0 3px 3px #eee; border-radius: 3px; }
.sidebar-wrap { width:20%; margin-left:5%; } 
.meta-data { font-size:1.4em; color:#8F8F8F; padding:10px 0; border-top:1px solid #E7E7E7; border-bottom:1px solid #E7E7E7; }
.news-wrap article h4 a { font-size:1.6em; color:#666; }
.news-wrap article img { margin:20px 0 0; }
.post-tx { padding:20px 0; }
.news-wrap article a.read-more { padding:1%; width:20%; }
.post-tx p { font-size:1.3em; line-height:20px; color:#666; }
.blog .tags { margin: 10px 0; }
.tags i { color:#8F8F8F; font-size:18px; }
.tags span { font-size:1.4em; }
.tags a { color:#fff; padding: 0.4% 1%; border-radius: 3px; background: #ccc; }
.share-this { padding:10px 0; }
.st-facebook-counter, .stMainServices { height:30px !important; }
.stButton_gradient { height:20px !important; } 
/*Widget*/
.widget ul { padding:0; }
.widget-title { font-size:1.4em; padding-bottom:10px; border-bottom:2px solid #666; }
.widget ul li { list-style:none; }
.widget ul li a, .tagcloud a { font-size:1.3em; color:#666; }
.widget_recent_entries li a { margin-bottom:15px; display:block; }
.tagcloud a { font-size:1.15em !important; background:#3399cc; padding:2% 4%; color:#fff; border-radius:3px; }
.blog .post-tx strong, .blog strong, .blog .post-tx b { font-weight:normal; }
.blog .post-tx p { margin:0; }



/*Contact us
-----------------------------------------------------------------------------------------------------------------------------*/
.page-template-page-contact-php #main-container p { font-size:1.3em; color:#666; }
.contact-details p { margin-bottom:0; }
.contact-details span { margin-right:2%; }
.contact-details { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; }
div.wpcf7 { width: 50%; padding:20px 0; }
.wpcf7 input.wpcf7-form-control, .wpcf7-textarea { width:100%; }
.wpcf7 input.wpcf7-submit { width:40%; background:#6699ff; border-bottom:none; background:#3399cc; }
.wpcf7 input.wpcf7-submit:hover { background: #197CAD; }
span.label { font-weight:bold; }
.wpcf7 p { margin-bottom:none; }
div.wpcf7, #g-maps { float:left; display:inline; }
#g-maps { width:45%; margin-left:5%; padding:20px 0; }
#g-maps iframe { border:none; }
.large-map { color:#fff; background:#6699ff; padding:2%; margin:10px 0; display:block; width:40%; text-align:center; border-radius:2px; }
.large-map:hover { background:#5485E5; }
.large-map:hover { color:#fff; text-decoration:none; }
.secure-data { color:#ccc; margin:20px 0; }
span.wpcf7-not-valid-tip { top: -3px; left: 2%; border:none; color:#F34726; }
div.wpcf7-validation-errors { background:#FDEFC4;; padding:2%; border:none; color:#9C8986; font-size:1.2em; margin-left:0; }
div.wpcf7-mail-sent-ok { border: none; padding: 2%; background: #DDE9E2; color: #738A18; font-size: 1.2em; margin:20px 0; }

/*New Form*/
.contact-form-wrap { float:left; display:inline; width:50%; }
.hbspt-form {  }
.hs-form .hs-input, .hs-form textarea.hs-input { width:100%; border: 2px solid #d4d0ba; border-radius:0; }
.hbspt-form label{ font-size: 1.3em !important; color: #666 !important; font-family:Arial, Helvetica, sans-serif !important; }
textarea.hs-input { min-height:130px; width:100%; }
input.hs-button { background:#3399cc !important; padding: 15px 24px 13px !important; border-radius: 2px !important; color: #fff !important; border: none !important; width:40% !important; display:block !important; margin-left: 1.3% !important; font-family:Arial, Helvetica, sans-serif !important; font-size:1.3em !important; font-weight:normal !important }
input.hs-button:hover { box-shadow:none !important; webkit-box-shadow: none !important; background:#197CAD !important; }

/*thank you*/
.page-template-page-thanks-php #main-container { min-height:600px; }
.page-template-page-thanks-php #main-container h1, .page-template-page-thanks-php #main-container p { text-align:center; }
.page-template-page-thanks-php #main-container p { font-size:1.2em; color:#666; }
.bk-home { background:#3399cc; color:#fff; display:block; text-align:center; width:30%; padding:8px 2%; border-radius:3px; margin:0 auto; font-size:1.3em; }



/*SINGLE PAGE
-----------------------------------------------------------------------------------------------------------------------------*/
#main-container article img { margin-top:20px; }
.nav-links { width:100%; }
nav.paging-navigation, nav.post-navigation { background:none; }
.nav-links a { font-size:1.2em; font-weight:bold; color:#666; float:left; display:inline; }
.nav-links a { margin-left:2%; padding:1.3%; background:#E7E7E7; }

/*Sidebar*/
.tagcloud { overflow:hidden; }
.tagcloud a { float:left; margin: 2px; }


/*RESOURCES
-----------------------------------------------------------------------------------------------------------------------------*/
.page-template-page-resource-php .page-content { border-bottom:1px solid #ccc; }
.eguides, .events { overflow:hidden; border-top:1px solid #ccc; padding:30px 0; }
.eguides img, .eguides div, .events img, .events div { float:left; display:inline; }
.eguides div, .events div { width: 72%; margin-right:2.6%; }
.events div { margin-right:0; margin-left:6.6%; }
.eguides div h2, .events div h2 { font-size:2em; color:#663366; margin:0 0 10px; }
.resource-link { display:block; margin-top:20px; text-align:center; padding:2%; width:40%; color:#0066b2; border-radius:6px; border:1px solid #c8c8c8; font-weight:bold; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #dfdfdf));
background: -webkit-linear-gradient(#f6f6f6, #dfdfdf);
background: -moz-linear-gradient(#f6f6f6, #dfdfdf);
background: -o-linear-gradient(#f6f6f6, #dfdfdf);
background: linear-gradient(#f6f6f6, #dfdfdf);
background-color: #fff; font-size:1.3em; text-shadow:1px 1px 1px #fff; box-shadow:inset 0 1px 12px #fff; }
.resource-link:hover { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #D6D6D6));
background: -webkit-linear-gradient(#ECECEC, #D6D6D6);
background: -moz-linear-gradient(#ECECEC, #D6D6D6);
background: -o-linear-gradient(#ECECEC, #D6D6D6);
background: linear-gradient(#ECECEC, #D6D6D6);
background-color: #fff; color:#0066b2; }
.events { }
.single-events .post-tx li { font-size:1.2em; color: #666; font-weight:bold; }
.terms { font-size:1.2em; font-weight:bold; }
.terms a { color:#4d9cd7; }
.eguides-list-item { overflow:hidden;  }
.eguides-list-item h4 { font-size:1.5em;  }
.meta-data-dl { background:#E7E7E7; padding:2%; margin-bottom:5px; color:#4d9cd7; font-size:1.3em; }
.meta-data-dl i { margin:0 1%; }
.dl-content-wrap, .eguides-list-item img { float:left; display:inline; }
.dl-content-wrap { width: 67%; margin-left:5%; }
.page-id-81 .dl-content-wrap { }
.eguides-list-item h4 { margin-bottom:5px; }
.eguides-list-item { margin:20px 0; border-bottom:1px solid #ccc; padding-bottom:20px; }
.eguides-list-item img { margin-top:20px; }
.read-more { background:#3399cc; padding:2%; color:#fff; display:block; width:30%; text-align:center; border-radius:2px; font-size:1.3em; }
.read-more:hover { color:#fff; }
.sorry-no-dl { font-size:1.2em; }
.dl { padding:2%; background:#ccc; border-radius:3px; display:block; width:40%; text-align:center; margin-top:10px; color:#333; font-weight:bold; font-size: 1.2em; }
.dl:hover { color:#fff; background:#ADACAC; text-decoration:none; }




/*SERVICES PAGES
-----------------------------------------------------------------------------------------------------------------------------*/
.featured-img { margin-bottom:20px; }
.top-banner-img { margin:30px 0 20px; }
.page-template-page-modules-php .fl-odd-content { width:63%; }
.page-template-page-modules-php .border-t-box { padding:30px 0; }
.border-t-box .add-width { width:80%; }
.useful-links, .useful-links img, .useful-links span { float:left; display:inline; overflow:hidden; }
.useful-links span { font-size: 1.5em; color: #fff; font-weight: bold; line-height: 20px; width: 50%; margin:19px 0 0 5%; }
.useful-links { width:30%; margin-right:5%; }
.marg-r { margin-right:0; }


/*REQUEST A BROCHURE*/
.request-wrap { border:1px solid #E6E6E6; box-shadow: 0px 4px 11px #DADADA; overflow:hidden; padding:3%; width:50%; margin-left:1%; }
.request-wrap input, .request-wrap textarea { background: #EBEBEB; border:none; padding:8px; margin:8px 0; font-size:1.15em; color:#808080; }
.request-wrap span.label { font-size:1.2em; }
.request-wrap div.wpcf7 { width:100%; padding:0; }
.request-wrap form p { margin-bottom:0; }
.request-wrap .wpcf7-submit:hover { border-top:none; background:#1E80B1; }
span.wpcf7-not-valid-tip { background:none; }
.request-wrap .secure-data { margin-bottom:10px; }
.request-wrap .wpcf7-submit { font-size:1.2em; color:#fff; }
.brochure-hold { overflow:hidden; }
.request-wrap, .brochure-tx { float:left; display:inline; }
.brochure-tx { width:46%; margin-left:2%; }
.brochure-tx p { font-size:1.2em; color:#808080; }
.page-template-page-brochure-php .hs-input { border:none !important; box-shadow:none !important; }



/*Modules page
-----------------------------------------------------------------------------------------------------------------------------*/
.section-top { overflow:hidden; }
.module-content, .section-top img { float:left; display:inline; }
.module-content { width:48%; margin-right:1%; }
.manu .module-content { margin-right:10%; }


/*CUSTOMER PAGE
-----------------------------------------------------------------------------------------------------------------------------*/
.example-wrap { overflow:hidden; margin-bottom:20px; padding:20px 0; border-top:1px solid #ccc; }
.examples img, .example-wrap div { float:left; display:inline; }
.example-wrap div.odd { width:78%; margin-left:0%; }
.example-wrap div { width:74%; margin-left:5%; }
.read { padding:2%; background:#ccc; display:block; width:32%; text-align:center; color:#fff; font-size:1.2em; border-radius:2px; }
.read:visited { color:#fff; }
.page-id-256 .page-content li { font-size:1em; }
.page-id-256 .page-content li p { margin-bottom:10px; }
.column-container { overflow:hidden; }


/*SEARCH*
-----------------------------------------------------------------------------------------------------------------------------*/
.search-results .content-area, .search-results .sidebar-container { float:left; display:inline; }
.search-results .content-area { width:60%; }
.search-results .sidebar-container { width:30%; margin-left:10%; }
.search-results #main { overflow:hidden; width:960px; margin:0 auto; padding:20px 0; }
.search-results #main .entry-summary, .archive .entry-summary { padding:2%; background:#EAF3FF; margin-bottom:20px; border: 1px solid #CBE1F0; }
.search-results #main .entry-summary h4 a, .archive .entry-summary h4 a { font-size:1.45em; font-weight:bold; color:#08ABCA; }
.search-results #main .entry-summary p, .archive .entry-summary p { font-size:1.25em; color:#666; }
.archive .entry-summary { background:#FFF9E5; border: 1px solid #EFF0E1; }
.archive .entry-summary h4 a { color: #474D4E; }
.search-no-results #main { min-height:640px; }
.search-no-results .page-content { text-align:center; width:100%; margin-left:0; }
.search-no-results h1 { text-align:center; }
.search-no-results .search-field { padding:1.1%; margin-right:1.3%; font-size:1.2em; }
.search-no-results .search-submit { font-size:1.2em; }

/*CASE STUDIES
-----------------------------------------------------------------------------------------------------------------------------*/
.page-content-hold p { font-size:1.3em; color: #666; }
.page-template-page-case-studies-php strong { font-weight:normal; }
.tags a { margin-right:0.4%; } 
.page-template-page-case-studies-php .post-tx, .case-study-content img, .archive .post-tx { float:left; display:inline; }
.case-study-content { overflow:hidden; }
.case-study-content .post-tx { width: 74%; margin-left: 4%; }
.page-template-page-case-studies-php .meta-data .time { margin-right:1%; }
.page-id-134 #main-container .navigation a { font-size:1.2em; font-weight:bold; color:#666; }

/*archive*/
.archive article strong { font-weight:normal; }


/*404 error page
-----------------------------------------------------------------------------------------------------------------------------*/
.error404 #main { padding:20px 0; background:url(images/errorpage-bg.jpg) no-repeat; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.error404 #content { width:960px; margin:0 auto; min-height:530px; }
.error404 h1 { padding:0; margin:0; color:#fff; font-size:3em; font-weight:300; }
.error404 .page-content { float:none; }
.error404 .site-content { text-align: center; }
.error404 .site-content h2, .error404 .site-content p { color:#fff; }
.error404 .page-content .search-field { padding: 2%; border:none; font-size:1.2em; margin-right:1%; }
.error404 .page-content .search-submit { font-size:1.3em; }
.error404 .page-content form { background:rgba(255, 255, 255, 0.5 ); padding:30px 0; border-radius:8px; width:60%; margin:0 auto; }

/*SITEMAP*/
.sitemap-wrap { border: 1px solid #E4E2E2; }
.sitemap-wrap ul { margin:0; padding:0; }
.sitemap-wrap li { list-style:none; margin-bottom:0; font-size:1.15em; }
.sitemap-wrap li a { padding: 8px 20px; display: block; color: #756e6e; font-size: 1.15em; text-decoration: none; font-weight:400; }
.sitemap-wrap li a:hover { background: #EBEBEB; border-left: 3px solid #75A9EC; -webkit-transition: background-color 0.8s; -moz-transition: background-color 0.8s; -o-transition: background-color 0.8s; -ms-transition: background-color 0.8s; transition: background-color 0.8s; transition: all 0.2s ease-in; -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; }

/*FOOTER
-----------------------------------------------------------------------------------------------------------------------------*/
footer { background:#0066b2; }
.footer-wrap { width:960px; margin:0 auto; padding:20px 0; overflow:hidden; }
.copy { border-top: 1px solid #2f80c1; padding:10px 0; overflow:hidden; width: 100%; }
.copy p { color: #99ccff; font-size:1.1em; }
.copy p, .copy a { float:left; display:inline; }
.copy a { float:right; color: #6699cc; text-transform:uppercase; font-size:1.3em; }
.footer-wrap ul { list-style:none; padding:0; margin-top:0; float:left; display:inline; margin-right:4%; }
.footer-wrap ul li:first-child a, .home-nav span { font-size:1.4em; color:#99ccff; text-transform:uppercase;  }
.footer-wrap ul li a { color:#fff; font-size:1.2em; }
.home-nav, .social-footer { float:left; display:inline; margin-right:3%; }
.home-nav ul { float:none; padding:0; margin:0; }
.home-nav span { }
.home-nav ul li:first-child a { font-size:1.2em; color:#fff; text-transform:none; }
.social-footer { margin-right:0; padding:2%; width:24%; }
.social-footer i { border-radius:100px; padding:4% 4.5%; background: #5CA4C5; margin: 0 5%; color: #0066b2; transition:background-color; transition-duration:0.5s; transition-delay:0.2s; }
.social-footer a { text-decoration:none; }
.social-footer i:hover { background:#6EBFE4; }
.social-footer i.icon-facebook { padding:4% 5.5%; }