@charset "UTF-8";
#container {
	position: absolute;
	width: 1100px;
	height: 700px;
	z-index: 1;
	top: 0px;
	margin:0 auto;
	background-color: #FFFFFF;
	pointer-events:none;
	-webkit-pointer-events:none;
	
}
.css-slideshow{
	position: relative;
	max-width: 669px;
	height: 647px;
	z-index: 1;
	pointer-events:none;
	-webkit-pointer-events:none;
	touch-action: none;
	-webkit-touch-action: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.css-slideshow figure{
	margin: 0;
	position: absolute;
	left: 430px;
	top: 53px;
	width: 669px;
	height: 647px;
	z-index: 1;
	visibility: visible;
	opacity: 0;
	pointer-events: none;
}

figure:nth-child(10) {
   -webkit-animation: xfade 30s 27s infinite;
   -ms-animation: xfade 30s 27s infinite;
   -o-animation: xfade 30s 27s infinite;
   -moz-animation: xfade 30s 27s infinite;
   animation: xfade 30s 27s infinite;
}
figure:nth-child(9) {
   -webkit-animation: xfade 30s 24s infinite;
   -ms-animation: xfade 30s 24s infinite;
   -o-animation: xfade 30s 24s infinite;
   -moz-animation: xfade 30s 24s infinite;
   animation: xfade 30s 24s infinite;
}
figure:nth-child(8) {
   -webkit-animation: xfade 30s 21s infinite;
   -ms-animation: xfade 30s 21s infinite;
   -o-animation: xfade 30s 21s infinite;
   -moz-animation: xfade 30s 21s infinite;
   animation: xfade 30s 21s infinite;
}
figure:nth-child(7) {
   -webkit-animation: xfade 30s 18s infinite;
   -ms-animation: xfade 30s 18s infinite;
   -o-animation: xfade 30s 18s infinite;
   -moz-animation: xfade 30s 18s infinite;
   animation: xfade 30s 18s infinite;
}
figure:nth-child(6) {
   -webkit-animation: xfade 30s 15s infinite;
   -ms-animation: xfade 30s 15s infinite;
   -o-animation: xfade 30s 15s infinite;
   -moz-animation: xfade 30s 15s infinite;
   animation: xfade 30s 15s infinite;
} 
figure:nth-child(5) {
   -webkit-animation: xfade 30s 12s infinite;
   -ms-animation: xfade 30s 12s infinite;
   -o-animation: xfade 30s 12s infinite;
   -moz-animation: xfade 30s 12s infinite;
   animation: xfade 30s 12s infinite;
}
figure:nth-child(4) {
   -webkit-animation: xfade 30s 9s infinite;
   -ms-animation: xfade 30s 9s infinite;
   -o-animation: xfade 30s 9s infinite;
   -moz-animation: xfade 30s 9s infinite;
   animation: xfade 30s 9s infinite;
}
figure:nth-child(3) {
   -webkit-animation: xfade 30s 6s infinite;
   -ms-animation: xfade 30s 6s infinite;
   -o-animation: xfade 30s 6s infinite;
   -moz-animation: xfade 30s 6s infinite;
   animation: xfade 30s 6s infinite;
}
figure:nth-child(2) {
   -webkit-animation: xfade 30s 3s infinite;
   -ms-animation: xfade 30s 3s infinite;
   -o-animation: xfade 30s 3s infinite;
   -moz-animation: xfade 30s 3s infinite;
   animation: xfade 30s 3s infinite;
}
figure:nth-child(1) {
   -webkit-animation: xfade 30s 0s infinite;
   -ms-animation: xfade 30s 0s infinite;
   -o-animation: xfade 30s 0s infinite;
   -moz-animation: xfade 30s 0s infinite;
   animation: xfade 30s 0s infinite;
}

@-webkit-keyframes xfade{
   0%{
      opacity: 0;
   }
   2%{
	  opacity:1;
   }
   10.00% {
      opacity:1;
   }
   12.00%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:0;
   }
}


@-ms-keyframes xfade{
   0%{
      opacity: 0;
   }
   2%{
	  opacity:1;
   }
   10.00% {
      opacity:1;
   }
   12.00%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:0;
   }
}

@-o-keyframes xfade{
   0%{
      opacity: 0;
   }
   2%{
	  opacity:1;
   }
   10.00% {
      opacity:1;
   }
   12.00%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:0;
   }
}

@-moz-keyframes xfade{
   0%{
      opacity: 0;
   }
   2%{
	  opacity:1;
   }
   10.00% {
      opacity:1;
   }
   12.00%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:0;
   }
}

