/* ============================================================================================= */
/* =====>>> GLOBAL LAYOUT <<<=================================================================== */
/* ============================================================================================= */


/* ----->>> BODY SECTION <<<-------------------------------------------------------------------- */

/* Primary colors */
body 		{ color: #666; }
a 			{ color: #48a100; }
a:hover 		{ color: #ff8400; }
body * 		{ border-color: #e8e8e8; }

/* Meta colors */
.meta 			{ color: #b3b3b3; } 
.meta a 			{ color: #666; } 
.meta a:hover 	{ color: #000; }


code { background-color: #e8e8e8; border-color: #aaa; }

th { 
	border-color: #eee; 
	background: #eee; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
	background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#eee)); 
	background: -moz-linear-gradient(top, white, #eee);  
} 
tr.even td { background-color: #eee; }

input, select, textarea { 
	background-color: #eee; 
	border-color: #999 #ccc #ccc #999; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#fff)); 
	background: -moz-linear-gradient(top, #eee, #fff); 
}

/* --- Additional list styles --- */
ul.checklist li { background-image: url(../../images/foreground/green/bullet-checklist.png); }

/* --- Buttons --- */
.button { background-image: url(../../images/foreground/green/buttons.png); }
  .button span { background-image: url(../../images/foreground/green/buttons2.png); }

.active.button 		{ color: #fff; }  
.tertiary.button 	{ color: #666; }  
.secondary.button 	{ color: #333; }
.primary.button 		{ color: #fff; }  
.button:hover 		{ color: #fff; } 

/* --- Dividers ---*/
.divider { background-image: url(../../images/foreground/green/dividers.png); }

/* --- Fancy frames --- */
.c-12 .frame span.helper1, 
.frame.u-12 span.helper1, 
.c-12 .frame span.helper2, 
.frame.u-12 span.helper2 { 
	background-image: url(../../images/foreground/green/fancy-12.png); 
}

.c-11 .frame span.helper1, 
.frame.u-11 span.helper1, 
.c-11 .frame span.helper2, 
.frame.u-11 span.helper2 { 
	background-image: url(../../images/foreground/green/fancy-11.png); 
}

.c-10 .frame span.helper1, 
.frame.u-10 span.helper1, 
.c-10 .frame span.helper2, 
.frame.u-10 span.helper2 { 
	background-image: url(../../images/foreground/green/fancy-10.png); 
}

.c-9 .frame span.helper1, 
.frame.u-9 span.helper1, 
.c-9 .frame span.helper2, 
.frame.u-9 span.helper2 { 
	background-image: url(../../images/foreground/green/fancy-9.png); 
}

.c-8 .frame span.helper1, 
.frame.u-8 span.helper1, 
.c-8 .frame span.helper2, 
.frame.u-8 span.helper2 { 
	background-image: url(../../images/foreground/green/fancy-8.png); 
}

.c-7 .frame span.helper1, 
.frame.u-7 span.helper1, 
.c-7 .frame span.helper2, 
.frame.u-7 span.helper2 { 
	background-image: url(../../images/foreground/green/fancy-7.png); 
}

.c-6 .frame span.helper1, 
.frame.u-6 span.helper1, 
.c-6 .frame span.helper2, 
.frame.u-6 span.helper2 { 
	background-image: url(../../images/foreground/green/fancy-6.png); 
}

.c-5 .frame span.helper1, 
.frame.u-5 span.helper1, 
.c-5 .frame span.helper2, 
.frame.u-5 span.helper2 { 
	background-image: url(../../images/foreground/green/fancy-5.png); 
}

.c-4 .frame span.helper1, 
.frame.u-4 span.helper1, 
.c-4 .frame span.helper2, 
.frame.u-4 span.helper2 { 
	background-image: url(../../images/foreground/green/fancy-4.png); 
}

.c-3 .frame span.helper1, 
.frame.u-3 span.helper1, 
.c-3 .frame span.helper2, 
.frame.u-3 span.helper2 { 
	background-image: url(../../images/foreground/green/fancy-3.png); 
}

.c-3 .framet span.helper1, 
.framet.u-3 span.helper1, 
.c-3 .framet span.helper2, 
.framet.u-3 span.helper2 { 
	background-image: url(../../images/foreground/green/fancy-3t.png); 
}


.c-2 .frame span.helper1, 
.frame.u-2 span.helper1, 
.c-2 .frame span.helper2, 
.frame.u-2 span.helper2 { 
	background-image: url(../../images/foreground/green/fancy-2.png); 
}

.c-1 .frame span.helper1, 
.frame.u-1 span.helper1, 
.c-1 .frame span.helper2, 
.frame.u-1 span.helper2 { 
	background-image: url(../../images/foreground/green/fancy-1.png); 
}

/* --- System messages --- */
.message.success 	{ background-color: #cffebf; color: #005826; border-color: #8fe573; }
.message.info 		{ background-color: #bfebfe; color: #000058; border-color: #73c0e6; }
.message.warning 	{ background-color: #fcfebf; color: #502800; border-color: #e5d973; }
.message.error 		{ background-color: #ffdfdf; color: #bf0000; border-color: #ffa5a5; }  

/* --- Text highlighting --- */
span.highlight { background-color: #fff000; }

/* --- Dropcaps --- */
span.dropcap { background-image: url(../../images/foreground/green/dropcap.png); color: #fff; }


/* ----->>> HEADER SECTION <<<------------------------------------------------------------------ */

/* --- Main navigation */
#main-navigation .helper1, #main-navigation .helper2 { 
	background-image: url(../../images/foreground/green/main-navigation.png); 
}

.dd-menu { background: url(../../images/foreground/green/main-navigation.png) -30px 0 no-repeat; }
  
.dd-menu li a { color: #fff; }  
.dd-menu li a:hover, .dd-menu li.current-menu-item a, .dd-menu li a.dd-path { 
	background: url(../../images/foreground/green/main-navigation.png) -30px -34px no-repeat; 	
	color: #fff;
}
  
.dd-menu li ul li a, .dd-menu li.current-menu-item ul li a { 
	background: #eee url(../../images/dd-submenu.png) no-repeat; 
	color: #666; 
}

.dd-menu li ul li a:hover, .dd-menu li.current-menu-item ul li a:hover, .dd-menu li ul li a.dd-path { 
	background: #2f6b00 none; 
	color: #fff; 
	background: -moz-linear-gradient(top, #2f6b00, #469c00); 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#2f6b00), to(#469c00)); 
}

.dd-menu a span.dd-arrow { background-image: url(../../images/foreground/green/arrow-down.png); }
.dd-menu ul a span.dd-arrow { background-image: url(../../images/foreground/green/arrow-right.png); }


/* ----->>> CONTENT SECTION <<<----------------------------------------------------------------- */
#content .hd { background: url(../../images/foreground/green/content-hd.png) no-repeat; }
  #content .hd h1 { color: #fff; }

/* --- Breadcrumbs --- */
.breadcrumbs 			{ color: #9cc080; }
.breadcrumbs a 			{ color: #cfffaa; }
.breadcrumbs a:hover 	{ color: #f6ff00; }

	
#content .bd { 
	background-color: #fff; 
	background-image: url(../../images/foreground/green/dividers.png); 
}


#content .ft .shadow { 
	background-color: #fff; 
	background-image: url(../../images/foreground/green/dividers.png); 
}
#content .ft .wrapper { background-color: #fff; }
#content .ft .helper1 { background-image: url(../../images/foreground/green/content-bottom-bg.png); }
  
#content .ft.special .shadow { background-color: #e6e6e6; }
#content .ft.special .wrapper { 
	background-color: #e6e6e6; 
	border-color: #e6e6e6; 	
}
#content .ft.special .helper1 { 
	background-image: url(../../images/foreground/green/content-bottom-alt-bg.png); 
}


/* ============================================================================================= */
/* =====>>> PAGE SPECIFIC LAYOUT <<<============================================================ */
/* ============================================================================================= */ 
    
/* ----->>> HOME <<<---------------------------------------------------------------------------- */ 

/* --- Slider --- */


#slider .slides img { background: url(../../images/preloader.gif) center center no-repeat; }

#slider.slider-coin .slides { background-color: #398000; }
#slider.slider-coin, 
#slider.slider-coin .slide .image a span.helper1, 
#slider.slider-coin .slide .image a span.helper2 { 
	background-image: url(../../images/foreground/green/slider-simple.png); 
}
#slider.slider-coin .navigation li a.coin { 
	background-image: url(../../images/foreground/green/slider-navigation.png); 
}

#slider.slider-thumb .slides { background-color: #398000; background-image: url(../../images/blocker.png); }
#slider.slider-thumb, 
#slider.slider-thumb .slide .image span.helper1,
#slider.slider-thumb .slide .non-image span.helper1 { 
	background-image: url(../../images/foreground/green/slider-advanced.png); 
}     

#slider.slider-thumb .slide .non-image h2 { color: #fff; }


/* ----->>> PORTFOLIO <<<----------------------------------------------------------------------- */ 

/* --- Single project from portfolio --- */
.folio-single , 
.folio-single .slide span.helper1, 
.folio-single .slide span.helper2 { 
	background-image: url(../../images/foreground/green/slider-advanced.png); 
}

/* ----->>> 404 <<<----------------------------------------------------------------------------- */ 	
#error404 { background-image: url(../../images/foreground/green/content-hd.png); color: #fff; }
  #error404 a { color: #cfffaa; }
  #error404 a:hover { color: #f6ff00; }


/* ----->>> MATRIX SECTION <<<-------------------------------------------------------------------- */
.matrix .c-12 { margin-left:0px !important;width: 804px; }
.matrix.grid { }
.matrix .row {text-align: center ; vertical-align: middle }
.matrix .row div { text-align: center ; vertical-align: middle; padding:0px;margin:0px;}
.matrix .row div.label { padding:10px;}
.matrix .line1 { text-align:center; vertical-align: middle; background: #F8FFF1; }
.matrix .line2 { text-align:center; vertical-align: middle; background: #DFF4CA; }
.matrix .line3 { text-align:center; vertical-align: middle; background: #ECFADE; }
.matrix .line1 .label { text-align: right; background: #FFFFFF; color: #C03A8F; font-weight: bold; text-transform: uppercase; font-size: 12px; }
.matrix .line2 .label { text-align: left; background: #E9E9E9; }
.matrix .line3 .label { text-align: left; background: #F4F4F4; }
/*.matrix .active { background: url(../../images/foreground/green/plan-active.png) no-repeat; background-position: center bottom; }
.matrix .normal { background: url(../../images/background/bokeh1/plan-normal.png) no-repeat; background-position: center bottom;}
*/.matrix .plan { height:120px;}
.matrix .plan.topper div {padding:0px;}
.matrix .plan.normal.topper { color:#C03A8F; text-align:center;border-right:solid 1px #ccc;}
.matrix .plan.active.topper { color:#398000; text-align:center;}
.matrix .plan.active.topper .plan-name {font-weight:bold; }
.matrix .plan.topper .plan-name { font-weight:bold; font-size:14px; text-transform: uppercase;margin-top:10px; }
.matrix .plan.topper .plan-price { margin-top:15px;display:inline; font-size:48px; font-weight:bold;display:inline-block; }
.matrix .plan.topper .lift { font-size:22px;font-weight:bold; margin-top:-14px; display:inline-block;}
.matrix .plan.topper .plan-label { margin-top:-5px; font-size:12px; text-transform: lowercase;font-weight:bold; }