/*****************************************************
1. OPTIONS ON HTML CLASS: 
mdf, wood, gradient, 
light, dark, 
magenta-yellow, magenta-cyan, cyan-yellow, cyan-magenta, 
top-block, 
style-body, style-popdown, style-footer,
paint, circles, glow, splash, euphoria, pretty, smoke, halftone
******************************************************/
/*****************************************************
1. Textures
******************************************************/
html.dark.mdf, html.dark.mdf body {
	background-image: url(../../images/background/textures/dark/mdf.png);
	background-repeat: repeat;
}
html.light.mdf, html.light.mdf body  {
	background-image: url(../../images/background/textures/light/mdf.png);
	background-repeat: repeat;
}
html.dark.wood, html.dark.wood body  {
	background-image: url(../../images/background/textures/dark/wood.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed;
}
html.light.wood, html.light.wood body {
	background-image: url(../../images/background/textures/light/wood.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed;
}
html.dark.gradient, html.dark.gradient body {
	background-image: url(../../images/background/textures/dark/gradient.png);
	background-repeat: repeat-x;
	background-position: center top;
}
html.light.gradient, html.light.gradient body {
	background-image: url(../../images/background/textures/light/gradient.png);
	background-repeat: repeat-x;
	background-position: center top;
}
/*****************************************************
2. Light or Dark
******************************************************/
html.dark, html.dark body {
	background-color: #323232; /* main colour */
}
html.light, html.light body {
	background-color: #e3e3e3; /* main colour */
}
/*****************************************************
3. Breakers
******************************************************/
html.light.squint-breaker .fullscreen-breaker, html.light.top-block.squint-breaker #color-block > span {
	background-image: url(../../images/background/breaks/squint-light.png);
    height: 345px;
    margin-top: -133px;
}
html.dark.squint-breaker .fullscreen-breaker, html.dark.top-block.squint-breaker #color-block > span {
	background-image: url(../../images/background/breaks/squint-dark.png);
    height: 345px;
    margin-top: -133px;
}
html.light.simple-breaker .fullscreen-breaker, html.light.top-block.simple-breaker #color-block > span {
	background-image: url(../../images/background/breaks/simple-light.png);
	height: 70px;
    margin-top: -13px;
}
html.dark.simple-breaker .fullscreen-breaker, html.dark.top-block.simple-breaker #color-block > span {
	background-image: url(../../images/background/breaks/simple-dark.png);
	height: 70px;
    margin-top: -13px;
}
html.light.curve-breaker .fullscreen-breaker, html.light.top-block.curve-breaker #color-block > span {
	background-image: url(../../images/background/breaks/curve-light.png);
	height: 290px;
    margin-top: -112px;
}
html.dark.curve-breaker .fullscreen-breaker, html.dark.top-block.curve-breaker #color-block > span {
	background-image: url(../../images/background/breaks/curve-dark.png);
	height: 290px;
    margin-top: -112px;
}
/*****************************************************
4. Style Images
******************************************************/
html.paint.style-body #outside, html.paint.style-footer #footer, html.paint.style-popdown #popdown {
	background-image: url(../../images/background/patterns/cmyk/paint.png);
}
html.glow.style-body #outside, html.glow.style-footer #footer, html.glow.style-popdown #popdown {
	background-image: url(../../images/background/patterns/cmyk/glow.png);
}
html.circles.style-body #outside, html.circles.style-footer #footer, html.circles.style-popdown #popdown {
	background-image: url(../../images/background/patterns/cmyk/circles.png)
}
html.euphoria.style-body #outside, html.euphoria.style-footer #footer, html.euphoria.style-popdown #popdown {
	background-image: url(../../images/background/patterns/cmyk/euphoria.png);
}
html.pretty.style-body #outside, html.pretty.style-footer #footer, html.pretty.style-popdown #popdown {
	background-image: url(../../images/background/patterns/cmyk/pretty.png);
}
html.smoke.style-body #outside, html.smoke.style-footer #footer, html.smoke.style-popdown #popdown {
	background-image: url(../../images/background/patterns/cmyk/smoke.png);
}
html.halftone.style-body #outside, html.halftone.style-footer #footer, html.halftone.style-popdown #popdown {
	background-image: url(../../images/background/patterns/cmyk/halftone.png);
}
/* Style image position if you are using top positioned fullscreen image */
html.style-body body.fs-absolute #outside {
	background-position: center 600px;
}
/* Style image position if you are using top color block */
html.top-block.style-body #outside {
	background-position: center 200px;
}
html.style-popdown #popdown {background-position: center top;}
html.style-footer #footer {background-position: center top;}
html.style-body #outside {background-position: center top;}

