/*********************** HEADER  / START **************************************/
.header .section-inner {
	box-sizing: border-box;
	box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.0);
	transition: all 1s ease;
	transition-delay: 2s;
}
.header.section-active .section-inner {
	box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.75);
}
/* CSS Modifiers -NONE- */
/*********************** HEADER  / END ****************************************/
/*
*/
/*********************** SHOWCASE  / START ************************************/
.showcase .section-inner {
	background: url('../graphics/showcase-left.jpg') left top repeat-y, url('../graphics/showcase-right.jpg') right top repeat-y;
	box-sizing: border-box;
	box-shadow: inset 0px 75px 75px 0px rgba(0,0,0,0.0);
	transition: all 1s ease;
	transition-delay: 3s;
}
.showcase.section-active .section-inner  {
	box-shadow: inset 0px 75px 75px 0px rgba(0,0,0,0.2);
}
/*********************** SHOWCASE  / END **************************************/
/*
*/
/*********************** SECTION1  / START ************************************/
.section1 .section-inner   {
	background: url('../graphics/section1-left.jpg') left top repeat-y, url('../graphics/section1-right.jpg') right top repeat-y;
	box-sizing: border-box;
	transition: all 1s linear;
}
.section1.section-animated .section-inner {
	opacity: 0;	
}
.section1.section-animated .section-active {
	opacity: 1;
}/*********************** SECTION1  / END **************************************/
/*
*/
/*********************** SECTION2  / START ************************************/
.section2 .section-inner  {
	background: url('../graphics/section2-left.jpg') left top repeat-y, url('../graphics/section2-right.jpg') right top repeat-y;
	box-sizing: border-box;
	transition: all 1s ease-in;
}
.section2.section-animated .section-inner {
	opacity: 0;	
}
.section2.section-animated .section-active {
	opacity: 1;
}/*********************** SECTION2  / END **************************************/
/*
*/
/*********************** FOOTER  / START **************************************/
.footer .section-inner {
	background: url('../graphics/footer-left.jpg') left top repeat-y, url('../graphics/footer-right.jpg') right top repeat-y;
	box-sizing: border-box;
	transition: all 1s ease-in;
}
.footer.section-animated .section-inner {
	opacity: 0;
}
.footer.section-animated .section-active {
	opacity: 1;
}
/*********************** FOOTER  / END ****************************************/
/*
*/
/*********************** SECTION DIVIDER  / START *****************************/
.section-divider {
	background-color: #3D3C3A;/*old browsers*/;
	background: url('../graphics/stripes-bg.jpg');
	border-bottom: 1px solid rgba(0, 0, 0, 0.0);
	box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.0);
	box-sizing: border-box;
	padding: 5px;
	transition: all .5s ease-in-out;
}
.section-divider-active {
	background-color: #3D3C3A;/*old browsers*/;
	background: url('../graphics/stripes-bg.jpg');
	border-bottom: 1px solid rgba(0, 0, 0, 0.60);
	box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.75);
	box-sizing: border-box;
	padding: 20px;
	transition: all .5s ease-in-out;
}
.section-divider.section-animated {
		padding: 5px;
}
.section-divider.section-animated.section-divider-active {
	background-color: #3D3C3A;/*old browsers*/;
	background: url('../graphics/stripes-bg.jpg');
	border-bottom: 1px solid rgba(0, 0, 0, 0.60);
	box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.75);
	box-sizing: border-box;
	padding: 20px;
	transition: all .5s ease-in-out;
}
/*********************** SECTION DIVIDER/ END *********************************/