@import url(http://fonts.googleapis.com/css?family=Cabin);


/*  === === === === === === === === === ==



Swatch Colours
--------------

#B63939 - main red
#333 - body text



=== === === === === === === === === === */




/*		Reset
=== === === === === === === === === === */
html, body, form, fieldset, legend, a, em, img, strong, ol, ul, li, table, tbody, tfoot, thead, tr, th, td {
margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline; background:transparent;}
body {line-height:1; text-align:left;}
fieldset, img {border:0;}

input, select {vertical-align:middle;}
:focus {outline:0;}
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; vertical-align:top; font-weight:normal;}

sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}




/*		Links, lists & type
=== === === === === === === === === === */
body {font-family: Arial, Helvetica, clean, sans-serif;}

input, textarea, select, button {font-family:Arial, Helvetica, clean, sans-serif; font-size:12px; line-height:1.5; color:#515151;} /* form text */

h1, h2, h3, h4, h5, h6, p {margin-top:0;}

#top-nav li, #side-nav li, #foot-nav li {list-style:none;}

a, label, input[type = button], input[type = submit], button {cursor:pointer;} /* hand cursor on clickables */
strong, th {font-weight:bold;}

/* Selection (click & drag highlighting */
::-moz-selection {background:#339DC0; color:#fff; text-shadow:none;}
::selection {background:#339DC0; color:#fff; text-shadow:none;}
a:link {-webkit-tap-highlight-color:#339DC0;}
button {width:auto; overflow:visible;}

/* body lists */
#spread ol, #spread-no-side ol {padding:0 0 0 20px; line-height:20px; margin:0 0 15px 10px;}
#spread ul, #spread-no-side ul {padding:0 0 0 20px; line-height:20px; margin:0 0 15px 10px;}
#spread li, #spread-no-side li {margin:0 0 5px 0; font-size:13px;}
#spread ul li, #spread-no-side ul li {list-style:url(../images/li-bg.png);}

.title {color:#333; font-size:16px; text-transform:uppercase; font-family: 'Cabin', sans-serif;}




/*		Body foundation
=== === === === === === === === === === */
html {height:100%; /* <-- sticky footer */ overflow-y:scroll;}
body {height:100%; /* <-- sticky footer */ background:#fff;}
* html #wrapper {height:100%; /* <-- sticky footer */}
#wrapper {position:relative; min-height:100%; /* <-- sticky footer */ background:#fff; border-top:1px solid #B63939;}

.primary-structural-wrap {width:960px; height:100%; margin:0 auto; position:relative; clear:both; overflow:hidden;}

.final-row {padding-bottom:150px; /* <-- sticky footer, apply to bottom most parent element before .sticky-footer */}




/*		Misc & useful
=== === === === === === === === === === */
.clear {clear:both;}

.rounded-5px {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.rounded-10px {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.rounded-20px {-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}

.box-shadow {-moz-box-shadow: 0px 2px 2px #aaa; -webkit-box-shadow: 0px 2px 2px #aaa; box-shadow: 0px 2px 2px #aaa;}

.text-shadow {text-shadow: 2px 2px 2px #999;}
.text-emboss {text-shadow: 2px 2px 2px #999;}

.column {margin-right:15px; float:left;}
.gutter {margin-right:0 !important;}

.rotate-1 {transform:rotate(5deg); -ms-transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -o-transform:rotate(5deg);}
.rotate-2 {transform:rotate(-7deg); -ms-transform:rotate(-7deg); -moz-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); -o-transform:rotate(-7deg);}

.extreme-indent {text-indent:-9999px;}




/*		***		Sliding Doors
=== === === === === === === === === === */
.slide-door-forwards span {background:url(/images/slide-door-left.png) no-repeat 0 0; display:block; line-height:26px; padding:0 5px 0 10px; color:#B63939;}
 .slide-door-forwards span#learn-home {padding:0 0px 0 5px;}

.slide-door-forwards {background:url(/images/slide-door-right.png) no-repeat top right; display:block; float:left; height:34px; margin:0 6px 0 0; padding:0 20px 0 0; text-decoration:none;}
.slide-door-forwards:hover span {text-decoration:underline;}
.slide-door-forwards  {font-weight:normal !important;}



#back span {background:url(/images/slide-door-back-left.png) no-repeat 0 0; display:block; line-height:26px; padding:0 5px 0 30px; color:#B63939;}
#back {background:url(/images/slide-door-back-right.png) no-repeat top right; display:block; float:left; height:34px; margin:0 6px 0 0; padding:0 20px 0 0; text-decoration:none; font-weight:normal !important;}
#back:hover span {text-decoration:underline;}






/*		***		Header
=== === === === === === === === === === */
#header {clear:both; height:150px; border-bottom:1px dotted #ccc;}
#header .primary-structural-wrap {}

#header #logo {display:block; position:absolute; top:13px; left:0px;}

#head-contact-us {width:406px; height:25px; background:#B63939; position:absolute; right:0px; top:0px;}
#head-contact-us p, #head-contact-us a {display:inline-block; float:left; color:#fff; height:17px; line-height:17px;}
#head-contact-us p {background:url(/images/head-contact-telephone.png) no-repeat left center; border-right:1px solid #8e1a33; padding:0 15px 0 15px; margin:3px 0 0 10px;}
#head-contact-us a {background:url(/images/head-contact-email.png) no-repeat left center; padding:0 0 0 20px; margin:3px 0 0 15px; text-decoration:none;}
#head-contact-us a:hover {text-decoration:underline;}




/*		***		Top Nav
=== === === === === === === === === === */
#top-nav {background:#fff; clear:both; margin:0; height:0px;}
#top-nav .primary-structural-wrap {z-index:100; overflow:visible;}
#top-nav .z-index-fix {position:absolute; z-index:300; right:0px; top:-38px;}

#top-nav ul {float:right; position:relative; z-index:5;}

#top-nav ul li {float:left; position:relative; font-size:12px; margin-right:2px;}
#top-nav ul a {display:block; padding:10px; color:#333; text-decoration:none; margin-right:5px; text-transform:uppercase; font-family: 'Cabin', sans-serif;}

#top-nav ul .final-nav a {margin-right:0;}


#top-nav .drop-down {background:url(/images/top-nav-dropdown-ul-arrow.png) no-repeat right center; padding-right:20px !important;}
#top-nav .drop-down-hover, #top-nav ul a.selected {background:url(/images/top-nav-dropdown-ul-arrow-hover.png) no-repeat right center #B63939 !important; padding-right:20px !important;}




/* dropdown */
#top-nav ul ul {background:#e3e3e3; position:absolute; left:-9999px; top:32px; z-index:100;}
#top-nav ul ul a {white-space:nowrap;}

#top-nav ul li:hover {}
#top-nav ul ul li {float:none; font-size:13px;}

#top-nav ul li:hover ul {left:0px; height:auto; padding:3px; margin:0; width:auto;}
#top-nav ul li.selected {background:#B63939;}

#top-nav ul li:hover a, #top-nav ul li.selected a {/* persistent hover states */ background:#B63939; color:#fff;}
#top-nav ul li:hover ul li {background:#e3e3e3 url(/images/nav-horizontal-line.png) repeat-x top;}
#top-nav ul ul li:first-child {background:none !important;}


#top-nav ul li:hover ul a {padding:10px 25px 10px 20px; margin:0; color:#000; border:none; background:none; text-transform:none; font-weight:normal;}
#top-nav ul li:hover ul li:hover a {background:url(/images/top-nav-dropdown-li-arrow.png) no-repeat right center;}






/*		***		Banner Index
=== === === === === === === === === === */
#banner-index {clear:both; height:300px; position:relative; overflow:visble;}

#slide-wrap {width:1100px !important; margin:0 auto; visibility:hidden;}
.slide {width:1100px !important; margin:0 auto;}
.slide img {width:1100px;}
.slide-inner {position:absolute; bottom:40px; right:90px; width:500px;}
.slide-inner p:first-child {background:url(/images/slide-first-p-bg.png); color:#333; font-size:16px; padding:15px 10px;}
.slide-inner p {background:#B63939; color:#fff; font-size:16px; padding:15px 10px; margin:0; font-family: 'Cabin', sans-serif;}
.slide-inner a {background:#B63939 url(/images/slide-read-more.png) no-repeat 90px center; color:#fff !important; text-decoration:none; padding:10px 25px 10px 10px; position:relative; top:15px;}
.slide-inner a:hover {text-decoration:underline;}

.next-prev {height:100px; width:23px; position:absolute; top:110px; z-index:100; border:1px solid #ccc; cursor:pointer;}

#prev {background:url(/images/index-banner-prev.png) no-repeat; left:2%;}
#next {background:url(/images/index-banner-next.png) no-repeat; right:2%;}

#banner-index .primary-structural-wrap {z-index:97; overflow:visible; height:0px;}

#slide-nav {position:absolute; top:-20px; z-index:120; right:0px;}
#slide-nav a {color:#fff; background:#666; display:inline-block; float:left; width:20px; height:20px; line-height:20px; text-decoration:none; font-size:16px; margin-right:3px; text-align:center;}
#slide-nav a.activeSlide {background:#fff; color:#B63939;}
#slide-nav a:focus {}



/*		***		Banner
=== === === === === === === === === === */
/*#banner {clear:both; height:240px; background:url(/images/banner-1.jpg) no-repeat center; background-size:cover;}*/
#banner .primary-structural-wrap {}




/*		***		Breadcrumbs
=== === === === === === === === === === */
#breadcrumbs {clear:both; height:30px; background:#B63939;}
#breadcrumbs .primary-structural-wrap {}

#breadcrumbs p, #breadcrumbs a {margin:0; padding:0; color:#fff; line-height:30px; text-transform:lowercase;}
#breadcrumbs img {margin:0 5px;}

#breadcrumbs a {text-decoration:none;}
#breadcrumbs a:hover {text-decoration:underline;}






/*		***		Nugget Row
=== === === === === === === === === === */
#index-nugget-row {padding:5px 0 5px; background:#F9F9F8 url(/images/banner-shadow.png) no-repeat top center;}
#index-nugget-row a {width:300px; height:174px; display:block; float:left;}

#nugget-row {padding-top:5px; background:#B63939 url(/images/nug-bg.png) repeat-x top; height:190px;}
#nugget-row a {width:300px; height:174px; display:block; float:left;}

#nug-1 {background:url(/images/nug-sectors-1.png) top left; margin:0 30px 0 0;}
#nug-2 {background:url(/images/nug-about-1.png) top left; margin:0 30px 0 0;}
#nug-3 {background:url(/images/nug-case-studies-1.png) top left;}
#nug-4 {background:url(/images/nug-sectors-2.png) top left; margin:0 30px 0 0;}
#nug-5 {background:url(/images/nug-about-2.png) top left; margin:0 30px 0 0;}
#nug-6 {background:url(/images/nug-case-studies-2.png) top left;}

#nug-1:hover {background:url(/images/nug-sectors-1.png) bottom left;}
#nug-2:hover {background:url(/images/nug-about-1.png) bottom left;}
#nug-3:hover {background:url(/images/nug-case-studies-1.png) bottom left;}
#nug-4:hover {background:url(/images/nug-sectors-2.png) bottom left;}
#nug-5:hover {background:url(/images/nug-about-2.png) bottom left;}
#nug-6:hover {background:url(/images/nug-case-studies-2.png) bottom left;}




/*		***		Main Row General
=== === === === === === === === === === */
#main-row {clear:both; min-height:400px; background:#f8f8f7;}
#main-row .primary-structural-wrap {padding:30px 0 30px;}

#spread {width:700px;}
#spread-no-side {margin-right:0 !important;}
#spread p, #spread-no-side p {line-height:20px;}
#spread .title, #spread-no-side .title {font-size:20px; color:#ec8d21; padding:20px 0;}


#side-bar a, #side-bar a:hover {color:#F8F8F7}/*to hide the anchor link */
#side-bar {overflow:hidden; padding:0 0 20px 25px; width:220px;}
#side-bar .title {padding:30px 0 0 0; margin-bottom:0px;}
#side-bar form {padding:0 0 30px 0;}
#side-bar form input {width:207px; height:25px; margin:0 0 10px; border:1px solid #666; padding:0 5px;}
#side-bar form button {display:block; border:1px solid #666; padding:3px 10px 2px 7px; color:#B63939;}
#side-bar form button:hover {text-decoration:underline;}

#side-bar .thank-you {padding-top:10px;}

#diagnostic-assessment-form-area a, #diagnostic-assessment-form a:hover {color:#F8F8F7}/*(to hide the anchor link) */
#diagnostic-assessment-form {padding:0 0 30px 0;}
#diagnostic-assessment-form input {width:208px; height:25px; margin:0 0 10px; border:1px solid #666; padding:0 5px;}
#diagnostic-assessment-form button {display:block; border:1px solid #666; padding:3px 10px 2px 7px; color:#B63939;}
#diagnostic-assessment-form button:hover {text-decoration:underline;}

#diagnostic-assessment-form .radio-buttons input{width:20px; padding-bottom:5px; border:none;}
#diagnostic-assessment-form .radio-buttons .indent {width:0px; padding-bottom:5px;}

#diagnostic-form-col {width:330px; float:left; padding-bottom:5px;} 



#event-booking-form-area a, #event-booking-form a:hover {color:#F8F8F7}/*(to hide the anchor link) */
#event-booking-form {padding:0 0 30px 0;}
#event-booking-form input {width:208px; height:25px; margin:0 0 10px; border:1px solid #666; padding:0 5px;}
#event-booking-form button {display:block; border:1px solid #666; padding:3px 10px 2px 7px; color:#B63939;}
#event-booking-form button:hover {text-decoration:underline;}

#event-booking-form .radio-buttons input{width:20px; padding-bottom:5px; border:none;}
#event-booking-form .radio-buttons .indent {width:0px; padding-bottom:5px;}




#spread .error_feedback ul li {	color: #920003;	list-style-image: url("/images/error-cross.jpg");	list-style-type: square;	padding: 0px 0px 5px 0px;}
#spread .error_feedback {margin-left:0px;}

.required {background-color:#FFF;}

.error_feedback {margin:10px 0 0 20px;}

.thank-you img {float:left; padding-right:5px;}

#three-col-1 {width:310px; float:left; margin-right:15px;}
#three-col-2 {width:310px; float:left; margin-right:15px;}
#three-col-3 {width:310px; float:left;}

#top-para {overflow:hidden; margin:0 0 15px;}
#top-para p {font-size:14px;}

.go-back {display:block; height:22px; width:92px; background:url(/images/back.png) no-repeat top left; margin:10px 0;}
.go-back:hover {background:url(/images/back.png) no-repeat bottom left;}





/*		***		Unsubscribe form
=== === === === === === === === === === */

#unsubscribe {}

#unsubscribe label {width:100px;}
#unsubscribe input {border:1px solid #666; background:#FFF; padding:4px 5px; width:210px;}
#unsubscribe textarea {border:1px solid #666; background:#FFF; padding:4px 5px; width:210px;}

#unsubscribe button {background:#B63939; border:0; color:#FFF; padding:4px 10px; text-transform:uppercase;}
#unsubscribe button:hover {background:#A03535;}










/*		***		Assessment link
=== === === === === === === === === === */
#assessment {display:block; width:220px; height:210px; background:url(/images/free-assessment.png) no-repeat top left;}
#assessment:hover {background:url(/images/free-assessment.png) no-repeat bottom left;}

#footer #assessment {margin:43px 0 0;}







/*		***		Quotes
=== === === === === === === === === === */
.quote-wrap {background:url(/images/quote-left.png) no-repeat top left; padding:0 0 0 30px;}
.quote-wrap p {color:#777;}
.quote-wrap .quote p {padding:0 30px 0 0; font-style:italic; font-weight:bold; font-size:14px; color:#333;}
.quote-wrap .quote p:last-child {background:url(/images/quote-right.png) no-repeat bottom right;}




/*		***		Download
=== === === === === === === === === === */
#download {position:absolute; top:10px; right:0px;}
#download a {width:147px; height:43px; background:url(/images/download.png) no-repeat bottom left; display:block; text-indent:-9999px;}
#download:hover a {background:url(/images/download.png) no-repeat top left;}




/*		***		News Page
=== === === === === === === === === === */
#news {margin:-30px 0 0; padding:0 0 20px;}

.paging {text-align:right;}
.paging p {letter-spacing:1.2px;}
.paging a {color:#B63939;}
.paging a:hover {text-decoration:none;}

.news-container {clear:both; border-top:1px dotted #ccc; padding:15px 0; overflow:hidden; cursor:pointer;}
.news-container:first-child {border:none; padding:0 0 10px;}

.news-container:hover .date {text-decoration:underline; color:#B63939;}

.date {display:block; height:49px; width:62px; background:#fff; border:1px solid #ccc; float:left; color:#B63939 !important; text-align:center; font-size:30px; padding:13px 0 0; margin:0; font-family: 'Cabin', sans-serif; position:relative; top:5px;}
.date span {display:block; height:30px; overflow:visible; line-height:25px; font-size:12px; font-weight:bold;}

.news-article {display:inline-block; width:625px; margin-left:10px; float:left;}

.news-article img {float:right; margin:0 0 0 10px;}
.news-article p {margin:0; display:inline;}
.news-body a {color:#B63939; background:url(/images/read-more-arrow.png) no-repeat right center; padding:0 10px 0 0; display:inline-block;}
.news-body a:hover {color:#B63939; text-decoration:underline;}









/*		***		Case studies
=== === === === === === === === === === */
#case-studies {width:960px;}
.case-studies-row {overflow:hidden; margin:0 0 30px;}
.case-studies-row .case-study:first-child {margin:0;}
.case-study {width:309px; float:left; margin:0 0 0 14px; border-right:1px solid #ccc; cursor:pointer; min-height:90px;}
.case-study:hover a {color:#333;}
.case-study img {float:left; outline:1px solid #ccc;}
.case-study-inner-wide {width:280px; float:left; background:url(/images/read-more-arrow.png) no-repeat right center; margin:0 3px 0 10px; padding:0 12px 0 0px; min-height:90px;}
.case-study-inner {width:207px; float:right; background:url(/images/read-more-arrow.png) no-repeat right center; margin:0 3px 0 0; padding:0 12px 0 0; min-height:90px;}
.case-study h3 {font-size:16px; font-family: 'Cabin', sans-serif; color:#B63939;}
.case-study p {}











/*		***		Footer
=== === === === === === === === === === */
#footer {clear:both; background:#B63939;}
#footer .primary-structural-wrap {}

#footer .column {width:240px; float:left; min-height:300px; margin:0;}
#footer .gutter {padding:0;}

#footer .column .title {height:30px; color:#fff; font-size:16px; line-height:50px;}
#footer .column p {color:#fff; line-height:15px;}

#footer .inner a {color:#FFF !important; font-weight:bold; text-decoration:none;}
#footer .inner a:hover {color:#FFF; text-decoration:underline;}

#footer .title {text-transform:uppercase;}

#footer .inner {background:url(/images/foot-vertical-line-2.png) no-repeat right center; min-height:213px; padding:0 8px 0 0; margin:0 8px 0 0;}
#footer .gutter .inner {background:none !important;}


/* News */
.news-excerpt {clear:both; overflow:hidden;}
.news-excerpt:first-child {background:url(/images/horizontal-line-1.png) repeat-x bottom; padding:0 0 10px; margin:0 0 10px;}
.news-excerpt p:first-child {font-weight:bold; font-size:14px;}



/* Form */
#footer form {}
#footer form input {width:210px; height:25px; margin:0 0 10px; border:1px solid #666; padding:0 5px;}
#footer form button {display:block; border:1px solid #666; padding:3px 10px 2px 7px; color:#B63939; background-color:#F3F3F3}
#footer form button:hover {text-decoration:underline;}

#footer .error_feedback {margin:10px 0 0 30px;}
#footer .error_feedback li{color:#FFF; font-weight:bold;}

/*		***		Sticky Footer
=== === === === === === === === === === */
#sticky-footer {clear:both; position:relative; margin-top:-150px; height:135px; /* <-- sticky footer */ background:#f8f8f7; padding:15px 0 0;}

#sticky-footer p, #sticky-footer a {color:#333; margin:0 0 7px; font-size:11px; line-height:13px;}
#sticky-footer a:hover {text-decoration:underline;}

#sticky-footer .column {height:120px; background:url(/images/foot-vertical-line-1.png) no-repeat right center; margin:0; width:310px;}
#sticky-footer .gutter {background:none !important;}

#copyright {padding:15px 15px 0 0; height:105px !important;}
#copyright p:first-child {font-size:12px;}

#linkedin a {display:block; background:url(/images/foot-linkedin.png) no-repeat top left; height:87px; width:220px; margin:15px auto 0;}
#linkedin a:hover {background:url(/images/foot-linkedin.png) no-repeat bottom left;}

#accreditations {padding:30px 0 0 15px;}
#accreditations img {float:left; display:inline-block;}




/*		Tiny.css
=== === === === === === === === === === === === */
button {cursor:pointer;}
body {text-align:left; margin:0; padding:0; background:#fff; font-family: Arial, Helvetica, clean, sans-serif; font-size:13px; letter-spacing:normal;}

h1, h2, h3, h4, h5, h6, p {margin-top:0;}

h1, h2, h3, h4, h5, h6 {font-family: 'Cabin', sans-serif;}

img {border:0;}

p {color:#333;}
h1 {color:#B63939; font-size:28px;}
h2 {color:#B63939; font-size:24px;}
h3 {color:#B63939; font-size:20px;}
h4 {color:#333; font-size:18px;}
h5 {color:#333; font-size:16px;}
h6 {color:#333; font-size:14px;}

em {font-style:italic;}
pre {}
u {}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

address {font-size:10px;}

a {text-decoration:underline; color:#B63939;}
a:visited {color:#B63939;}
a:focus {-moz-outline-style:none;}
a:hover {outline:none; color:#000;}
a:active {outline:none;}