body {
			font-size: 13pt;
			font-family: tahoma;
		}

		#header .logo {
			width: 160px;
			padding-left: 50px;
			background: #FFF;
			line-height: 75px;

			-webkit-transition: width 500ms, line-height 500ms ;
			-moz-transition: width 500ms, line-height 500ms;
			-ms-transition: width 500ms, line-height 500ms;
			-o-transition: width 500ms, line-height 500ms;
		}


		#header .logo img { width: 100%; }

		#header.splash .logo { width: 275px; line-height: 375px;}

		#header {
			position: relative;
			height: 175px;
			border-bottom: 7px solid black;
			overflow: hidden;

			-webkit-transition: height 500ms;
			-moz-transition: height 500ms;
			-ms-transition: height 500ms;
			-o-transition: height 500ms;

		}
		#header.splash {
			height: 400px!important;
		}
		#header .logo {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 3;
			height: 100%;
			padding: 10px;
		}

		#header.splash .buffer {
			left: 275px;
		}
		#header .buffer {
			margin-left: -75px;
			position: absolute;
			top: 0px;
			left: 160px;
			width: 200px;
			z-index: 2;
			height: 100%;
			background: url(images/whitetransparent.png) repeat-y;

			-webkit-transition: left 500ms;
			-moz-transition: left 500ms;
			-ms-transition: left 500ms;
			-o-transition: left 500ms;

		}

		#headerCarousel {
			height: 400px;
			background: beige;
			z-index: 1;
		}

		ul.menu {
			list-style-type: none;
			border-bottom: 1px solid #000;
			height: 55px;
			padding: 0px;
			margin: 0px;
			margin-bottom: 20px;
		}

		ul.menu li {
			float: left; 
			font-size: 21pt;
			font-family: tahoma;
			padding: 0px 30px;
			border-left: 1px solid black;
			margin-top: 10px;
		}

		ul.menu li a {
			color: #000;
			text-decoration: none;
		}

		ul.menu li:first-child {
			border-left: 1px solid white;
			padding: 00px 30px 10px 0px;
		}

		.switch {
			margin-bottom: -25px;
		}

		.openclose {
			position: relative;
			height: 25px;
			width: 50px;
			background: #000;
			float: right;
			cursor: pointer;
			border-radius: 0 0 10px 10px;
			margin-right: 25px;
			color: white;
			text-align: center;
			line-height: 25px;

			transform: rotate(0deg);
		}

		.openclose .fa {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);

			-webkit-transition: transform 500ms;
			-moz-transition: transform 500ms;
			-ms-transition: transform 500ms;
			-o-transition: transform 500ms;

		}

		.splash .openclose .fa {
			transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
		}

		#headerCarousel .item {
			background-size: cover;
			height: 400px;
		}

		#headerCarousel .item.brownfield {
			background-image: url(images/service_brownfield.jpg);
		}

		#headerCarousel .item.screening {
			background-image: url(images/service_screening.jpg);
		}
		#headerCarousel .item.training {
			background-image: url(images/service_training.jpg);
		}

		#headerCarousel .item.decommissioning {
			background-image: url(images/service_decommission.jpg);
		}

		#headerCarousel .item.drilling {
			background-image: url(images/service_drilling.jpg);
		}

		#headerCarousel .item p {
			margin-top: 280px;
			float: right;
			padding: 10px;
			color: #FFF;
			background: rgba(0,128,0,0.75);
		}

.animated.bounce { animation-name: dont-bounce } 
.firsto:hover > .animated.bounce { animation-name: bounce }


.firsto {
	position: relative;
	background:#ccc;
	padding:10px;
	overflow: hidden;
	border-radius:5px;
}

.firsto:hover .rotate {
	transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	color: rgba(128,128,128,0.3);
	margin: -50px 0 0 0;
	font-size: 12em;
}

.firsto .rotate {
	position: absolute;
	right: -20px;
	top: -20px;
	z-index: 10;

	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);

	color: rgba{0,0,0,0.3}
	font-size:1em;
	margin: 0px;

	-webkit-transition: margin 300ms, font-size 300ms, color 300ms;
	-moz-transition: margin 300ms, font-size 300ms, color 300ms;
	-ms-transition: margin 300ms, font-size 300ms, color 300ms;
	-o-transition: margin 300ms, font-size 300ms, color 300ms;

}
a.faq {
	text-decoration: none;
	color: #000;
	font-size: 1.3em;
}
.firsto div {
	z-index: 200;
	text-align: center;
}


#footer {
	font-size: .85em;
	background: #262524;
	color: #FFF;
}

#footer ul {
	margin: 0px;
	padding: 0 0 0 15px;
}
#footer a {
	color: white;
}


#testimonialCarousel {
		border: 1px solid #009ED5;
		margin-bottom: 50px;
		background: beige;
}
	div.testimonial {
		padding: 10px;
		font-size: 0.75em;
	}

	.testimonial p.testimonial {
		font-weight: bold; 
		font-style: italic;
		font-size: 1.15em;
	}

h2, h3, h4 { color: #009ED5; }
#footer h3 { color: white; }

p.indent {
	margin-left: 15px;
}
p.disclaimer {
	font-size: 0.75em;
}
.col-lg-4	h4 { background: #009ED5; color: #FFF; padding: 5px; margin-bottom: 0px; border: 1px solid #009ED5; border-radius: 5px 5px 0px 0px; }

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 300px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 300px;
}

#footer div.top.container {
	height: 230px;
}
#swiftdesign {
	background: #000;
	height:70px;
}


	#swiftdesign {
		padding-top: 10px;
	}
	#swiftdesign .logo {
		font-family: arial black;
		height: 20px;
		float: right;
	}

	#swiftdesign p {
		color: #606060;
		font-size: 0.75em;
	}

	#swiftdesign .swift {
		color: #FFFFFF;
		line-height: 15px;
		height: 15px;
		font-size: 15px;
	}

	#swiftdesign .design {
		color: #C00000;
		line-height: 15px;
		height: 15px;
		font-size: 15px;
	}

	#swiftdesign .internet.solutions {
		color: #FFFFFF;
		font-family: arial narrow;
		letter-spacing: 2px;
		display: block;
		line-height: 7px;
		font-size: 7px;
		height: 7px;
		text-align: right;
	}

	#swiftdesign .logo div {
		float: left
	}

	#swiftdesign .logo img {
		height: 22px; margin: 6px 0 0 3px;
	}