html.style-popdown .popdown-inner, html.style-footer .footer-top-inner  {background: url(../../images/background/transparent/plain-dark-80.png) 0 0 transparent repeat}

/*****************************************************
5. Adjustments
******************************************************/
#slider, .content-wrapper, .logo-slider-wrapper {
	border-bottom-color: #111; /*--  Box shadow effect*/
}
html.light #slider, html.light .content-wrapper, html.light .logo-slider-wrapper {
	border-bottom-color: #333; /*--  Box shadow effect*/
}
.box-border, .fs-slider-controls-outer {
	background: transparent url(../../images/background/transparent/plain-dark-30.png) repeat;/* -- change transparency of box-border*/
}
html.top-block #color-block {
	height: 350px;
}
html.top-block .fullscreen-outer {
	display: none;
}
/*****************************************************
6.  COLOUR SCHEME (MAGENTA / YELLOW)
******************************************************/
/**** YELLOW (2) (only on dark) ****/

html.magenta-yellow h1.color2, 
html.magenta-yellow h2.color2, 
html.magenta-yellow h3.color2, 
html.magenta-yellow h4.color2, 
html.magenta-yellow h5.color2,
html.magenta-yellow .footer-content h1, 
html.magenta-yellow .footer-content h2, 
html.magenta-yellow .footer-content h3, 
html.magenta-yellow a.med-dark-link, 
html.magenta-yellow .footer-bottom-content span.break, 
html.magenta-yellow .impact-header.one-line-one-col h1, 
html.magenta-yellow .impact-header.one-line-two-col h1, 
html.magenta-yellow .impact-header.two-line-one-col h1, 
html.magenta-yellow .impact-header.two-line-two-col h1, 
html.magenta-yellow ul#horz-nav-ul > li > a:hover, 
html.magenta-yellow #horz-nav-ul ul li a:hover, 
html.magenta-yellow #horz-nav-ul ul li a ul a:hover, 
html.magenta-yellow #horz-nav-ul ul li span:hover, 
html.magenta-yellow #horz-nav-ul ul li a ul span:hover, 
html.magenta-yellow a.go-to-link span:hover, 
html.magenta-yellow .date-overlay .day-month, 
html.magenta-yellow .comments-overlay .number-of-comments, 
html.magenta-yellow .bread-crumbs-wrapper ul li.first span, 
html.magenta-yellow .pagination-wrapper ul li.on span, 
html.magenta-yellow .pt-header h3, 
html.magenta-yellow h3.comments-title, 
html.magenta-yellow .footer-content .tags-wrapper ul li a:hover, 
html.magenta-yellow #footer .widget-wrap.boxed .widget-title h2, 
html.magenta-yellow #footer .accordion h3 a:hover, 
html.magenta-yellow #footer .accordion h3.active a, 
html.magenta-yellow #footer .compact-tabs .tabs > ul > li.active a, 
html.magenta-yellow a.hover-on-font-color2:hover, 
html.magenta-yellow a.font-color2, #popdown h1, 
html.magenta-yellow #popdown h2, 
html.magenta-yellow #popdown h3, 
html.magenta-yellow .font-color2,
html.magenta-yellow a.big-dark-link, 
html.magenta-yellow a.small-dark-link,
html.magenta-yellow .show-tags a:hover,
html.magenta-yellow .divider span.go-to-top a:hover,
html.magenta-yellow .nivo-caption,
html.magenta-yellow #footer .blog-post-snippet-content h3 a,
html.magenta-yellow #horz-nav-ul li a.on, 
html.magenta-yellow #horz-nav-ul li span.on {
	color: #fff200!important;
}
html.magenta-yellow .controls-wrap a.backward:hover, 
html.magenta-yellow .controls-wrap a.forward:hover, 
html.magenta-yellow a.bg-color2, 
html.magenta-yellow .theme-default .nivo-controlNav a.nivo-control.active,
html.magenta-yellow .bg-color2 {
	background-color: #fff200;
}
/**** MAGENTA (1) (mostly on light) ****/
html.magenta-yellow .fullscreen-caption h1,
html.magenta-yellow h1.color1, 
html.magenta-yellow h2.color1, 
html.magenta-yellow h3.color1,
html.magenta-yellow h4.color1,
html.magenta-yellow h5.color1,
html.magenta-yellow h3.mtt-member-title,
html.magenta-yellow .page-heading h1,
html.magenta-yellow #slider h1,
html.magenta-yellow .blog-post-snippet-wrap h3,
html.magenta-yellow .footer-content a.med-dark-link, 
html.magenta-yellow .strap-line, 
html.magenta-yellow ul.horz-mini-menu.sliding li > a:hover, 
html.magenta-yellow .mma-trigger:hover, 
html.magenta-yellow span.details-circle, 
html.magenta-yellow ul.vert-menu li a span.extra, 
html.magenta-yellow .twitter-widget-user-info span.user-name .extra, 
html.magenta-yellow .impact-header-link-wrap a.impact-link:hover span,
html.magenta-yellow .quick-contact-pop-out .quform-inner .submit-button-input-wrapper button:hover span em, 
html.magenta-yellow a.go-to-link, 
html.magenta-yellow .compact-tabs .tabs > ul li a:hover, 
html.magenta-yellow .compact-tabs .tabs > ul li.active a, 
html.magenta-yellow .accordion h3.active a, 
html.magenta-yellow .accordion h3 a:hover, 
html.magenta-yellow .widget-content-wrap .quform-inner .submit-button-input-wrapper button:hover em,
html.magenta-yellow .impact-header-newsletter-signup-wrap .nlsu-button button:hover span em,
html.magenta-yellow .impact-header-newsletter-signup-wrap .nlsu-input input:focus, 
html.magenta-yellow .impress-slider-title, 
html.magenta-yellow .pagination-wrapper ul li a:hover, 
html.magenta-yellow .mtt-links ul.mtt-contact-details li span.extra, 
html.magenta-yellow .mtt-content-wrapper .tab-content h5, 
html.magenta-yellow .search-field-wrap input[type=submit]:hover, 
html.magenta-yellow .grey-button:hover, 
html.magenta-yellow .page-tabs .tabs > ul li.active a, 
html.magenta-yellow .page-tabs .tabs > ul li a:hover, 
html.magenta-yellow #footer .quform-inner .submit-button-input-wrapper button:hover em, 
html.magenta-yellow ul.horz-mini-menu li a:hover, 
html.magenta-yellow a.hover-on-font-color1:hover, 
html.magenta-yellow a.font-color1, 
html.magenta-yellow .twitter-widget-slider .bubble-content a, 
html.magenta-yellow .mma-trigger.mma-active, 
html.magenta-yellow .tags-wrapper ul li a:hover, 
html.magenta-yellow .share-meta-area .entry-meta a.comments > span .extra, 
html.magenta-yellow .portfolio-filter a.active-filter,
html.magenta-yellow .font-color1, 
html.magenta-yellow h2.entry-title a,
html.magenta-yellow .blog-post-snippet-info > li a:hover,
html.magenta-yellow .fs-slider-caption h1,
html.magenta-yellow .serene-caption h1,
html.magenta-yellow .blog-post-snippet-content h3 a {
	color: #ec008c!important;
}
html.magenta-yellow a.bg-color1, 
html.magenta-yellow .theme-default .nivo-controlNav a.nivo-control,
html.magenta-yellow.top-block #color-block,
html.magenta-yellow .bg-color1 {
	background-color: #ec008c;
}
/*****************************************************
7.  COLOUR SCHEME (MAGENTA / CYAN)
******************************************************/
/**** CYAN (2) (only on dark) ****/

