<html>
<head>
<style>
.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: /*whatever width you want*/;
}
p {
font: normal 20px/1 Verdana, Geneva, sans-serif;
color: black;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
text-align: center;
}
small {
font: normal 14px/1 Verdana, Geneva, sans-serif;
color: black;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
text-align: center;
}
</style>
<!--<meta http-equiv="refresh" content="10; url=http://www.kudosintech.com/"> -->
<script type = "text/javascript">
var timeInSecs;
var ticker;
function startTimer(secs){
timeInSecs = parseInt(secs)-1;
ticker = setInterval("tick()",1000);   // every second
}
function tick() {
var secs = timeInSecs;
if (secs>0) {
timeInSecs--;
}
else {
clearInterval(ticker); // stop counting at zero
required
}
document.getElementById("countdown").innerHTML = secs;
}

startTimer(10);  // 10 seconds 
</script>
</head>
<body>
<div class="outer">
<div class="middle">
<div class="inner">
<div align=center>
<img src="http://www.cdsintdev.com/wp-content/uploads/2013/04/cds-logo.png" alt="" border="0" />
<p>is now</p>
<img src="http://www.cdsintdev.com/wp-content/uploads/logo11.png" alt="" border="0" />
<p><a href="http://www.kudosintech.com/">Click here to visit the new site...</a></p>
<small>(You will be automatically redirected in <span id="countdown" style="font-weight: bold;">10</span> seconds...)</small>
</div>
</div>
</div>
</div>
</body>
</html>