<!DOCTYPE html>
<html>
<head>
<title>Telecommunication Specifications</title>
<link href="crt.css" rel="stylesheet" type="text/css" />

<style>
<!--body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #777;
}-->

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: 0.65;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("images/img_parallax.jpg");
/*  min-height: 700px; */
  min-height: 100%;
}

.bgimg-2 {
  background-image: url("images/img_parallax.jpg");
  min-height: 300px;
}

.bgimg-3 {
  background-image: url("images/img_parallax.jpg");
  min-height: 300px;
}

.caption {
	position: absolute;
	left: 0;
	top: 30%;
	width: 100%;
	text-align: center;
	color: #000;
}

.caption span.border {
/*  background-color: #111; */
/*  color: #fff; */
/*  padding: 18px; */
/*  font-size: 25px; */
/*  letter-spacing: 10px; */
}

h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    }
}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
Begin
function isodatetime() {
var today = new Date();
var year  = today.getYear();
if (year < 2000)    // Y2K Fix, Isaac Powell
year = year + 1900; // http://onyx.idbsu.edu/~ipowell
var month = today.getMonth() + 1;
var day  = today.getDate();
var hour = today.getHours();
var hourUTC = today.getUTCHours();
var diff = hour - hourUTC;
var hourdifference = Math.abs(diff);
var minute = today.getMinutes();
var minuteUTC = today.getUTCMinutes();
var minutedifference;
var second = today.getSeconds();
var timezone;
if (minute != minuteUTC && minuteUTC < 30 && diff < 0) { hourdifference--; }
if (minute != minuteUTC && minuteUTC > 30 && diff > 0) { hourdifference--; }
if (minute != minuteUTC) {
minutedifference = ":30";
}
else {
minutedifference = ":00";
}
if (hourdifference < 10) { 
timezone = "0" + hourdifference + minutedifference;
}
else {
timezone = "" + hourdifference + minutedifference;
}
if (diff < 0) {
timezone = "-" + timezone;
}
else {
timezone = "+" + timezone;
}
if (month <= 9) month = "0" + month;
if (day <= 9) day = "0" + day;
if (hour <= 9) hour = "0" + hour;
if (minute <= 9) minute = "0" + minute;
if (second <= 9) second = "0" + second;
time = + day + "/" + month + "/" + year;
document.isoclock.display.value = time;
window.setTimeout("isodatetime();", 500);
}
//  En
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>
</head>
<body onLoad="show_clock()">

<div class="bgimg-1">
  <div class="caption"> 
    <span class="border">


  <div id="centrebox">

  
  <div id="col1">  
    <div class="button"><a href="media/handbookSip.pdf" target="new">SIP Handbook</a></div>
  </div><!--col1-->

  <div id="col2">
    <div class="button"><a href="#" onclick="MM_openBrWindow('http://www.niccstandards.org.uk/','nicc','scrollbars=yes,toolbar=yes,menubar=no,resizable=yes,width=1010,height=600')" >NICC</a></div>
  </div><!--col2-->

  <div id="col3">   
    <div class="button"><a href="#" onclick="MM_openBrWindow('voice/itu/index.html','ITU-T','scrollbars=yes,toolbar=yes,menubar=no,resizable=yes,width=800,height=600')" >ITU-T</a></div>
  </div><!--col3-->

  <div id="col4">
    <div class="button"><a href="#" onclick="MM_openBrWindow('http://www.rfc-editor.org/','rfc','scrollbars=yes,toolbar=yes,menubar=no,resizable=yes,width=920,height=600')" >IETF - RFC</a></div>
  </div><!--col4-->
 
  </div><!--centrebox-->


</span>
  </div>
</div>
<div id="banner1">
  <h3 style="text-align:center;">FUTUREBLUE.COM</h3>
        <p align="center">The specifications and material listed herein are for informational purposes only and subject to change without notification. Please refer to the latest releases at either the ITU, NICC or IETF websites.</p>

</div><!--div banner1-->


<!--
<div class="bgimg-2">
  <div class="caption">
    <span class="border" style="background-color:transparent;font-size:25px;color: #f7f7f7;">LESS HEIGHT</span>
  </div>
</div> -->

<div id="banner1">
  <h3 style="text-align:center;">bottom banner</h3>

  <div id="centreboxaccreditation">

  
  <div id="basecol1">  

  </div><!--col1-->

  <div id="basecol2">

  </div><!--col2-->

  <div id="basecol3">   

  </div><!--col3-->

  <div id="basecol4">

  </div><!--col4-->
 
  </div><!--centreboxaccreditation-->
  
</div>

<!--
<div class="bgimg-3">
  <div class="caption">
    <span class="border" style="background-color:transparent;font-size:25px;color: #f7f7f7;">SCROLL UP</span>
  </div>
</div>

<div style="position:relative;">
  <div style="color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify;">
    <p>Scroll up and down to really get the feeling of how Parallax Scrolling works.</p>
  </div>
</div>

<div class="bgimg-1">
  <div class="caption">
    <span class="border">Thank You</span>
  </div>
</div>-->

</body>
</html>