* {padding:0;margin:0;}
@font-face {
		font-family: 'Impact';
		src: 	url('Impact.eot'); 							/* IE9 Compat Modes */
  		src: 	url('Impact.eot?#iefix') 	format('embedded-opentype'), 		/* IE6-IE8 */
       			url('Impact.woff2') 		format('woff2'), 			/* Super Modern Browsers */
       			url('Impact.woff') 		format('woff'), 			/* Pretty Modern Browsers */
       			url('Impact.ttf')  		format('truetype'), 			/* Safari, Android, iOS */
       			url('Impact.svg#svgFontName') 	format('svg'); 				/* Legacy iOS */
	}
@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

.back {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:1;
}

#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 45s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 45s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 45s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 45s;
}
#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 40s;
  -moz-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 35s;
  -moz-animation-delay: 35s;
  -o-animation-delay: 35s;
  animation-delay: 35s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  -o-animation-delay: 30s;
  animation-delay: 30s;
}
#cf4a img:nth-of-type(4) {
  -webkit-animation-delay: 25s;
  -moz-animation-delay: 25s;
  -o-animation-delay: 25s;
  animation-delay: 25s;
}
#cf4a img:nth-of-type(5) {
  -webkit-animation-delay: 20s;
  -moz-animation-delay: 20s;
  -o-animation-delay: 20s;
  animation-delay: 20s;
}
#cf4a img:nth-of-type(6) {
  -webkit-animation-delay: 15s;
  -moz-animation-delay: 15s;
  -o-animation-delay: 15s;
  animation-delay: 15s;
}
#cf4a img:nth-of-type(7) {
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  -o-animation-delay: 10s;
  animation-delay: 10s;
}
#cf4a img:nth-of-type(8) {
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}
body {overflow-x:hidden;}
td.preload {background-color: #003333; padding: 5px;width:300px;}
table {border-spacing: 0px;border-collapse: separate;}
table.preload {width:300px;}
.left {text-align:left;font-family:"impact";font-size:12px;}
.right {text-align: right;font-family:"impact";font-size:12px;}
.center {text-align:center;font-family:"impact";font-size:12px;}
#overlay {position:absolute;top:0px;left:0px;line-height: 0px;width:100vw;z-index:4;}
#contact {position:absolute;left:0px;opacity: 0.75;filter:alpha(opacity=75);bottom:0px;line-height:0px;z-index:2}
.bluepixel1 {width:100vw;height:33px}
#contactdetails {position:absolute;z-index:3;}
#text {position:absolute;width:100vw;margin-left: 0vw;margin-right: 100vw;top:0;left:0;right:100vw;bottom:100vh;z-index:4;}
#services {position:absolute;top:0px;left:0px;z-index:3;opacity: 0.75;filter: alpha(opacity=75);}
#menubar {position:absolute;top:0px;left:0px;z-index:2;opacity: 0.75;filter: alpha(opacity=75);}
.bluepixel2 {width:100vw;height:112px}
A.detailstext1:link {font-family:"impact";font-size:12px;color:white;text-decoration:none;}
A.detailstext1:visited {font-family:"impact";font-size:12px;color:white;text-decoration:none;}
A.detailstext1:active  {font-family:"impact";font-size:12px;color:white;text-decoration:none;}
A.detailstext1:hover {font-family:"impact";font-size:12px;color:white;text-decoration:underline;}
td {font-size:18px;color:white;padding:0px;}
td.services {font-family:impact;font-size:18px;color:white;padding: 5px;}
.status {font-family:impact;font-size:18px;color:white;}
A.services:link {font-family:"impact";font-size:18px;color:white;text-decoration:none;}
A.services:visited {font-family:"impact";font-size:18px;color:white;text-decoration:none;}
A.services:active  {font-family:"impact";font-size:18px;color:white;text-decoration:none;}
A.services:hover {font-family:"impact";font-size:18px;color:white;text-decoration:underline;}
p {font-family:impact;font-size:18px;color:#003333;margin-right: 10%;margin-left: 10%;text-align:center;}
H1.title{font-family:impact;font-size:18px;color:#003333;text-decoration:underline;text-align: center;}
#menubutton {position:absolute;top:0px;left:0px;z-index:5;opacity: 0.75;filter: alpha(opacity=75);}
#menubuttonbar {position:absolute;z-index:5;opacity: 0.75;filter: alpha(opacity=75);top:0px;left:50px;}
.bluepixel3 {height:41px;}
#menu {position:absolute;top:41px;left:0px;z-index:5;border:2px solid black;background:#003333;opacity: 0.75;filter: alpha(opacity=75);}