<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>CYDEX Corporation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style type="text/css">
* {margin:0;padding:0}

html,body{height:100%;width:100%;}

body { 
	text-align:center;
}
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
}	
#xinner {
	width: 80%;
	background: transparent;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	border:0px;
}

p,h1{margin-bottom:1em}
#header{margin-right:0}
.maintxt{text-align:left;margin:1em;}
#xinner h1#logo a{padding:0;height:108px}

.overlay-image {
  background: transparent;
  position: relative; /* absolute or relative/fixed depending on layout */
  z-index: 1; /* higher than background */
}

</style>
<!--[if lt IE 8]>
<style type="text/css">
#xouter{display:block}
#xcontainer{top:50%;display:block;zoom:1.0}
#xinner{top:-50%;position:relative}
</style>
<![endif]-->

<!--[if IE 7]>
<style type="text/css">
#xouter{
position:relative;
overflow:hidden;
}
</style>
<![endif]-->

</head>

<body style="background-image: url('BG.jpg'); background-size: cover; background-repeat: no-repeat;">

<div id="xouter">
	<div id="xcontainer">
		<div id="xinner">
			<div id="header">
				<p style="font-size:22px; color:white; font-family:Arial;">
					We're remodeling our website...<br>
					<br>
					please come back later.<br>
				</p>
			</div>
			<div>
				<img src="Logo.png" alt="Transparent Image" class="overlay-image" width="500">
			</div>
		</div>
	</div>
</div>

</body>

</html>