html.magenta-cyan h1.color2, 
html.magenta-cyan h2.color2, 
html.magenta-cyan h3.color2, 
html.magenta-cyan h4.color2, 
html.magenta-cyan h5.color2,
html.magenta-cyan .footer-content h1, 
html.magenta-cyan .footer-content h2, 
html.magenta-cyan .footer-content h3, 
html.magenta-cyan a.med-dark-link, 
html.magenta-cyan .footer-bottom-content span.break, 
html.magenta-cyan .impact-header.one-line-one-col h1, 
html.magenta-cyan .impact-header.one-line-two-col h1, 
html.magenta-cyan .impact-header.two-line-one-col h1, 
html.magenta-cyan .impact-header.two-line-two-col h1, 
html.magenta-cyan ul#horz-nav-ul > li > a:hover, 
html.magenta-cyan #horz-nav-ul ul li a:hover, 
html.magenta-cyan #horz-nav-ul ul li a ul a:hover, 
html.magenta-cyan #horz-nav-ul ul li span:hover, 
html.magenta-cyan #horz-nav-ul ul li a ul span:hover, 
html.magenta-cyan a.go-to-link span:hover, 
html.magenta-cyan .date-overlay .day-month, 
html.magenta-cyan .comments-overlay .number-of-comments, 
html.magenta-cyan .bread-crumbs-wrapper ul li.first span, 
html.magenta-cyan .pagination-wrapper ul li.on span, 
html.magenta-cyan .pt-header h3, 
html.magenta-cyan h3.comments-title, 
html.magenta-cyan .footer-content .tags-wrapper ul li a:hover, 
html.magenta-cyan #footer .widget-wrap.boxed .widget-title h2, 
html.magenta-cyan #footer .accordion h3 a:hover, 
html.magenta-cyan #footer .accordion h3.active a, 
html.magenta-cyan #footer .compact-tabs .tabs > ul > li.active a, 
html.magenta-cyan a.hover-on-font-color2:hover, 
html.magenta-cyan a.font-color2, #popdown h1, 
html.magenta-cyan #popdown h2, 
html.magenta-cyan #popdown h3, 
html.magenta-cyan .font-color2,
html.magenta-cyan a.big-dark-link, 
html.magenta-cyan a.small-dark-link,
html.magenta-cyan .show-tags a:hover,
html.magenta-cyan .divider span.go-to-top a:hover,
html.magenta-cyan .nivo-caption,
html.magenta-cyan #footer .blog-post-snippet-content h3 a,
html.magenta-cyan #horz-nav-ul li a.on, 
html.magenta-cyan #horz-nav-ul li span.on {
	color: #00aeef!important;
}
html.magenta-cyan .controls-wrap a.backward:hover, 
html.magenta-cyan .controls-wrap a.forward:hover, 
html.magenta-cyan a.bg-color2, 
html.magenta-cyan .theme-default .nivo-controlNav a.nivo-control.active,
html.magenta-cyan .bg-color2 {
	background-color: #00aeef;
}
/**** MAGENTA (1) (mostly on light) ****/
html.magenta-cyan .fullscreen-caption h1,
html.magenta-cyan h1.color1, 
html.magenta-cyan h2.color1, 
html.magenta-cyan h3.color1,
html.magenta-cyan h4.color1,
html.magenta-cyan h5.color1,
html.magenta-cyan h3.mtt-member-title,
html.magenta-cyan .page-heading h1,
html.magenta-cyan #slider h1,
html.magenta-cyan .blog-post-snippet-wrap h3,
html.magenta-cyan .footer-content a.med-dark-link, 
html.magenta-cyan .strap-line, 
html.magenta-cyan ul.horz-mini-menu.sliding li > a:hover, 
html.magenta-cyan .mma-trigger:hover, 
html.magenta-cyan span.details-circle, 
html.magenta-cyan ul.vert-menu li a span.extra, 
html.magenta-cyan .twitter-widget-user-info span.user-name .extra, 
html.magenta-cyan .impact-header-link-wrap a.impact-link:hover span,
html.magenta-cyan .quick-contact-pop-out .quform-inner .submit-button-input-wrapper button:hover span em, 
html.magenta-cyan a.go-to-link, 
html.magenta-cyan .compact-tabs .tabs > ul li a:hover, 
html.magenta-cyan .compact-tabs .tabs > ul li.active a, 
html.magenta-cyan .accordion h3.active a, 
html.magenta-cyan .accordion h3 a:hover, 
html.magenta-cyan .widget-content-wrap .quform-inner .submit-button-input-wrapper button:hover em,
html.magenta-cyan .impact-header-newsletter-signup-wrap .nlsu-button button:hover span em,
html.magenta-cyan .impact-header-newsletter-signup-wrap .nlsu-input input:focus, 
html.magenta-cyan .impress-slider-title, 
html.magenta-cyan .pagination-wrapper ul li a:hover, 
html.magenta-cyan .mtt-links ul.mtt-contact-details li span.extra, 
html.magenta-cyan .mtt-content-wrapper .tab-content h5, 
html.magenta-cyan .search-field-wrap input[type=submit]:hover, 
html.magenta-cyan .grey-button:hover, 
html.magenta-cyan .page-tabs .tabs > ul li.active a, 
html.magenta-cyan .page-tabs .tabs > ul li a:hover, 
html.magenta-cyan #footer .quform-inner .submit-button-input-wrapper button:hover em, 
html.magenta-cyan ul.horz-mini-menu li a:hover, 
html.magenta-cyan a.hover-on-font-color1:hover, 
html.magenta-cyan a.font-color1, 
html.magenta-cyan .twitter-widget-slider .bubble-content a, 
html.magenta-cyan .mma-trigger.mma-active, 
html.magenta-cyan .tags-wrapper ul li a:hover, 
html.magenta-cyan .share-meta-area .entry-meta a.comments > span .extra, 
html.magenta-cyan .portfolio-filter a.active-filter,
html.magenta-cyan .font-color1, 
html.magenta-cyan h2.entry-title a,
html.magenta-cyan .blog-post-snippet-info > li a:hover,
html.magenta-cyan .fs-slider-caption h1,
html.magenta-cyan .serene-caption h1,
html.magenta-cyan .blog-post-snippet-content h3 a {
	color: #ec008c!important;
}
html.magenta-cyan a.bg-color1, 
html.magenta-cyan .theme-default .nivo-controlNav a.nivo-control,
html.magenta-cyan.top-block #color-block,
html.magenta-cyan .bg-color1 {
	background-color: #ec008c;
}
/*****************************************************
8.  COLOUR SCHEME (CYAN / YELLOW)
******************************************************/
/**** YELLOW (2) (only on dark) ****/