@keyframes xfade{
   0%{
      opacity: 0;
   }
   2%{
	  opacity:1;
   }
   10.00% {
      opacity:1;
   }
   12.00%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:0;
   }
}


#Home {
	position: absolute;
	width: 146px;
	height: 49px;
	z-index: 1;
	left: 32px;
	top: 13px;
	-webkit-pointer-events: auto;
	pointer-events: auto;
	-webkit-transition: all 0.75s ease-in-out 0s;
	-moz-transition: -moz-transform 0.75s ease-in-out 0s;
	-ms-transition: all 0.75s ease-in-out 0s;
	-o-transition: all 0.75s ease-in-out 0s;
	transition: transform 0.75s ease-in-out 0s;
}
#Home:hover {
	-webkit-transform: translate3D(0,0,500px) rotateY(360deg);
	-ms-transform: translate3D(0,0,500px) rotateY(360deg);
	-o-transform: translate3D(0,0,500px) rotateY(360deg);
	-moz-transform:translate3D(0,0,500px) rotateY(360deg);
	 transform: translate3D(0,0,500px) rotateY(360deg);
	 z-index: 7;
}
#Photography {
	position: absolute;
	width: 167px;
	height: 38px;
	z-index: 2;
	left: 216px;
	top: 13px;
	pointer-events: auto;
	-webkit-pointer-events: auto;
	-webkit-transition: all 0.75s ease-in-out 0s;
	-moz-transition: -moz-transform 0.75s ease-in-out 0s;
	-ms-transition: all 0.75s ease-in-out 0s;
	-o-transition: all 0.75s ease-in-out 0s;
	transition: transform 0.75s ease-in-out 0s;
}
#Photography:hover {
	-webkit-transform: translate3D(0,0,500px) rotateY(360deg);
	-moz-transform: translate3D(0,0,500px) rotateY(360deg);
	-ms-transform: translate3D(0,0,500px) rotateY(360deg);
	-o-transform: translate3D(0,0,500px) rotateY(360deg);
	transform: translate3D(0,0,800px) rotateY(360deg);
}
#Print {
	position: absolute;
	width: 68px;
	height: 27px;
	z-index: 3;
	left: 415px;
	top: 16px;
	pointer-events: auto;
	-webkit-pointer-events: auto;
	-webkit-transition: all 0.75s ease-in-out 0s;
	-moz-transition: -moz-transform 0.75s ease-in-out 0s;
	-ms-transition: all 0.75s ease-in-out 0s;
	-o-transition: all 0.75s ease-in-out 0s;
	transition: transform 0.75s ease-in-out 0s;
}
#Print:hover {
	-webkit-transform: translate3D(0,0,500px) rotateY(360deg);
	-moz-transform: translate3D(0,0,500px) rotateY(360deg);
	-ms-transform: translate3D(0,0,500px) rotateY(360deg);
	-o-transform: translate3D(0,0,500px) rotateY(360deg);
	transform: translate3D(0,0,500px) rotateY(360deg);
}
#Website {
	position: absolute;
	width: 106px;
	height: 29px;
	z-index: 4;
	left: 516px;
	top: 15px;
	pointer-events: auto;
	-webkit-pointer-events: auto;
	-webkit-transition: all 0.75s ease-in-out 0s;
	-moz-transition: -moz-transform 0.75s ease-in-out 0s;
	-ms-transition: all 0.75s ease-in-out 0s;
	-o-transition: all 0.75s ease-in-out 0s;
	transition: transform 0.75s ease-in-out 0s;
}
#Website:hover {
	-webkit-transform: translate3D(0,0,500px) rotateY(360deg);
	-moz-transform: translate3D(0,0,500px) rotateY(360deg);
	-ms-transform: translate3D(0,0,500px) rotateY(360deg);
	-o-transform: translate3D(0,0,500px) rotateY(360deg);
	transform: translate3D(0,0,500px) rotateY(360deg);
}
#Branding {
	position: absolute;
	width: 121px;
	height: 37px;
	z-index: 5;
	left: 653px;
	top: 15px;
	pointer-events: auto;
	-webkit-pointer-events: auto;
	-webkit-transition: all 0.75s ease-in-out 0s;
	-moz-transition: -moz-transform 0.75s ease-in-out 0s;
	-ms-transition: all 0.75s ease-in-out 0s;
	-o-transition: all 0.75s ease-in-out 0s;
	transition: transform 0.75s ease-in-out 0s;
}
#Branding:hover {
	-webkit-transform: translate3D(0,0,500px) rotateY(360deg);
	-moz-transform: translate3D(0,0,500px) rotateY(360deg);
	-ms-transform: translate3D(0,0,500px) rotateY(360deg);
	-o-transform: translate3D(0,0,500px) rotateY(360deg);
	transform: translate3D(0,0,500px) rotateY(360deg);
}
#About {
	position: absolute;
	width: 86px;
	height: 29px;
	z-index: 6;
	left: 804px;
	top: 16px;
	pointer-events: auto;
	-webkit-pointer-events: auto;
	-webkit-transition: all 0.75s ease-in-out 0s;
	-moz-transition: -moz-transform 0.75s ease-in-out 0s;
	-ms-transition: all 0.75s ease-in-out 0s;
	-o-transition: all 0.75s ease-in-out 0s;
	transition: transform 0.75s ease-in-out 0s;
}
#About:hover {
	-webkit-transform: translate3D(0,0,500px) rotateY(360deg);
	-moz-transform: translate3D(0,0,500px) rotateY(360deg);
	-ms-transform: translate3D(0,0,500px) rotateY(360deg);
	-o-transform: translate3D(0,0,500px) rotateY(360deg);
	transform: translate3D(0,0,500px) rotateY(360deg);
}
#Contact {
	position: absolute;
	width: 106px;
	height: 27px;
	z-index: 7;
	left: 921px;
	top: 18px;
	perspective: 1000px;
	pointer-events: auto;
	-webkit-pointer-events: auto;
	-webkit-transition: all .75s ease-in-out 0s;
	-moz-transition: -moz-transform .75s ease-in-out 0s;
	-ms-transition: all .75s ease-in-out 0s;
	-o-transition: all .75s ease-in-out 0s;
	transition: transform 0.75s ease-in-out 0s;
}
#Contact:hover {
	-webkit-transform: translate3D(0,0,500px) rotateY(360deg);
	-moz-transform: translate3D(0,0,500px) rotateY(360deg);
	-ms-transform: translate3D(0,0,500px) rotateY(360deg);
	-o-transform: translate3D(0,0,500px) rotateY(360deg);
	transform:  translate3D(0,0,1px) rotateY(360deg);
	z-index: 12;
}
#Title {
	position: absolute;
	width: 163px;
	height: 55px;
	left: 108px;
	top: 120px;
	z-index: 8;
	pointer-events: none;
}

