@charset "utf-8";
/* CSS Document */

/* 
	COLOR PALLET 
	Blue: #689BCD
	Dark Blue: #007CC2
	Grey: #939597
	Dark Grey: #4C4C4E
*/


@font-face {
    font-family: geosans;
    src: url(font/GeosansLight.ttf);
}
body {
	font-family: geosans;
}
	/* Top Fixed Info Bar */
#info {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	background-color: #939597;
	color: white;
	text-align:center;
	position: fixed;
	bottom: 0;
	z-index: 10;
}
	#info p, h2{
		display: inline;
		font-size: 1.5em;
		font-family: geosans;
	}
	#info h2{
		color:#007cc2;
		margin-right: .75em;
	}

	/* Repat Logo Image */
#logo{
	margin: 0 auto;
	text-align: center;
	width: 960px; 
}

	/* NAVBAR */
nav {
	z-index: 10;
	width: 100%;
	height: 3em;
	margin: 0 auto;
	background: #FFFFFF;
	padding-bottom: 1em;
}
	nav #navigation {
		text-align: center;
		border-width: 1px 0;
		list-style: none;
		margin: 0;
		padding: 0;
	}
		nav #navigation li {
			display: inline;
		}
		nav #navigation li a {
			display: inline-block;
			padding: 0.9em;
			text-decoration: none;
			color: #689BCD;
			font-family: geosans;
			font-size: 1.35em;
		}
		nav #navigation li a:hover {
			color:#007CC2;
		}
	
/* About Us */
#about {
	width: 960px;
	margin: 0 auto;
	color: white;
	
}
	#aboutus {
		background-color: #939597;
		width: 75%;
		height: 300px;
		float: left;
		color: white;
		padding: 50px 0 30px;
	}
		#aboutus h1 {
			text-align: center;
		}
		#aboutus p{
			font-size: 1em;
			padding: 0 3.5em;
			text-align: justify;
		}
		
	#aboutyou {
		background-color: #939597;
		width: 24.5%;
		height: 300px;
		float:  right;
		padding-top: 80px;
	}
		#aboutyou p{
			margin-top: 12em;
			text-align: center;
		}
/* Grey Globe */
#globe {
	width: 100%;
	text-align: center;
	position: relative;
	top: -41px;
}
/* Commercial Airline Rep */
#airline {
	clear: both;
	width: 960px;
	margin: 30px auto;
}
	#airport {
		float: left;
		width: 25%;
		height: 460px;
		padding-top: 13px;
	}
		#airport p{
			color: white;
			text-align: center;
			background-color:#939597;
			padding: 30px
		}
		
	#airlinebody {
		float: right;
		width: 75%;
		height: 460px;
	}
		#airlinebody h1{
			text-align: center;
			color: #4C4C4E;
		}
		#airlinebody p{
			font-size: 1em;
			width: 75%;
			text-align:justify;
			padding: 0 3.5em 3.5em;
			margin: 0 auto;
		}
/* Air Ambulance */
#ambulance {
	clear: both;
	width: 960px;
	margin: 0 auto;
	background-color: #689BCD;
	color: white;
	
}
	#ambulance h1{
		padding-top: 50px;
		padding-bottom: 20px;
		text-align: center;
	}
	#ambulance p{
		font-size: 1em;
		width: 75%;
		text-align:justify;
		padding: 0 3.5em 6em;
		margin: 0 auto;
	}
/* Bed Search Coordination */
#bed {
	clear: both;
	width:960px;
	margin:20px auto 27em;
}
	#bedsearch {
		width: 75%;
		float:left;
	}
		#bedsearch h1{
			color: #4C4C4E;
			text-align: center;
		}
		#bedsearch p{
			color: black;
			font-size: 1em;
			text-align:justify;
			padding: 0 3.5em 3.5em;
		}
	#bedimage {
		width: 25%;
		float: right;
	}
/* Stretcher */
#stretcher {
	clear: both;
	width: 960px;
	margin: 0 auto;
	background-color: #939597;
	color: white;
	padding: 40px 0;
	
}
	#stretcher h1{
		padding-top: 1em;
		text-align: center;
	}
	#stretcher p{
		font-size: 1em;
		width: 75%;
		text-align:justify;
		padding: 0 3.5em 3.5em;
		margin: 0 auto;
	}
/* CONTACT US */
#contact {
	clear:both;
	text-align: justify;
	background-color: #007CC2;
	width: 960px;
	margin: 0 auto;
	padding-bottom: 5em;
	padding: 3em 0 5em;
	color: white;
	
}
	#contact p{
		display:inline;
		font-size:30px;
	}
	#contact h2 {
		display:inline;
		margin-left: 6.8em;
		padding-right: 1em;
		font-size: 36px;
		
	}
	#contact h1 {
		font-size: 2em;
		text-align:center;
	}
	#contact ul{
		list-style:none;
		
	}
	#contact ul li{
		
	}

/*Brackets effect. Thanks to Mary Lou at http://tympanus.net */ 

.brackets a::before,
.brackets a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.brackets a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.brackets a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.brackets a:hover::before,
.brackets a:hover::after,
.brackets a:focus::before,
.brackets a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}