html.cyan-yellow h1.color2, 
html.cyan-yellow h2.color2, 
html.cyan-yellow h3.color2, 
html.cyan-yellow h4.color2, 
html.cyan-yellow h5.color2,
html.cyan-yellow .footer-content h1, 
html.cyan-yellow .footer-content h2, 
html.cyan-yellow .footer-content h3, 
html.cyan-yellow a.med-dark-link, 
html.cyan-yellow .footer-bottom-content span.break, 
html.cyan-yellow .impact-header.one-line-one-col h1, 
html.cyan-yellow .impact-header.one-line-two-col h1, 
html.cyan-yellow .impact-header.two-line-one-col h1, 
html.cyan-yellow .impact-header.two-line-two-col h1, 
html.cyan-yellow ul#horz-nav-ul > li > a:hover, 
html.cyan-yellow #horz-nav-ul ul li a:hover, 
html.cyan-yellow #horz-nav-ul ul li a ul a:hover, 
html.cyan-yellow #horz-nav-ul ul li span:hover, 
html.cyan-yellow #horz-nav-ul ul li a ul span:hover, 
html.cyan-yellow a.go-to-link span:hover, 
html.cyan-yellow .date-overlay .day-month, 
html.cyan-yellow .comments-overlay .number-of-comments, 
html.cyan-yellow .bread-crumbs-wrapper ul li.first span, 
html.cyan-yellow .pagination-wrapper ul li.on span, 
html.cyan-yellow .pt-header h3, 
html.cyan-yellow h3.comments-title, 
html.cyan-yellow .footer-content .tags-wrapper ul li a:hover, 
html.cyan-yellow #footer .widget-wrap.boxed .widget-title h2, 
html.cyan-yellow #footer .accordion h3 a:hover, 
html.cyan-yellow #footer .accordion h3.active a, 
html.cyan-yellow #footer .compact-tabs .tabs > ul > li.active a, 
html.cyan-yellow a.hover-on-font-color2:hover, 
html.cyan-yellow a.font-color2, #popdown h1, 
html.cyan-yellow #popdown h2, 
html.cyan-yellow #popdown h3, 
html.cyan-yellow .font-color2,
html.cyan-yellow a.big-dark-link, 
html.cyan-yellow a.small-dark-link,
html.cyan-yellow .show-tags a:hover,
html.cyan-yellow .divider span.go-to-top a:hover,
html.cyan-yellow .nivo-caption,
html.cyan-yellow #footer .blog-post-snippet-content h3 a,
html.cyan-yellow #horz-nav-ul li a.on, 
html.cyan-yellow #horz-nav-ul li span.on {
	color: #fff200!important;
}
html.cyan-yellow .controls-wrap a.backward:hover, 
html.cyan-yellow .controls-wrap a.forward:hover, 
html.cyan-yellow a.bg-color2, 
html.cyan-yellow .theme-default .nivo-controlNav a.nivo-control.active,
html.cyan-yellow .bg-color2 {
	background-color: #fff200;
}
/**** MAGENTA (1) (mostly on light) ****/
html.cyan-yellow .fullscreen-caption h1,
html.cyan-yellow h1.color1, 
html.cyan-yellow h2.color1, 
html.cyan-yellow h3.color1,
html.cyan-yellow h4.color1,
html.cyan-yellow h5.color1,
html.cyan-yellow h3.mtt-member-title,
html.cyan-yellow .page-heading h1,
html.cyan-yellow #slider h1,
html.cyan-yellow .blog-post-snippet-wrap h3,
html.cyan-yellow .footer-content a.med-dark-link, 
html.cyan-yellow .strap-line, 
html.cyan-yellow ul.horz-mini-menu.sliding li > a:hover, 
html.cyan-yellow .mma-trigger:hover, 
html.cyan-yellow span.details-circle, 
html.cyan-yellow ul.vert-menu li a span.extra, 
html.cyan-yellow .twitter-widget-user-info span.user-name .extra, 
html.cyan-yellow .impact-header-link-wrap a.impact-link:hover span,
html.cyan-yellow .quick-contact-pop-out .quform-inner .submit-button-input-wrapper button:hover span em, 
html.cyan-yellow a.go-to-link, 
html.cyan-yellow .compact-tabs .tabs > ul li a:hover, 
html.cyan-yellow .compact-tabs .tabs > ul li.active a, 
html.cyan-yellow .accordion h3.active a, 
html.cyan-yellow .accordion h3 a:hover, 
html.cyan-yellow .widget-content-wrap .quform-inner .submit-button-input-wrapper button:hover em,
html.cyan-yellow .impact-header-newsletter-signup-wrap .nlsu-button button:hover span em,
html.cyan-yellow .impact-header-newsletter-signup-wrap .nlsu-input input:focus, 
html.cyan-yellow .impress-slider-title, 
html.cyan-yellow .pagination-wrapper ul li a:hover, 
html.cyan-yellow .mtt-links ul.mtt-contact-details li span.extra, 
html.cyan-yellow .mtt-content-wrapper .tab-content h5, 
html.cyan-yellow .search-field-wrap input[type=submit]:hover, 
html.cyan-yellow .grey-button:hover, 
html.cyan-yellow .page-tabs .tabs > ul li.active a, 
html.cyan-yellow .page-tabs .tabs > ul li a:hover, 
html.cyan-yellow #footer .quform-inner .submit-button-input-wrapper button:hover em, 
html.cyan-yellow ul.horz-mini-menu li a:hover, 
html.cyan-yellow a.hover-on-font-color1:hover, 
html.cyan-yellow a.font-color1, 
html.cyan-yellow .twitter-widget-slider .bubble-content a, 
html.cyan-yellow .mma-trigger.mma-active, 
html.cyan-yellow .tags-wrapper ul li a:hover, 
html.cyan-yellow .share-meta-area .entry-meta a.comments > span .extra, 
html.cyan-yellow .portfolio-filter a.active-filter,
html.cyan-yellow .font-color1, 
html.cyan-yellow h2.entry-title a,
html.cyan-yellow .blog-post-snippet-info > li a:hover,
html.cyan-yellow .fs-slider-caption h1,
html.cyan-yellow .serene-caption h1,
html.cyan-yellow .blog-post-snippet-content h3 a {
	color: #00aeef!important;
}
html.cyan-yellow a.bg-color1, 
html.cyan-yellow .theme-default .nivo-controlNav a.nivo-control,
html.cyan-yellow.top-block #color-block,
html.cyan-yellow .bg-color1 {
	background-color: #00aeef;
}
/*****************************************************
9.  COLOUR SCHEME (CYAN / MAGENTA)
******************************************************/
/**** MAGENTA (2) (only on dark) ****/

