/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
/*•••••••••••••••••••••• DESKTOP SET UP ••••••••••••••••••••••••••••••••••••
/*•••••••••••••••••••••• ONLY           ••••••••••••••••••••••••••••••••••••
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/










/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
/*•••••••••••••••••••••• Site Layout •••••••••••••••••••••••••••••••••••••••
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/






/*••••••••••••••••••••••••<HEADER> •••••••••••••••••••••••••••••••••••••• */
header {
	display:block;
	width:100%;
	position:absolute;
	top:50%;
	margin-top:-150px;
	text-align:center;
	z-index:100;
	text-shadow: 0em 0em 0.1em rgba(30,30,30,.1);
}
	header .logo {
		display: inline-block;
		color: #fff;
		font-size: 90pt;
		margin: 0 0 -12px 0px;
		/* cursor:none; */
		text-shadow:0.01em 0.01em 0.01em rgba(0,0,0,0.1);
	}
		header .logo span {
			display:none !important;
		
			display: inline-block;
			vertical-align:baseline;
			color: #fff;
			font-size: 8pt;
			margin: 0 0px 0px 0px;
			position:relative;
			left:-5px;
			cursor:none;
		}
	
	
	header .side {
		display: inline-block;
		vertical-align: middle;
		font-size: 20pt;
		font-weight:100;
		color: #fff;
		top: 30px;
		position: relative;
		margin: 0 43px;
		text-shadow:0.01em 0.01em 0.01em rgba(0,0,0,0.1);
	}
	header .side:before {
		content:attr(alt);
		display:block;
		width:100%;
		text-align:center;
		color:#fff;
	}
		
	header .leftSide {
	
	}
	header .rightSide {
	
	}
	
	header .slashDivide {
		display: inline-block;
		vertical-align: top;
		height: 120px;
		position: relative;
		top: 0px;
		border-right: 1px solid #fff;
		
		-webkit-transform: rotate(25deg);
		-moz-transform: rotate(25deg);
		transform: rotate(25deg);
	}
	
	
	

/*••••••••••••••••••••••••<BODY> •••••••••••••••••••••••••••••••••••••• */

body {

}

main {
	margin:auto;
}

main {
	/* background-color: #050505; */
	/* background-color: #eaeaea; */
	background-color: #fff;
	text-align: center;
	min-height: 100%;
	width: 100%;
	display: block;
}

	main .wrap {
		position: fixed;
		width: 100%;
		min-height: 100%;
	}
	main div.wrap:after {
		content: '';
		display: block;
		position: relative;
		width: 100%;
		height: 1px;
		background-color: #fff;
		clear: both;
	}
		main .wrap article {
			/*
			display:block;
			width: 90%;
			height:300px;
			position:relative;
			padding: 25px 0 25px 0;
			margin: 0 auto 50px auto;
			text-align:center;
			border-top:1px solid red;
			
			background-size:110% auto;
			background-position:50% 0px;
			background-repeat:no-repeat;
			*/
		}
		main .wrap article:first-child {
			/* margin-top: 100px; */
		}



/*••••••••••••••••••••••••<FOOTER> •••••••••••••••••••••••••••••••••••••• */

footer {
}


	footer .copyright {

	}











/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
/*••••••••••••••••••••••••• START - INDIVIDUAL PAGES •••••••••••••••••••••••
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/


/*------------------------------------------------------------------------*/
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
/*••••••••••••••••••••••••<HOME PAGE> ••••••••••••••••••••••••••••••••••••••
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/

main#content.home {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index:50;
}
	main#content.home #theSplashImage {
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		right:0px;
		bottom:0px;
		left:0px;
		background-size:cover;
		background-position:50% 50%;
		background-repeat:no-repeat;
	}





















/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
/*••••••••••••••••••••••••<____ PAGE> ••••••••••••••••••••••••••••••••••••••
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/
	/* ====================================== */
	/* === FEATURED WORK / PROJECT DETAIL === */
	/* ====================================== */

	#scroll.featured {
		/* background-color: #776276; */
		/* background-color: rgb(119, 0, 0); */
		background-color: rgb(255,255,255,1);
	}

		#scroll.featured .wrap {
		
		}
			#scroll.featured .wrap section:first-child {
				z-index:99999;
			}
			#scroll.featured .wrap section:nth-child(0) { z-index:999 }
			#scroll.featured .wrap section:nth-child(1) { z-index:995 }
			#scroll.featured .wrap section:nth-child(2) { z-index:994 }
			#scroll.featured .wrap section:nth-child(3) { z-index:993 }
			#scroll.featured .wrap section:nth-child(4) { z-index:992 }
			#scroll.featured .wrap section:nth-child(5) { z-index:991 }
			#scroll.featured .wrap section:nth-child(6) { z-index:990 }
			
			#scroll.featured .wrap section {
				width: 100%;
				height: 800px;
				display: block;
				opacity: 1;
				z-index: 90;
			
				position: relative;
				top: 0%;
				right: 0%;
				bottom: 0px;
				left: 0px;
				float:left;
				margin-bottom: 0px;
				box-shadow: inset 0px 0px 0px red;
				/* opacity: 1; */
				/* overflow: hidden; */
				overflow: visible;
				/* background-color: #fff; */
				background-color: transparent;
				text-align:center;
			}
			#scroll.featured.showBorder .wrap section {
				box-shadow: inset 1px 1px 1px red;
			}
			#scroll.featured .wrap section:after {
				content: '';
				display: inline-block;
				vertical-align: middle;
				height: 100%;
			}
				#scroll.featured .wrap section img {
					display:inline-block;
					vertical-align:middle;
					height:85%;
				}
				#scroll.featured .wrap section dt {
					/* display:block; */
					width:100%;
					
					/* position:fixed; */
					position:absolute;
					top:0px;
					z-index:99999999;
				
					/* text-align:left; */
					text-align:center;
					font-size:45pt;
					font-weight:800;
					margin-top:-145px;
					/* margin-left:-30%; */
				}








	/**** NEW *****/
	.fixedHolder {
		display:block;
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		z-index:-999;
	}
	.fixedHolder._ON {
		z-index:0;
	}
		.fixedHolder dt {
			/* display:block; */
			width:100%;
			
			/* position:fixed; */
			position:absolute;
			top:0px;
			z-index:99999999;
		
			/* text-align:left; */
			text-align:center;
			font-size:45pt;
			font-weight:800;
			margin-top:-145px;
			/* margin-left:-30%; */
		}

	.testFixed {
		display:block;
		width:200px;
		height:200px;
		position:fixed;
		top:0px;
		right:0px;
		z-index:99999999999;
		
		background-color:#fc0;
	}































/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
/*••••••••••••••••••••••••<____ PAGE> ••••••••••••••••••••••••••••••••••••••
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/











/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
/*••••••••••••••••••••••••• END - INDIVIDUAL PAGES •••••••••••••••••••••••••
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/
























/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
/*•••••••••••••••••••••••••••••••• END STYLES ••••••••••••••••••••••••••••••
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/












/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
/*•••••••••••••••••••••• END DESKTOP SET UP ••••••••••••••••••••••••••••••••
/*•••••••••••••••••••••• ONLY           ••••••••••••••••••••••••••••••••••••
/*••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/