.info-block {
	display: inline-block;
	position: relative;
	float: left;
	vertical-align: top;
	width: 300px;
	height: 200px;
	background-color: white;
	background-repeat: no-repeat;
	margin: 10px 10px 10px 10px;
	text-decoration: none;
}

.box-shadow {
	box-shadow: 10px 10px 20px 0px black;
}

.text {
	position: absolute;
	font: arial;
	font-family: arial, san-serif;
	font-weight: bold;
	font-style: italic;
	margin: 5px 5px 5px 5px;
	text-align: left;
}

.info-block .text {
	font-size: 2em;
}

#header {
	position: static;
	clear: left;
}

#block {
	position: static;
	clear: left;
}

#content {
	position: static;
	clear: left;
	font-weight: normal;
	padding: 20px 20px 20px 20px;
	font-size: 1em;
	text-align: justify;
	font-style: normal;
}

#footer {
	position: static;
	clear: left;
	min-width: 300px;
	left: 10px;
	right: 10px;

	bottom: 0px;
	height: auto;
	background-color: white;
	margin: 10px 10px 10px 10px;
}

@media screen and (min-width: 319px) {
	#footer {
		width: auto;
	}
}

@media screen and (max-width: 320px) {
	#footer {
		width: 300px;
	}
}

#logo {
	background-image: url("images/logo/CyanaxisLogo-color-horiz-whitebg.svg");
	background-size: 100% auto;
	box-shadow: none;
	top: 20%;
}

#tagline {
	color: rgb(255, 255, 255); /* WHITE */
	background-color: rgb( 0, 200, 200); /* CYAN */
	box-shadow: none;
}

@media screen and (min-width: 640px) {
	
	#tagline {
		min-width: 300px;
		right: 10px;
		width: auto;
	}
	
	#tagline.main {
		position: absolute;
		left: 329px; /* "fudge" */
	}
	
	#tagline.info {
		position: absolute;
		left: 639px; /* "fudge" */
	}
}

@media screen and (max-width: 639px) {
	
	#tagline {
		width: 300px;
	}
}

#tagline .text {
	display: block;
	font-size: 1.2em;
	padding: 10px 10px 10px 10px;
	max-width: 350px;
}

#tagline .contact {
	position: absolute;
	display: block;
	font-size: 1.2em;
	padding: 5px 5px 5px 5px;
	right: 10px;
	bottom: 10px;
	text-align: right;
	font: arial;
	font-family: arial, san-serif;
	font-weight: bold;
	font-style: italic;
}

#about-us {
	background-image: url("images/iStock_000051454732_Small.jpg");
	background-size: 100% auto;
	color: rgb(255, 255, 255); /* WHITE */
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; /* BLACK OUTLINE */
}

#contact-us {
	background-image: url("images/iStock_000059058142_Small.jpg");
	background-size: 100% auto;
	color: rgb(0, 0, 0); /* BLACK */
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; /* WHITE OUTLINE */
}

#the-future {
	background-image: url("images/iStock_000082652435_Small.jpg");
	background-size: 100% auto;
	color: rgb(255, 255, 255); /* WHITE */
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; /* BLACK OUTLINE */
}

.text-block {
	display: inline-block;
	float: left;
	color: rgb(0, 0, 0); /* BLACK */
	background-color: white;
	font: arial;
	font-family: arial, san-serif;
	font-weight: bold;
	font-style: italic;
	margin: 5px 5px 5px 5px;
}

h1 {
	color: rgb( 0, 200, 200); /* CYAN */
	font: arial;
	font-family: arial;
	font-weight: bolder;
	font-style: italic;
	font-size: 2em;
	text-align: left;
	text-transform: uppercase;
	text-indent: 0px;
}

h2 {
	color: rgb( 0, 200, 200); /* CYAN */
	font: arial;
	font-family: arial;
	font-weight: bolder;
	font-style: italic;
	font-size: 1.5em;
	text-align: left;
	text-transform: uppercase;
	text-indent: 0px;
	margin: 20px 20px 20px 0px;
}

h3 {
	color: rgb( 0, 200, 200); /* CYAN */
	font: arial;
	font-family: arial;
	font-weight: bolder;
	font-style: italic;
	font-size: 1.2em;
	text-align: left;
	text-transform: uppercase;
	text-indent: 0px;
	margin: 20px 20px 0px 0px;
}

ul#contact {
	list-style: none;
	list-style-position: outside;
	font: arial;
	font-family: arial, san-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
}

li {
	text-align: left;
	display: block;
	list-style-position: outside;
	text-indent: 0px;
}

li#phone:before {
	font-style: normal;
	display: block;
    float: left;
	content: "\260e \0000a0"; 
}

li#email:before {
	font-style: normal;
	display: block;
    float: left;
	content: "\0040 \0000a0"; 
}

li#mail:before {
	font-style: normal;
	display: block;
    float: left;
	content: "\2709 \0000a0"; 
}

li#mail:after {
	text-align: left;
}

span.obfuscator {
    display: inline;
    padding: 0px 5px;
}

span.obfuscator span {
    display: none;
}