html.cyan-magenta h1.color2, 
html.cyan-magenta h2.color2, 
html.cyan-magenta h3.color2, 
html.cyan-magenta h4.color2, 
html.cyan-magenta h5.color2,
html.cyan-magenta .footer-content h1, 
html.cyan-magenta .footer-content h2, 
html.cyan-magenta .footer-content h3, 
html.cyan-magenta a.med-dark-link, 
html.cyan-magenta .footer-bottom-content span.break, 
html.cyan-magenta .impact-header.one-line-one-col h1, 
html.cyan-magenta .impact-header.one-line-two-col h1, 
html.cyan-magenta .impact-header.two-line-one-col h1, 
html.cyan-magenta .impact-header.two-line-two-col h1, 
html.cyan-magenta ul#horz-nav-ul > li > a:hover, 
html.cyan-magenta #horz-nav-ul ul li a:hover, 
html.cyan-magenta #horz-nav-ul ul li a ul a:hover, 
html.cyan-magenta #horz-nav-ul ul li span:hover, 
html.cyan-magenta #horz-nav-ul ul li a ul span:hover, 
html.cyan-magenta a.go-to-link span:hover, 
html.cyan-magenta .date-overlay .day-month, 
html.cyan-magenta .comments-overlay .number-of-comments, 
html.cyan-magenta .bread-crumbs-wrapper ul li.first span, 
html.cyan-magenta .pagination-wrapper ul li.on span, 
html.cyan-magenta .pt-header h3, 
html.cyan-magenta h3.comments-title, 
html.cyan-magenta .footer-content .tags-wrapper ul li a:hover, 
html.cyan-magenta #footer .widget-wrap.boxed .widget-title h2, 
html.cyan-magenta #footer .accordion h3 a:hover, 
html.cyan-magenta #footer .accordion h3.active a, 
html.cyan-magenta #footer .compact-tabs .tabs > ul > li.active a, 
html.cyan-magenta a.hover-on-font-color2:hover, 
html.cyan-magenta a.font-color2, #popdown h1, 
html.cyan-magenta #popdown h2, 
html.cyan-magenta #popdown h3, 
html.cyan-magenta .font-color2, 
html.cyan-magenta a.big-dark-link, 
html.cyan-magenta a.small-dark-link,
html.cyan-magenta .show-tags a:hover,
html.cyan-magenta .divider span.go-to-top a:hover,
html.cyan-magenta .nivo-caption,
html.cyan-magenta #footer .blog-post-snippet-content h3 a,
html.cyan-magenta #horz-nav-ul li a.on, 
html.cyan-magenta #horz-nav-ul li span.on {
	color: #ec008c!important;
}
html.cyan-magenta .controls-wrap a.backward:hover, 
html.cyan-magenta .controls-wrap a.forward:hover, 
html.cyan-magenta a.bg-color2, 
html.cyan-magenta .theme-default .nivo-controlNav a.nivo-control.active,
html.cyan-magenta .bg-color2 {
	background-color: #ec008c;
}
/**** MAGENTA (1) (mostly on light) ****/
html.cyan-magenta .fullscreen-caption h1,
html.cyan-magenta h1.color1, 
html.cyan-magenta h2.color1, 
html.cyan-magenta h3.color1,
html.cyan-magenta h4.color1,
html.cyan-magenta h5.color1,
html.cyan-magenta h3.mtt-member-title,
html.cyan-magenta .page-heading h1,
html.cyan-magenta #slider h1,
html.cyan-magenta .blog-post-snippet-wrap h3,
html.cyan-magenta .footer-content a.med-dark-link, 
html.cyan-magenta .strap-line, 
html.cyan-magenta ul.horz-mini-menu.sliding li > a:hover, 
html.cyan-magenta .mma-trigger:hover, 
html.cyan-magenta span.details-circle, 
html.cyan-magenta ul.vert-menu li a span.extra, 
html.cyan-magenta .twitter-widget-user-info span.user-name .extra, 
html.cyan-magenta .impact-header-link-wrap a.impact-link:hover span,
html.cyan-magenta .quick-contact-pop-out .quform-inner .submit-button-input-wrapper button:hover span em, 
html.cyan-magenta a.go-to-link, 
html.cyan-magenta .compact-tabs .tabs > ul li a:hover, 
html.cyan-magenta .compact-tabs .tabs > ul li.active a, 
html.cyan-magenta .accordion h3.active a, 
html.cyan-magenta .accordion h3 a:hover, 
html.cyan-magenta .widget-content-wrap .quform-inner .submit-button-input-wrapper button:hover em,
html.cyan-magenta .impact-header-newsletter-signup-wrap .nlsu-button button:hover span em,
html.cyan-magenta .impact-header-newsletter-signup-wrap .nlsu-input input:focus, 
html.cyan-magenta .impress-slider-title, 
html.cyan-magenta .pagination-wrapper ul li a:hover, 
html.cyan-magenta .mtt-links ul.mtt-contact-details li span.extra, 
html.cyan-magenta .mtt-content-wrapper .tab-content h5, 
html.cyan-magenta .search-field-wrap input[type=submit]:hover, 
html.cyan-magenta .grey-button:hover, 
html.cyan-magenta .page-tabs .tabs > ul li.active a, 
html.cyan-magenta .page-tabs .tabs > ul li a:hover, 
html.cyan-magenta #footer .quform-inner .submit-button-input-wrapper button:hover em, 
html.cyan-magenta ul.horz-mini-menu li a:hover, 
html.cyan-magenta a.hover-on-font-color1:hover, 
html.cyan-magenta a.font-color1, 
html.cyan-magenta .twitter-widget-slider .bubble-content a, 
html.cyan-magenta .mma-trigger.mma-active, 
html.cyan-magenta .tags-wrapper ul li a:hover, 
html.cyan-magenta .share-meta-area .entry-meta a.comments > span .extra, 
html.cyan-magenta .portfolio-filter a.active-filter,
html.cyan-magenta .font-color1, 
html.cyan-magenta h2.entry-title a,
html.cyan-magenta .blog-post-snippet-info > li a:hover,
html.cyan-magenta .fs-slider-caption h1,
html.cyan-magenta .serene-caption h1,
html.cyan-magenta .blog-post-snippet-content h3 a {
	color: #00aeef!important;
}
html.cyan-magenta a.bg-color1, 
html.cyan-magenta .theme-default .nivo-controlNav a.nivo-control,
html.cyan-magenta.top-block #color-block,
html.cyan-magenta .bg-color1 {
	background-color: #00aeef;
}
body .transparent-slider .theme-default .nivo-controlNav a.nivo-control.active,
body .transparent-slider .theme-default .nivo-controlNav a.nivo-control
{background-color: transparent; !important}