@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('fonts/ColabThi-webfont.eot');
    src: url('fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ColabThi-webfont.woff') format('woff'),
         url('fonts/ColabThi-webfont.ttf') format('truetype'),
         url('fonts/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body {height: 100%, width:100%; background: #000;  margin: 0;
  padding: 0;
  border: 0; z-index: -2;
background-image:url('img/background1.png');background-repeat:no-repeat;
background-size:1600px;
min-width:1510px;
}
.collaborate {
font-family: 'ColaborateThinRegular';
}

p {margin-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom:15px; text-align: justify;}
img {border-style: none;}

.page2 {position: absolute; top: 150px; left:auto; right:auto; width:100%;}


.page1{
position:absolute;
z-index:-1;
top:0;

width: 100%;
min-width: 1600px;

}

.menulink{
z-index: 10;
position: absolute;


left: auto;
right: auto;
top:80px;
color: #FEE;
width: 100%;
word-spacing: 20px;
letter-spacing: 3px;
text-decoration: none;

}

.menulink a,  .menulink a:visited, .menulink a:active {
font-size: 2.5em;
color: #FEE;
text-decoration: none;    
-webkit-transition: all 1s linear;
       -moz-transition: all 1s linear;
         -o-transition: all 1s linear;
            transition: all 1s linear;

}

.menulink a:hover{
text-decoration:none;
color: #16A7CC;

}

.logo {
position: absolute;
left:20px;
top: 30px;
right: auto;
width:400px;
z-index: 20;
display:block;
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
-webkit-transition: all .7s linear;
       -moz-transition: all .7s linear;
         -o-transition: all .7s linear;
            transition: all .7s linear;
}

.logo:hover {
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.contact {
position: absolute;
left:40px;
top:130px;
color: #FEE;
width: 100px;
word-spacing: 20px;
letter-spacing: 3px;
text-decoration: none;

right:auto;
display: block;
z-index: 9;

-webkit-transition: all .7s linear;
       -moz-transition: all .7s linear;
         -o-transition: all .7s linear;
            transition: all .7s linear;
}
.contact a,  .contact a:visited, .contact a:active {
font-size: 2.5em;
color: #FEE;
text-decoration: none;    
-webkit-transition: all .7s linear;
       -moz-transition: all .7s linear;
         -o-transition: all .7s linear;
            transition: all .7s linear;
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}

.contact a:hover{
text-decoration:none;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}


.content {
color: #FFF;
font-size: 3em;
position: relative;
top: 35%;
width: 100%;
}

.shadow {
{
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}