/* Skin Colors */

@lightblue: #77c4d6; @lightblueContrast: #fff; 
@blue: #459aa7; @blueContrast: #fff;
@green: #78c166; @greenContrast: #fff;
@lightgreen: #c5d647; @lightgreenContrast: #fff;
@yellow: #FFBB33; @yellowContrast: #fff;
@orange: #f28b32; @orangeContrast: #fff;
@red: #fd6a62; @redContrast: #fff;
@pink: #e868a1; @pinkContrast: #fff;
@purple: #be61a5; @purpleContrast: #fff;
@lila: #af7ac4; @lilaContrast: #fff;
@lightgray: #f6f6f6; @lightgrayContrast: #222;
@gray: #555; @grayContrast: #fff;
@charcoal: #262626; @charcoalContrast: #fff;
@turquoise: #47c9af; @turquoiseContrast: #fff;
@emerald: #16a085; @emeraldContrast: #fff;
@deepblue: #34495e; @deepblueContrast: #fff;

@white: #fff; @whiteContrast: #222;
@black: #000; @blackContrast: #fff;

@skincolor: @lightgreen; @skincolorContrast: @white; @skincolorActionText: @purple;


/* Skin CSS */

	#scrolltop  {background: @skincolor !important; color: @skincolorContrast !important;}

	/* Light & Dark containers */
	.light-container { 
		background-color: @white !important;
		
			
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @charcoal; border-color: @charcoal !important;} 
			
			a, .highlight {color: @skincolor; }
			.footerlist a, a.btn, a.btn:hover {color: @charcoal; }
			a:hover { color: darken(@skincolor, 10%); }
			
			.btn-nav li a {color: @charcoal; }
			.btn-nav li.active > a {background: @skincolor; color: @skincolorContrast;} 
			.social-icons li a:hover {color: darken(@gray,10%); }
			.imgholder .actions a {background: @gray !important; color: @gray !important;}
			h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @charcoal; border-color: @charcoal !important; }
			
			ul.nav ul , div.nav > ul ul { background-color: @white; background-color: rgba(255,255,255,.95);}
			
			ul.nav a, ul.mobinav a {color: @charcoal; }
			ul.nav a:hover, ul.mobinav a:hover {color: darken(@skincolor, 10%); }
			ul.nav .active > a, ul.mobinav .active > a {color: @skincolor; }
			
			.overlay-custom, .imgholder.hovered {background: @skincolor !important; }
			.imgholder .actions a {background: @skincolorContrast !important; color: @skincolorActionText !important;}
		
			.owl-theme .owl-controls .owl-page.active span { background: @skincolor;}
	}
	
	.dark-container { 
		background-color: @black !important;
		
			
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @white; border-color: @white !important;} 
			
			a, .highlight {color: @skincolor; }
			.footerlist a, a.btn, a.btn:hover {color: @white; }
			a:hover { color: lighten(@skincolor, 10%); }
			
			.btn-nav li a {color: @white; }
			.btn-nav li.active > a {background: @skincolor; color: @skincolorContrast;} 
			.social-icons li a:hover {color: darken(@white,10%); }
			.imgholder .actions a {background: @white !important; color: @white !important;}
			h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @white; border-color: @white !important; }
			
			ul.nav ul , div.nav > ul ul { background-color: @black; background-color: rgba(0,0,0,.95);}
			
			ul.nav a, ul.mobinav a {color: @white; }
			ul.nav a:hover, mobinav a:hover {color: lighten(@skincolor, 10%); }
			ul.nav .active > a, ul.mobinav .active > a {color: @skincolor; }
			

			.overlay-custom, .imgholder.hovered {background: @skincolor !important; }
			.imgholder .actions a {background: @skincolorContrast !important; color: @skincolorActionText !important;}
			
			.owl-theme .owl-controls .owl-page.active span { background: @skincolor;}
		
	
	}
	

	.skin-lightblue {
			a, .highlight {color: @lightblue; }
			a:hover { color: @lightblue; }
			.btn-nav li.active > a {background: @lightblue; color: @lightblueContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @lightblue; }
			ul.nav .active > a, ul.mobinav .active > a {color: @lightblue; }
			.overlay-custom, .imgholder.hovered {background: @lightblue !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @lightblue;}
	}
	.skin-blue {
			a, .highlight {color: @blue; }
			a:hover { color: @blue; }
			.btn-nav li.active > a {background: @blue; color: @blueContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @blue; }
			ul.nav .active > a, ul.mobinav .active > a {color: @blue; }
			.overlay-custom, .imgholder.hovered {background: @blue !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @blue;}
	}
	.skin-green {
			a, .highlight {color: @green; }
			a:hover { color: @green; }
			.btn-nav li.active > a {background: @green; color: @greenContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @green; }
			ul.nav .active > a, ul.mobinav .active > a {color: @green; }
			.overlay-custom, .imgholder.hovered {background: @green !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @green;}
	}
	.skin-lightgreen {
			a, .highlight {color: @lightgreen; }
			a:hover { color: @lightgreen; }
			.btn-nav li.active > a {background: @lightgreen; color: @lightgreenContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @lightgreen; }
			ul.nav .active > a, ul.mobinav .active > a {color: @lightgreen; }
			.overlay-custom, .imgholder.hovered {background: @lightgreen !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @lightgreen;}
	}
	.skin-yellow {
			a, .highlight {color: @yellow; }
			a:hover { color: @yellow; }
			.btn-nav li.active > a {background: @yellow; color: @yellowContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @yellow; }
			ul.nav .active > a, ul.mobinav .active > a {color: @yellow; }
			.overlay-custom, .imgholder.hovered {background: @yellow !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @yellow;}
	}
	.skin-orange {
			a, .highlight {color: @orange; }
			a:hover { color: @orange; }
			.btn-nav li.active > a {background: @orange; color: @orangeContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @orange; }
			ul.nav .active > a, ul.mobinav .active > a {color: @orange; }
			.overlay-custom, .imgholder.hovered {background: @orange !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @orange;}
	}
	.skin-red {
			a, .highlight {color: @red; }
			a:hover { color: @red; }
			.btn-nav li.active > a {background: @red; color: @redContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @red; }
			ul.nav .active > a, ul.mobinav .active > a {color: @red; }
			.overlay-custom, .imgholder.hovered {background: @red !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @red;}
	}
	.skin-pink {
			a, .highlight {color: @pink; }
			a:hover { color: @pink; }
			.btn-nav li.active > a {background: @pink; color: @pinkContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @pink; }
			ul.nav .active > a, ul.mobinav .active > a {color: @pink; }
			.overlay-custom, .imgholder.hovered {background: @pink !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @pink;}
	}
	.skin-purple {
			a, .highlight {color: @purple; }
			a:hover { color: @purple; }
			.btn-nav li.active > a {background: @purple; color: @purpleContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @purple; }
			ul.nav .active > a, ul.mobinav .active > a {color: @purple; }
			.overlay-custom, .imgholder.hovered {background: @purple !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @purple;}
	}
	.skin-lila {
			a, .highlight {color: @lila; }
			a:hover { color: @lila; }
			.btn-nav li.active > a {background: @lila; color: @lilaContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @lila; }
			ul.nav .active > a, ul.mobinav .active > a {color: @lila; }
			.overlay-custom, .imgholder.hovered {background: @lila !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @lila;}
	}
	.skin-lightgray {
			a, .highlight {color: @lightgray; }
			a:hover { color: @lightgray; }
			.btn-nav li.active > a {background: @lightgray; color: @lightgrayContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @lightgray; }
			ul.nav .active > a, ul.mobinav .active > a {color: @lightgray; }
			.overlay-custom, .imgholder.hovered {background: @lightgray !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @lightgray;}
	}
	.skin-gray {
			a, .highlight {color: @gray; }
			a:hover { color: @gray; }
			.btn-nav li.active > a {background: @gray; color: @grayContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @gray; }
			ul.nav .active > a, ul.mobinav .active > a {color: @gray; }
			.overlay-custom, .imgholder.hovered {background: @gray !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @gray;}
	}
	.skin-charcoal {
			a, .highlight {color: @charcoal; }
			a:hover { color: @charcoal; }
			.btn-nav li.active > a {background: @charcoal; color: @charcoalContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @charcoal; }
			ul.nav .active > a, ul.mobinav .active > a {color: @charcoal; }
			.overlay-custom, .imgholder.hovered {background: @charcoal !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @charcoal;}
	}
	.skin-turquoise {
			a, .highlight {color: @turquoise; }
			a:hover { color: @turquoise; }
			.btn-nav li.active > a {background: @turquoise; color: @turquoiseContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @turquoise; }
			ul.nav .active > a, ul.mobinav .active > a {color: @turquoise; }
			.overlay-custom, .imgholder.hovered {background: @turquoise !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @turquoise;}
	}
	.skin-emerald {
			a, .highlight {color: @emerald; }
			a:hover { color: @emerald; }
			.btn-nav li.active > a {background: @emerald; color: @emeraldContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @emerald; }
			ul.nav .active > a, ul.mobinav .active > a {color: @emerald; }
			.overlay-custom, .imgholder.hovered {background: @emerald !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @emerald;}
	}
	.skin-deepblue {
			a, .highlight {color: @deepblue; }
			a:hover { color: @deepblue; }
			.btn-nav li.active > a {background: @deepblue; color: @deepblueContrast;} 
			ul.nav a:hover, ul.mobinav a:hover {color: @deepblue; }
			ul.nav .active > a, ul.mobinav .active > a {color: @deepblue; }
			.overlay-custom, .imgholder.hovered {background: @deepblue !important; }
			.imgholder .actions a {background: @white !important; color: @black !important;}
			.owl-theme .owl-controls .owl-page.active span { background: @deepblue;}
	}
	


	/* Backgrounds */
	.bg-skin {background-color: @skincolor !important;}
	.bg-lightblue {background-color: @lightblue !important; ul.nav ul , div.nav > ul ul { background-color: @lightblue;} }
	.bg-blue {background-color: @blue !important; ul.nav ul , div.nav > ul ul { background-color: @blue;} }
	.bg-green {background-color: @green !important; ul.nav ul , div.nav > ul ul { background-color: @green;} }
	.bg-lightgreen {background-color: @lightgreen !important; ul.nav ul , div.nav > ul ul { background-color: @lightgreen;} }
	.bg-yellow {background-color: @yellow !important; ul.nav ul , div.nav > ul ul { background-color: @yellow;} }
	.bg-orange {background-color: @orange !important; ul.nav ul , div.nav > ul ul { background-color: @orange;} }
	.bg-red {background-color: @red !important; ul.nav ul , div.nav > ul ul { background-color: @red;} }
	.bg-pink {background-color: @pink !important; ul.nav ul , div.nav > ul ul { background-color: @pink;} }
	.bg-purple {background-color: @purple !important; ul.nav ul , div.nav > ul ul { background-color: @purple;} }
	.bg-lila {background-color: @lila !important; ul.nav ul , div.nav > ul ul { background-color: @lightblue;} }
	.bg-lightgray {background-color: @lightgray !important; ul.nav ul , div.nav > ul ul { background-color: @lila;} }
	.bg-gray {background-color: @gray !important; ul.nav ul , div.nav > ul ul { background-color: @gray;} }
	.bg-charcoal {background-color: @charcoal !important; ul.nav ul , div.nav > ul ul { background-color: @charcoal;} }
	.bg-turquoise {background-color: @turquoise !important; ul.nav ul , div.nav > ul ul { background-color: @turquoise;} }
	.bg-emerald {background-color: @emerald !important; ul.nav ul , div.nav > ul ul { background-color: @emerald;} }
	.bg-deepblue {background-color: @deepblue !important; ul.nav ul , div.nav > ul ul { background-color: @deepblue; } }
	
	.bg-white {background-color: @white !important; ul.nav ul , div.nav > ul ul { background-color: @white;} }
	.bg-black {background-color: @black !important; ul.nav ul , div.nav > ul ul { background-color: @black;} }
	
		
	/* Text cascading */
	.text-lightblue-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths  {color: @lightblue; border-color: @lightblue !important;} 
		.btn-nav li.active > a {background: @lightblue; } 
		.social-icons li a:hover {color: darken(@lightblue,10%); }
		.imgholder .actions a {background: @lightblue !important; color: @lightblueContrast !important;}
	}
	.text-blue-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @blue; border-color: @blue !important;} 
		.btn-nav li.active > a {background: @blue; } 
		.social-icons li a:hover {color: darken(@blue,10%); }
		.imgholder .actions a {background: @blue !important; color: @blueContrast !important;}
	}
	.text-green-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @green; border-color: @green !important;} 
		.btn-nav li.active > a {background: @green; } 
		.social-icons li a:hover {color: darken(@green,10%); }
		.imgholder .actions a {background: @green !important; color: @greenContrast !important;}
	}
	.text-lightgreen-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @lightgreen; border-color: @lightgreen !important;} 
		.btn-nav li.active > a {background: @lightgreen; } 
		.social-icons li a:hover {color: darken(@lightgreen,10%); }
		.imgholder .actions a {background: @lightgreen !important; color: @lightgreenContrast !important;}
	}
	.text-yellow-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @yellow; border-color: @yellow !important;} 
		.btn-nav li.active > a {background: @yellow; } 
		.social-icons li a:hover {color: darken(@yellow,10%); }
		.imgholder .actions a {background: @yellow !important; color: @yellowContrast !important;}
	}
	.text-orange-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @orange; border-color: @orange !important;} 
		.btn-nav li.active > a {background: @orange; } 
		.social-icons li a:hover {color: darken(@orange,10%); }
		.imgholder .actions a {background: @orange !important; color: @orangeContrast !important;}
	}
	.text-red-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @red; border-color: @red !important;} 
		.btn-nav li.active > a {background: @red; } 
		.social-icons li a:hover {color: darken(@red,10%); }
		.imgholder .actions a {background: @red !important; color: @redContrast !important;}
	}
	.text-pink-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @pink; border-color: @pink !important; }
		.btn-nav li.active > a {background: @pink; } 
		.social-icons li a:hover {color: darken(@pink,10%); }
		.imgholder .actions a {background: @pink !important; color: @pinkContrast !important;}
	}
	.text-purple-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @purple; border-color: @purple !important;} 
		.btn-nav li.active > a {background: @purple; } 
		.social-icons li a:hover {color: darken(@purple,10%); }
		.imgholder .actions a {background: @purple !important; color: @purpleContrast !important;}
	}
	.text-lila-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @lila; border-color: @lila !important;} 
		.btn-nav li.active > a {background: @lila; } 
		.social-icons li a:hover {color: darken(@lila,10%); }
		.imgholder .actions a {background: @lila !important; color: @lilaContrast !important;}
	}
	.text-lightgray-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @lightgray; border-color: @lightgray !important;} 
		.btn-nav li.active > a {background: @lightgray; } 
		.social-icons li a:hover {color: darken(@lightgray,10%); }
		.imgholder .actions a {background: @lightgray !important; color: @lightgrayContrast !important;}
	}
	.text-gray-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @gray; border-color: @gray !important;} 
		.btn-nav li.active > a {background: @gray; } 
		.social-icons li a:hover {color: darken(@gray,10%); }
		.imgholder .actions a {background: @gray !important; color: @grayContrast !important;}
	}
	.text-charcoal-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @charcoal; border-color: @charcoal !important;} 
		.btn-nav li.active > a {background: @charcoal; } 
		.social-icons li a:hover {color: darken(@charcoal,10%); }
		.imgholder .actions a {background: @charcoal !important; color: @charcoalContrast !important;}
	}
	.text-turquoise-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @turquoise; border-color: @turquoise !important;} 
		.btn-nav li.active > a {background: @turquoise; } 
		.social-icons li a:hover {color: darken(@turquoise,10%); }
		.imgholder .actions a {background: @turquoise !important; color: @turquoiseContrast !important;}
	}
	.text-emerald-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @emerald; border-color: @emerald !important;}
		.btn-nav li.active > a {background: @emerald; } 
		.social-icons li a:hover {color: darken(@emerald,10%); }
		.imgholder .actions a {background: @emerald !important; color: @emeraldContrast !important;}
	}
	.text-deepblue-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @deepblue; border-color: @deepblue !important;} 
		.btn-nav li.active > a {background: @deepblue; } 
		.social-icons li a:hover {color: darken(@deepblue,10%); }
		.imgholder .actions a {background: @deepblue !important; color: @deepblueContrast !important;}
	}
	
	.text-white-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @white; border-color: @white !important;} 
		.btn-nav li.active > a {background: @white; color: #333; } 
		.social-icons li a:hover {color: darken(@white,10%); }
		.imgholder .actions a {background: @white !important; color: @whiteContrast !important;}
	}
	.text-black-all { 
		*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before, .position-alt .dim4fifths {color: @black; border-color: @black !important;} 
		.btn-nav li.active > a {background: @black; color: #333; } 
		.social-icons li a:hover {color: darken(@black,10%); }
		.imgholder .actions a {background: @black !important; color: @blackContrast !important;}
	}
	

		/* Text direct */
		.text-skin { color: @skincolor !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @skincolor; border-color: @skincolor !important;} 
			.btn-nav li.active > a {background: @skincolor; color: @skincolorContrast !important;} 
			.social-icons li a:hover {color: darken(@skincolor,10%); }
			.imgholder .actions a {background: @skincolor !important; color: @skincolorContrast !important;}
		}		
		
		.text-lightblue { color: @lightblue !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @lightblue; border-color: @lightblue !important;} 
			.btn-nav li.active > a {background: @lightblue; color: @lightblueContrast !important;} 
			.social-icons li a:hover {color: darken(@lightblue,10%); }
			.imgholder .actions a {background: @lightblue !important; color: @lightblueContrast !important;}
		}
		.text-blue { color: @blue !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @blue; border-color: @blue !important;} 
			.btn-nav li.active > a {background: @blue; color: @blueContrast !important;} 
			.social-icons li a:hover {color: darken(@blue,10%); }
			.imgholder .actions a {background: @blue !important; color: @blueContrast !important;}
		}
		.text-green { color: @green !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @green; border-color: @green !important;} 
			.btn-nav li.active > a {background: @green; color: @greenContrast !important;} 
			.social-icons li a:hover {color: darken(@green,10%); }
			.imgholder .actions a {background: @green !important; color: @greenContrast !important;}
		}
		.text-lightgreen { color: @lightgreen !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @lightgreen; border-color: @lightgreen !important;} 
			.btn-nav li.active > a {background: @lightgreen; color: @lightgreenContrast !important; } 
			.social-icons li a:hover {color: darken(@lightgreen,10%); }
			.imgholder .actions a {background: @lightgreen !important; color: @lightgreenContrast !important;}
		}
		.text-yellow { color: @yellow !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @yellow; border-color: @yellow !important;} 
			.btn-nav li.active > a {background: @yellow; color: @yellowContrast !important;} 
			.social-icons li a:hover {color: darken(@yellow,10%); }
			.imgholder .actions a {background: @yellow !important; color: @yellowContrast !important;}
		}
		.text-orange { color: @orange !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @orange; border-color: @orange !important;} 
			.btn-nav li.active > a {background: @orange; color: @orangeContrast !important;} 
			.social-icons li a:hover {color: darken(@orange,10%); }
			.imgholder .actions a {background: @orange !important; color: @orangeContrast !important;}
		}
		.text-red { color: @red !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @red; border-color: @red !important;} 
			.btn-nav li.active > a {background: @red; color: @redContrast !important;} 
			.social-icons li a:hover {color: darken(@red,10%); }
			.imgholder .actions a {background: @red !important; color: @redContrast !important;}
		}
		.text-pink { color: @pink !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @pink; border-color: @pink !important; }
			.btn-nav li.active > a {background: @pink; color: @pinkContrast !important;} 
			.social-icons li a:hover {color: darken(@pink,10%); }
			.imgholder .actions a {background: @pink !important; color: @pinkContrast !important;}
		}
		.text-purple { color: @purple !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @purple; border-color: @purple !important;} 
			.btn-nav li.active > a {background: @purple; color: @purpleContrast !important;} 
			.social-icons li a:hover {color: darken(@purple,10%); }
			.imgholder .actions a {background: @purple !important; color: @purpleContrast !important;}
		}
		.text-lila { color: @lila !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @lila; border-color: @lila !important;} 
			.btn-nav li.active > a {background: @lila; color: @lilaContrast !important;} 
			.social-icons li a:hover {color: darken(@lila,10%); }
			.imgholder .actions a {background: @lila !important; color: @lilaContrast !important;}
		}
		.text-lightgray { color: @lightgray !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @lightgray; border-color: @lightgray !important;} 
			.btn-nav li.active > a {background: @lightgray; color: @lightgrayContrast !important;} 
			.social-icons li a:hover {color: darken(@lightgray,10%); }
			.imgholder .actions a {background: @lightgray !important; color: @lightgrayContrast !important;}
		}
		.text-gray { color: @gray !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @gray; border-color: @gray !important;} 
			.btn-nav li.active > a {background: @gray; color: @grayContrast !important;} 
			.social-icons li a:hover {color: darken(@gray,10%); }
			.imgholder .actions a {background: @gray !important; color: @grayContrast !important;}
		}
		.text-charcoal { color: @charcoal !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @charcoal; border-color: @charcoal !important;} 
			.btn-nav li.active > a {background: @charcoal; color: @charcoalContrast !important;} 
			.social-icons li a:hover {color: darken(@charcoal,10%); }
			.imgholder .actions a {background: @charcoal !important; color: @charcoalContrast !important;}
		}
		.text-turquoise { color: @turquoise !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @turquoise; border-color: @turquoise !important;} 
			.btn-nav li.active > a {background: @turquoise; color: @turquoiseContrast !important;} 
			.social-icons li a:hover {color: darken(@turquoise,10%); }
			.imgholder .actions a {background: @turquoise !important; color: @turquoiseContrast !important;}
		}
		.text-emerald { color: @emerald !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @emerald; border-color: @emerald !important;}
			.btn-nav li.active > a {background: @emerald; color: @emeraldContrast !important;} 
			.social-icons li a:hover {color: darken(@emerald,10%); }
			.imgholder .actions a {background: @emerald !important; color: @emeraldContrast !important;}
		}
		.text-deepblue { color: @deepblue !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @deepblue; border-color: @deepblue !important;} 
			.btn-nav li.active > a {background: @deepblue; color: @deepblueContrast !important;} 
			.social-icons li a:hover {color: darken(@deepblue,10%); }
			.imgholder .actions a {background: @deepblue !important; color: @deepblueContrast !important;}
		}
		
		.text-white { color: @white !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @white; border-color: @white !important;} 
			.btn-nav li.active > a {background: @white; color: @whiteContrast !important;} 
			.social-icons li a:hover {color: darken(@white,10%); }
			.imgholder .actions a {background: @white !important; color: @whiteContrast !important;}
		}
		.text-black { color: @black !important; 
			*, a.bordered, .position, .timeline-date, .timeline-bar, .post-content ul li:before, h2.pagetitle:after, h2.pagetitle:before {color: @black; border-color: @black !important;} 
			.btn-nav li.active > a {background: @black; color: @blackContrast !important;} 
			.social-icons li a:hover {color: darken(@black,10%); }
			.imgholder .actions a {background: @black !important; color: @blackContrast !important;}
		}

	/* Headings */
	.headings-skin { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @lightblue; border-color: @skincolor !important; } }
	.headings-lightblue { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @lightblue; border-color: @lightblue !important; } }
	.headings-blue { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @blue; border-color: @blue !important; } }
	.headings-green { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @green; border-color: @green !important; } }
	.headings-lightgreen { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @lightgreen; border-color: @lightgreen !important; } }
	.headings-yellow { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @yellow; border-color: @yellow !important; } }
	.headings-orange { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @orange; border-color: @orange !important; } }
	.headings-red { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @red; border-color: @red !important; } }
	.headings-pink { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @pink; border-color: @pink !important; } }
	.headings-purple { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @purple; border-color: @purple !important; } }
	.headings-lila { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @lila; border-color: @lila !important; } }
	.headings-lightgray { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @lightgray; border-color: @lightgray !important; } }
	.headings-gray { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @gray; border-color: @gray !important; } }
	.headings-charcoal { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @charcoal; border-color: @charcoal !important; } }
	.headings-turquoise { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @turquoise; border-color: @turquoise !important; } }
	.headings-emerald { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @emerald; border-color: @emerald !important; } }
	.headings-deepblue { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @deepblue; border-color: @deepblue !important; } }
	
	.headings-white { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @white; border-color: @white !important; } }
	.headings-black { h1, h2, h3, h4, h5, h6, h2.pagetitle:after, h2.pagetitle:before {color: @black; border-color: @black !important; } }
		
		.h1-skin h1 {color: @skincolor; border-color: @skincolor !important; }
		.h1-lightblue h1 {color: @lightblue; border-color: @lightblue !important; }
		.h1-blue h1 {color: @blue; border-color: @blue !important; }
		.h1-green h1 {color: @green; border-color: @green !important; }
		.h1-lightgreen h1 {color: @lightgreen; border-color: @lightgreen !important; }
		.h1-yellow h1 {color: @yellow; border-color: @yellow !important; }
		.h1-orange h1 {color: @orange; border-color: @orange !important; }
		.h1-red h1 {color: @red; border-color: @red !important; }
		.h1-pink h1 {color: @pink; border-color: @pink !important; }
		.h1-purple h1 {color: @purple; border-color: @purple !important; }
		.h1-lila h1 {color: @lila; border-color: @lila !important; }
		.h1-lightgray h1 {color: @lightgray; border-color: @lightgray !important; }
		.h1-gray h1 {color: @gray; border-color: @gray !important; }
		.h1-charcoal h1 {color: @charcoal; border-color: @charcoal !important; }
		.h1-turquoise h1 {color: @turquoise; border-color: @turquoise !important; }
		.h1-emerald h1 {color: @emerald; border-color: @emerald !important; }
		.h1-deepblue h1 {color: @deepblue; border-color: @deepblue !important; }
		
		.h1-white h1 {color: @white; border-color: @white !important; }
		.h1-black h1 {color: @black; border-color: @black !important; }
		
		.h2-skin { h2, h2.pagetitle:after, h2.pagetitle:before {color: @skincolor; border-color: @skincolor !important; }}
		.h2-lightblue { h2, h2.pagetitle:after, h2.pagetitle:before {color: @lightblue; border-color: @lightblue !important; }}
		.h2-blue { h2, h2.pagetitle:after, h2.pagetitle:before {color: @blue; border-color: @blue !important; }}
		.h2-green { h2, h2.pagetitle:after, h2.pagetitle:before {color: @green; border-color: @green !important; }}
		.h2-lightgreen { h2, h2.pagetitle:after, h2.pagetitle:before {color: @lightgreen; border-color: @lightgreen !important; }}
		.h2-yellow { h2, h2.pagetitle:after, h2.pagetitle:before {color: @yellow; border-color: @yellow !important; }}
		.h2-orange { h2, h2.pagetitle:after, h2.pagetitle:before {color: @orange; border-color: @orange !important; }}
		.h2-red { h2, h2.pagetitle:after, h2.pagetitle:before {color: @red; border-color: @red !important; }}
		.h2-pink { h2, h2.pagetitle:after, h2.pagetitle:before {color: @pink; border-color: @pink !important; }}
		.h2-purple { h2, h2.pagetitle:after, h2.pagetitle:before {color: @purple; border-color: @purple !important; }}
		.h2-lila { h2, h2.pagetitle:after, h2.pagetitle:before {color: @lila; border-color: @lila !important; }}
		.h2-lightgray { h2, h2.pagetitle:after, h2.pagetitle:before {color: @lightgray; border-color: @lightgray !important; }}
		.h2-gray { h2, h2.pagetitle:after, h2.pagetitle:before {color: @gray; border-color: @gray !important; }}
		.h2-charcoal { h2, h2.pagetitle:after, h2.pagetitle:before {color: @charcoal; border-color: @charcoal !important; }}
		.h2-turquoise { h2, h2.pagetitle:after, h2.pagetitle:before {color: @turquoise; border-color: @turquoise !important; }}
		.h2-emerald { h2, h2.pagetitle:after, h2.pagetitle:before {color: @emerald; border-color: @emerald !important; }}
		.h2-deepblue { h2, h2.pagetitle:after, h2.pagetitle:before {color: @deepblue; border-color: @deepblue !important; }}
		
		.h2-white { h2, h2.pagetitle:after, h2.pagetitle:before {color: @white; border-color: @white !important; }}
		.h2-black { h2, h2.pagetitle:after, h2.pagetitle:before {color: @black; border-color: @black !important; }}
		
		.h3-skin h3 {color: @skincolor; border-color: @skincolor !important; }
		.h3-lightblue h3 {color: @lightblue; border-color: @lightblue !important; }
		.h3-blue h3 {color: @blue; border-color: @blue !important; }
		.h3-green h3 {color: @green; border-color: @green !important; }
		.h3-lightgreen h3 {color: @lightgreen; border-color: @lightgreen !important; }
		.h3-yellow h3 {color: @yellow; border-color: @yellow !important; }
		.h3-orange h3 {color: @orange; border-color: @orange !important; }
		.h3-red h3 {color: @red; border-color: @red !important; }
		.h3-pink h3 {color: @pink; border-color: @pink !important; }
		.h3-purple h3 {color: @purple; border-color: @purple !important; }
		.h3-lila h3 {color: @lila; border-color: @lila !important; }
		.h3-lightgray h3 {color: @lightgray; border-color: @lightgray !important; }
		.h3-gray h3 {color: @gray; border-color: @gray !important; }
		.h3-charcoal h3 {color: @charcoal; border-color: @charcoal !important; }
		.h3-turquoise h3 {color: @turquoise; border-color: @turquoise !important; }
		.h3-emerald h3 {color: @emerald; border-color: @emerald !important; }
		.h3-deepblue h3 {color: @deepblue; border-color: @deepblue !important; }
		
		.h3-white h3 {color: @white; border-color: @white !important; }
		.h3-black h3 {color: @black; border-color: @black !important; }
		
		.h4-skin h4 {color: @skincolor; border-color: @skincolor !important; }
		.h4-lightblue h4 {color: @lightblue; border-color: @lightblue !important; }
		.h4-blue h4 {color: @blue; border-color: @blue !important; }
		.h4-green h4 {color: @green; border-color: @green !important; }
		.h4-lightgreen h4 {color: @lightgreen; border-color: @lightgreen !important; }
		.h4-yellow h4 {color: @yellow; border-color: @yellow !important; }
		.h4-orange h4 {color: @orange; border-color: @orange !important; }
		.h4-red h4 {color: @red; border-color: @red !important; }
		.h4-pink h4 {color: @pink; border-color: @pink !important; }
		.h4-purple h4 {color: @purple; border-color: @purple !important; }
		.h4-lila h4 {color: @lila; border-color: @lila !important; }
		.h4-lightgray h4 {color: @lightgray; border-color: @lightgray !important; }
		.h4-gray h4 {color: @gray; border-color: @gray !important; }
		.h4-charcoal h4 {color: @charcoal; border-color: @charcoal !important; }
		.h4-turquoise h4 {color: @turquoise; border-color: @turquoise !important; }
		.h4-emerald h4 {color: @emerald; border-color: @emerald !important; }
		.h4-deepblue h4 {color: @deepblue; border-color: @deepblue !important; }
		
		.h4-white h4 {color: @white; border-color: @white !important; }
		.h4-black h4 {color: @black; border-color: @black !important; }

	/* overlays */
	.overlay-custom.overlay-skin, .overlay-skin .imgholder.hovered {background: @skincolor !important; }
	.overlay-custom.overlay-lightblue, .overlay-lightblue .imgholder.hovered {background: @lightblue !important; }
	.overlay-custom.overlay-blue, .overlay-blue .imgholder.hovered {background: @blue !important; }
	.overlay-custom.overlay-green, .overlay-green .imgholder.hovered {background: @green !important; }
	.overlay-custom.overlay-lightgreen, .overlay-lightgreen .imgholder.hovered {background: @lightgreen !important; }
	.overlay-custom.overlay-yellow, .overlay-yellow .imgholder.hovered {background: @yellow !important; }
	.overlay-custom.overlay-orange, .overlay-orange .imgholder.hovered {background: @orange !important; }
	.overlay-custom.overlay-red, .overlay-red .imgholder.hovered {background: @red !important; }
	.overlay-custom.overlay-pink, .overlay-pink .imgholder.hovered {background: @pink !important; }
	.overlay-custom.overlay-purple, .overlay-purple .imgholder.hovered {background: @purple !important; }
	.overlay-custom.overlay-lila, .overlay-lila .imgholder.hovered {background: @lila !important; }
	.overlay-custom.overlay-lightgray, .overlay-lightgray .imgholder.hovered {background: @lightgray !important; }
	.overlay-custom.overlay-charcoal, .overlay-charcoal .imgholder.hovered {background: @charcoal !important; }
	.overlay-custom.overlay-turquoise, .overlay-turquoise .imgholder.hovered {background: @turquoise !important; }
	.overlay-custom.overlay-emerald, .overlay-emerald .imgholder.hovered {background: @emerald !important; }
	.overlay-custom.overlay-deepblue, .overlay-deepblue .imgholder.hovered {background: @deepblue !important; }
	
	.overlay-custom.overlay-white, .overlay-white .imgholder.hovered {background: @white !important; }
	.overlay-custom.overlay-black, .overlay-black .imgholder.hovered {background: @black !important; }
	
	
	/* Buttons Cascading */
	.btn-skin-all{
		.btn, .btn-nav li > a, #scrolltop  {background: @skincolor !important; color: @skincolorContrast !important;}
		.btn:hover, .btn-nav li > a:hover { background: darken(@skincolor, 10%) !important; color: @skincolorContrast !important;}
		.btn-nav li.active > a {background: darken(@skincolor, 30%) !important; color: @skincolorContrast !important;}
	}
	.btn-lightblue-all{
		.btn, .btn-nav li > a, #scrolltop  {background: @lightblue !important; color: @lightblueContrast !important;}
		.btn:hover, .btn-nav li > a:hover { background: darken(@lightblue, 10%) !important; color: @lightblueContrast !important;}
		.btn-nav li.active > a {background: darken(@lightblue, 30%) !important; color: @lightblueContrast !important;}
	}
	.btn-blue-all{
		.btn, .btn-nav li > a, #scrolltop {background: @blue !important; color: @blueContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@blue, 10%) !important; color: @blueContrast !important;}
		.btn-nav li.active > a {background: darken(@blue, 30%) !important; color: @blueContrast !important;}
	}
	.btn-green-all{
		.btn, .btn-nav li > a, #scrolltop {background: @green !important; color: @greenContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@green, 10%) !important; color: @greenContrast !important;}
		.btn-nav li.active > a {background: darken(@green, 30%) !important; color: @greenContrast !important;}
	}
	.btn-lightgreen-all{
		.btn, .btn-nav li > a, #scrolltop {background: @lightgreen !important; color: @lightgreenContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@lightgreen, 10%) !important; color: @lightgreenContrast !important;}
		.btn-nav li.active > a {background: darken(@lightgreen, 30%) !important; color: @lightgreenContrast !important;}
	}
	.btn-yellow-all{
		.btn, .btn-nav li > a, #scrolltop {background: @yellow !important; color: @yellowContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@yellow, 10%) !important; color: @yellowContrast !important;}
		.btn-nav li.active > a {background: darken(@yellow, 30%) !important; color: @yellowContrast !important;}
	}
	.btn-orange-all{
		.btn, .btn-nav li > a, #scrolltop {background: @orange !important; color: @orangeContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@orange, 10%) !important; color: @orangeContrast !important;}
		.btn-nav li.active > a {background: darken(@orange, 30%) !important; color: @orangeContrast !important;}
	}
	.btn-red-all{
		.btn, .btn-nav li > a, #scrolltop {background: @red !important; color: @redContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@red, 10%) !important; color: @redContrast !important;}
		.btn-nav li.active > a {background: darken(@red, 30%) !important; color: @redContrast !important;}
	}
	.btn-pink-all{
		.btn, .btn-nav li > a, #scrolltop {background: @pink !important; color: @pinkContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@pink, 10%) !important; color: @pinkContrast !important;}
		.btn-nav li.active > a {background: darken(@pink, 30%) !important; color: @pinkContrast !important;}
	}
	.btn-purple-all{
		.btn, .btn-nav li > a, #scrolltop {background: @purple !important; color: @purpleContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@purple, 10%) !important; color: @purpleContrast !important;}
		.btn-nav li.active > a {background: darken(@purple, 30%) !important; color: @purpleContrast !important;}
	}
	.btn-lila-all{
		.btn, .btn-nav li > a, #scrolltop {background: @lila !important; color: @lilaContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@lila, 10%) !important; color: @lilaContrast !important;}
		.btn-nav li.active > a {background: darken(@lila, 30%) !important; color: @lilaContrast !important;}
	}
	.btn-lightgray-all{
		.btn, .btn-nav li > a, #scrolltop {background: @lightgray !important; color: @lightgrayContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@lightgray, 10%) !important; color: @lightgrayContrast !important;}
		.btn-nav li.active > a {background: darken(@lightgray, 30%) !important; color: @lightgrayContrast !important;}
	}
	.btn-gray-all{
		.btn, .btn-nav li > a, #scrolltop {background: @gray !important; color: @grayContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@gray, 10%) !important; color: @grayContrast !important;}
		.btn-nav li.active > a {background: darken(@gray, 30%) !important; color: @grayContrast !important;}
	}
	.btn-charcoal-all{
		.btn, .btn-nav li > a, #scrolltop {background: @charcoal !important; color: @charcoalContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@charcoal, 10%) !important; color: @charcoalContrast !important;}
		.btn-nav li.active > a {background: darken(@charcoal, 30%) !important; color: @charcoalContrast !important;}
	}
	.btn-turquoise-all{
		.btn, .btn-nav li > a, #scrolltop {background: @turquoise !important; color: @turquoiseContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@turquoise, 10%) !important; color: @turquoiseContrast !important;}
		.btn-nav li.active > a {background: darken(@turquoise, 30%) !important; color: @turquoiseContrast !important;}
	}
	.btn-emerald-all{
		.btn, .btn-nav li > a, #scrolltop {background: @emerald !important; color: @emeraldContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@emerald, 10%) !important; color: @emeraldContrast !important;}
		.btn-nav li.active > a {background: darken(@emerald, 30%) !important; color: @emeraldContrast !important;}
	}
	.btn-deepblue-all{
		.btn, .btn-nav li > a, #scrolltop {background: @deepblue !important; color: @deepblueContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@deepblue, 10%) !important; color: @deepblueContrast !important;}
		.btn-nav li.active > a {background: darken(@deepblue, 30%) !important; color: @deepblueContrast !important;}
	}
	
	.btn-white-all{
		.btn, .btn-nav li > a, #scrolltop {background: @white !important; color: @whiteContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@white, 10%) !important; color: @whiteContrast !important;}
		.btn-nav li.active > a {background: darken(@white, 30%) !important; color: @whiteContrast !important;}
	}
	.btn-black-all{
		.btn, .btn-nav li > a, #scrolltop {background: @black !important; color: @blackContrast !important;}
		.btn:hover, .btn-nav li > a:hover {background: darken(@black, 10%) !important; color: @blackContrast !important;}
		.btn-nav li.active > a {background: darken(@black, 30%) !important; color: @blackContrast !important;}
	}
	
	
		/* Buttons Direct */
		.btn.btn-skin {background: @skincolor !important; color: @skincolorContrast !important;}
		.btn.btn-lightblue {background: @lightblue !important; color: @lightblueContrast !important;}
		.btn.btn-blue {background: @blue !important; color: @blueContrast !important; }
		.btn.btn-green {background: @green !important; color: @greenContrast !important; }
		.btn.btn-lightgreen {background: @lightgreen !important; color: @lightgreenContrast !important; }
		.btn.btn-yellow {background: @yellow !important; color: @yellowContrast !important; }
		.btn.btn-orange {background: @orange !important; color: @orangeContrast !important; }
		.btn.btn-red {background: @red !important; color: @redContrast !important; }
		.btn.btn-pink {background: @pink !important; color: @pinkContrast !important; }
		.btn.btn-purple {background: @purple !important; color: @purpleContrast !important; }
		.btn.btn-lila {background: @lila !important; color: @lilaContrast !important; }
		.btn.btn-lightgray {background: @lightgray !important; color: @lightgrayContrast !important; }
		.btn.btn-gray {background: @gray !important; color: @grayContrast !important; }
		.btn.btn-charcoal {background: @charcoal !important; color: @charcoalContrast !important; }
		.btn.btn-turquoise {background: @turquoise !important; color: @turquoiseContrast !important; }
		.btn.btn-emerald {background: @emerald !important; color: @emeraldContrast !important; }
		.btn.btn-deepblue {background: @deepblue !important; color: @deepblueContrast !important; }
		
		.btn.btn-skin:hover {background: darken(@skincolor, 10%) !important; color: @skincolorContrast !important;}
		.btn.btn-lightblue:hover {background: darken(@lightblue, 10%) !important; color: @lightblueContrast !important;}
		.btn.btn-blue:hover {background: darken(@blue, 10%) !important; color: @blueContrast !important; }
		.btn.btn-green:hover {background: darken(@green, 10%) !important; color: @greenContrast !important; }
		.btn.btn-lightgreen:hover {background: darken(@lightgreen, 10%) !important; color: @lightgreenContrast !important; }
		.btn.btn-yellow:hover {background: darken(@yellow, 10%) !important; color: @yellowContrast !important; }
		.btn.btn-orange:hover {background: darken(@orange, 10%) !important; color: @orangeContrast !important; }
		.btn.btn-red:hover {background: darken(@red, 10%) !important; color: @redContrast !important; }
		.btn.btn-pink:hover {background: darken(@pink, 10%) !important; color: @pinkContrast !important; }
		.btn.btn-purple:hover {background: darken(@purple, 10%) !important; color: @purpleContrast !important; }
		.btn.btn-lila:hover {background: darken(@lila, 10%) !important; color: @lilaContrast !important; }
		.btn.btn-lightgray:hover {background: darken(@lightgray, 10%) !important; color: @lightgrayContrast !important; }
		.btn.btn-gray:hover {background: darken(@gray, 10%) !important; color: @grayContrast !important; }
		.btn.btn-charcoal:hover {background: darken(@charcoal, 10%) !important; color: @charcoalContrast !important; }
		.btn.btn-turquoise:hover {background: darken(@turquoise, 10%) !important; color: @turquoiseContrast !important; }
		.btn.btn-emerald:hover {background: darken(@emerald, 10%) !important; color: @emeraldContrast !important; }
		.btn.btn-deepblue:hover {background: darken(@deepblue, 10%) !important; color: @deepblueContrast !important; }
		
		.btn.btn-white:hover {background: darken(@white, 10%) !important; color: @whiteContrast !important; }
		.btn.btn-black:hover {background: darken(@black, 10%) !important; color: @blackContrast !important; }


	/* Actions buttons */
	.actions-skin .imgholder .actions a {background: @skincolor !important; color: @skincolorContrast !important;}
	.actions-lightblue .imgholder .actions a {background: @lightblue !important; color: @lightblueContrast !important;}
	.actions-blue .imgholder .actions a {background: @blue !important; color: @blueContrast !important;}
	.actions-green .imgholder .actions a {background: @green !important; color: @greenContrast !important;}
	.actions-lightgreen .imgholder .actions a {background: @lightgreen !important; color: @lightgreenContrast !important;}
	.actions-yellow .imgholder .actions a {background: @yellow !important; color: @yellowContrast !important;}
	.actions-orange .imgholder .actions a {background: @orange !important; color: @orangeContrast !important;}
	.actions-red .imgholder .actions a {background: @red !important; color: @redContrast !important;}
	.actions-pink .imgholder .actions a {background: @pink !important; color: @pinkContrast !important;}
	.actions-purple .imgholder .actions a {background: @purple !important; color: @purpleContrast !important;}
	.actions-lila .imgholder .actions a {background: @lila !important; color: @lilaContrast !important;}
	.actions-lightgray .imgholder .actions a {background: @lightgray !important; color: @lightgrayContrast !important;}
	.actions-gray .imgholder .actions a {background: @gray !important; color: @grayContrast !important;}
	.actions-charcoal .imgholder .actions a {background: @charcoal !important; color: @charcoalContrast !important;}
	.actions-turquoise .imgholder .actions a {background: @turquoise !important; color: @turquoiseContrast !important;}
	.actions-emerald .imgholder .actions a {background: @emerald !important; color: @emeraldContrast !important;}
	.actions-deepblue .imgholder .actions a {background: @deepblue !important; color: @deepblueContrast !important;}
	
	.actions-white .imgholder .actions a {background: @white !important; color: @whiteContrast !important;}
	.actions-black .imgholder .actions a {background: @black !important; color: @blackContrast !important;}
	
	/* Navigation specials */
	.menu-lightblue a:hover {color: @lightblue !important; } .menu-lightblue.active > a {color: @lightblue  !important; }
	.menu-blue a:hover {color: @blue !important; } .menu-blue.active > a {color: @blue  !important; }
	.menu-green a:hover {color: @green !important; } .menu-green.active > a {color: @green  !important; }
	.menu-lightgreen a:hover {color: @lightgreen !important; } .menu-lightgreen.active > a {color: @lightgreen  !important; }
	.menu-yellow a:hover {color: @yellow !important; } .menu-yellow.active > a {color: @yellow  !important; }
	.menu-orange a:hover {color: @orange !important; } .menu-orange.active > a {color: @orange  !important; }
	.menu-red a:hover {color: @red !important; } .menu-red.active > a {color: @red  !important; }
	.menu-pink a:hover {color: @pink !important; } .menu-pink.active > a {color: @pink  !important; }
	.menu-purple a:hover {color: @purple !important; } .menu-purple.active > a {color: @purple  !important; }
	.menu-lila a:hover {color: @lila !important; } .menu-lila.active > a {color: @lila  !important; }
	.menu-lightgray a:hover {color: @lightgray !important; } .menu-lightgray.active > a {color: @lightgray  !important; }
	.menu-gray a:hover {color: @gray !important; } .menu-gray.active > a {color: @gray  !important; }
	.menu-charcoal a:hover {color: @charcoal !important; } .menu-charcoal.active > a {color: @charcoal  !important; }
	.menu-turquoise a:hover {color: @turquoise !important; } .menu-turquoise.active > a {color: @turquoise  !important; }
	.menu-emerald a:hover {color: @emerald !important; } .menu-emerald.active > a {color: @emerald  !important; }
	.menu-deepblue a:hover {color: @deepblue !important; } .menu-deepblue.active > a {color: @deepblue  !important; }