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


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

/* Primary colors */
body 		{ color: #666; }
a 			{ color: #000; }
a:hover 		{ color: #497c05; }
body * 		{ border-color: #e8e8e8; }

/* Meta colors */
.meta 			{ color: #aaa; } 
.meta a 			{ color: #666; } 
.meta a:hover 	{ color: #ff0000; }


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

th { 
	background: #eee; 
	background: -moz-linear-gradient(top, #f7f7f7, #ddd);  
	background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#eee)); 
} 
tr.even td { background-color: #ebebeb; }

input, select, textarea { 
	background-color: #eee; 
	border-color: #999 #ccc #ccc #999; 
	background: -moz-linear-gradient(top, #eee, #fff); 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#fff)); 
}

/* --- Additional list styles --- */
ul.checklist li { background-image: url(./../../layout/studio-s/foreground/AceIT/bullet-checklist.png); }

/* --- Buttons --- */
.button { background-image: url(./../../layout/studio-s/foreground/AceIT/buttons.png); }
  .button span { background-image: url(./../../layout/studio-s/foreground/AceIT/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(./../../layout/studio-s/foreground/AceIT/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(./../../layout/studio-s/foreground/black/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(./../../layout/studio-s/foreground/black/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(./../../layout/studio-s/foreground/black/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(./../../layout/studio-s/foreground/black/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(./../../layout/studio-s/foreground/black/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(./../../layout/studio-s/foreground/black/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(./../../layout/studio-s/foreground/black/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(./../../layout/studio-s/foreground/black/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(./../../layout/studio-s/foreground/black/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(./../../layout/studio-s/foreground/black/fancy-3.png);
}

.c-2 .frame span.helper1, 
.frame.u-2 span.helper1, 
.c-2 .frame span.helper2, 
.frame.u-2 span.helper2 { 
	background-image: url(./../../layout/studio-s/foreground/black/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(./../../layout/studio-s/foreground/black/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(./../../layout/studio-s/foreground/AceIT/dropcap.png); color: #fff; }


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

/* --- Main navigation */
#main-navigation .helper1, #main-navigation .helper2 { 
 
}

.dd-menu { }
  
.dd-menu li a { color: white; font-size:1.3em;  font-family:corbel; padding:0 15px; margin:0;}  
.dd-menu li a:hover, .dd-menu li.current-menu-item a, .dd-menu li a.dd-path { 
background: url(./../../layout/studio-s/menuHover.png);
	color: #fff;
}

.dd-menu li ul li, .dd-menu li.current-menu-item ul li {border:none;}
  
.dd-menu li ul li a, .dd-menu li.current-menu-item ul li a {
  padding:10px 15px; 
  margin-left:10px;
	background: #eee url(./../../layout/studio-s/dd-submenu.png) no-repeat;
	color: #414141;
  font-size:1.1em; 
  
}

.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: #000 none; 
	color: #fff; 
	background: -moz-linear-gradient(top, #000, #323232); 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#323232)); 
}

.dd-menu a span.dd-arrow { }
.dd-menu ul a span.dd-arrow {  }


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

/* --- Breadcrumbs --- */
.breadcrumbs 			{ color: #f5f5f5; }
.breadcrumbs a 			{ color: #d9d9d9; }
.breadcrumbs a:hover 	{ color: white; }

	
#content .bd { 
	background-color: #fff; 
	background-image: url(./../../layout/studio-s/foreground/black/dividers.png);
}


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


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

/* --- Slider --- */


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

#slider.slider-coin .slides { background-color: white; }
#slider.slider-coin, 
#slider.slider-coin .slide .image a span.helper1, 
#slider.slider-coin .slide .image a span.helper2 { 
	background-image: url(./../../layout/studio-s/foreground/AceIT/slider-simple.png ); }
#slider.slider-coin .navigation li a.coin { 
	background-image: url(./../../layout/studio-s/foreground/AceIT/slider-navigation.png);
}

#slider.slider-thumb .slides { background-color: #1a1a1a; background-image: url(./../../layout/studio-s/blocker.png); }
#slider.slider-thumb, 
#slider.slider-thumb .slide .image a span.helper1,
#slider.slider-thumb .slide .non-image span.helper1 { 
	background-image: url(./../../layout/studio-s/foreground/AceIT/slider-simple.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(./../../layout/studio-s/foreground/black/slider-advanced.png);
}

/* ----->>> 404 <<<----------------------------------------------------------------------------- */ 	
#error404 { background-image: url(./../../layout/studio-s/foreground/AceIT/content-hd.png); color: black; }
  #error404 a { color: black; }
  #error404 a:hover { color: #white; }