@-webkit-keyframes move_in{
   0%{
      -webkit-transform: scale(0.05);
	  opacity:0;
   }
   100.00% {
      -webkit-transform: scale(1.0);
	  opacity:1;
   }
}
@-webkit-keyframes appear{
   0%{
	  opacity:0;
   }
   100.00% {
	  opacity:1;
   }
}

@-moz-keyframes move_in{
   0%{
      -moz-transform: scale(0.05);
	  opacity:0;
   }
   100.00% {
      -moz-transform: scale(1.0);
	  opacity:1;
   }
}
@-moz-keyframes appear{
   0%{
	  opacity:0;
   }
   100.00% {
	  opacity:1;
   }
}

@-ms-keyframes move_in{
   0%{
      -ms-transform: scale(0.05);
	  opacity:0;
   }
   100.00% {
      -ms-transform: scale(1.0);
	  opacity:1;
   }
}
@-ms-keyframes appear{
   0%{
	  opacity:0;
   }
   100.00% {
	  opacity:1;
   }
}

@-o-keyframes move_in{
   0%{
      -o-transform: scale(0.05);
	  opacity:0;
   }
   100.00% {
      -o-transform: scale(1.0);
	  opacity:1;
   }
}
@-o-keyframes appear{
   0%{
	  opacity:0;
   }
   100.00% {
	  opacity:1;
   }
}

@keyframes move_in{
   0%{
      transform: scale(0.05);
	  opacity:0;
   }
   100.00% {
      transform: scale(1.0);
	  opacity:1;
   }
}
@keyframes appear{
   0%{
	  opacity:0;
   }
   100.00% {
	  opacity:1;
   }
}

#Bullets {
	position: absolute;
	width: 205px;
	height: 344px;
	left: 110px;
	top: 224px;
	z-index: 9;
	pointer-events: none;
}

#Title{-webkit-animation: move_in 1s 0s linear 1;
	   -moz-animation: move_in 1s 0s linear 1;
	   -ms-animation: move_in 1s 0s linear 1;
	   -o-animation: move_in 1s 0s linear 1;
	    animation:  move_in 1s 0s linear 1; 
}
#Bullets{-webkit-animation: appear 2.5s 1.25s backwards linear 1;
		 -moz-animation: appear 2.5s 1.25s backwards linear 1;
		 -ms-animation: appear 2.5s 1.25s backwards linear 1;
		 -o-animation: appear 2.5s 1.25s backwards linear 1;
	      animation:  appear 2.5s 1.25s backwards linear 1; 
}