html,
body {
   margin:0;
   padding:0;
   width:100%;
   height:100%;
}

div.topbanner { 
	top: 0; 
	left: 0;
	background: url(GFX/banner-projects.jpg);
	background: 50% calc(0px + 50%);
	background: no-repeat;
	background-size: 100% 100%;
    height:840px;
    width:100%;
}

#frontpage, #main {
    max-width: 100%;
    height: 100%;
    width: 100%;
    position: absolute;
}

#frontpage .background{
    max-width: 100%;
    height: 300px;
    width: 900px;
    z-index: 1;    
}

#gallery-slider {
	background-color: #202020;
    width: 900px;
    
}

div.floating-menu {
    font-family: sans-serif;
    padding: 5px;;
    width: 150px;
    z-index: 100;
    position: fixed;
	right: 400px;
  }
div.floating-menu a, 
div.floating-menu h3 {
    font-size: 0.9em;
    display: block;
    margin: 0 0.5em;
    color: white;
  }

#frontpage-middle-text {
    background-color: #202020;
	color: white;
    margin-top: 5%;
    margin-top: 0vmax;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 60%;
    width: 80vw;
    font-size: 1.3em !important;
    position: relative;
    text-align: center;
  /*  top: 46%;*/
}

.limittext, .limittext p {
  /*  width: 60%;
    width: 60vmax;
    max-width: 60%;
    max-width: 60vmax;
    min-width: 60%;
    min-width: 60vmax;
    */
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}

img {
display: block;
    margin-left: auto;
    margin-right: auto;
	}
	.thumb {
	border-style: solid;
	border-width: 4px;
	border-color: #FFFFFF;
}
	.thumb:hover{
	border-color: #6C97ED;
	}
	H1 {
	font-size: 32px; font-family: "arial"; color:#FFFFFF; font-weight: Bold;
	text-align:center;
 }
p {
	font-size: 18px; font-family: "arial"; color:#FFFFFF; font-weight: regular;
	text-align:justify;
 }
  .quote{
	font-size: 25px; font-family: "arial"; color:#c9ac47; font-weight: regular; text-align:center;
 }
 .copyright{
	font-size: 16px; font-family: "arial"; color:#8b8b8b; font-weight: regular; text-align:center;
 }
 .close{
	font-size: 16px; font-family: "arial"; color:#6C97ED; font-weight: regular;
	text-align:right;
	text-decoration:underline
 }
 .message {
	font-size: 22px; color:#6C97ED;  font-weight: Bold;
	text-align:center;
 }
 .log {
 text-align:center;
line-height:1.5;
 }
  .author {
  font-size: 18px; color:#FFFFFF; font-weight: regular;
  text-align:center;
line-height:1.5;
 }
li{
 font-size: 22px; font-family: "arial"; color:#FFFFFF;
 margin: 15px 0;
 }
 
a {
	font-size: 18px; font-family: "arial"; color:#929292;
	text-align:justify;
	text-decoration:underline
 }
 
 a.hover {
	font-size: 18px; font-family: "arial"; color:#929292;
	text-align:justify;
 }
 
 .text {
	background-color : #D0E0FF;
	border: 0px;
	width: 198px;
	height: 32px;
	font-size: 18px;
	color: #929292;
	font-family: "Arial";
	margin: 3px;
	padding-left: 10px;
	text-align: center;
}
 .text2 {
	background-color : #D0E0FF;
	border: 0px;
	width: 120px;
	height: 26px;
	font-size: 18px;
	color: #929292;
	font-family: "Arial";
	margin: 3px;
	padding-left: 10px;
	text-align: center;
}

.text,select {
	color : #000000;

}

.text:focus {
	color: #000000;
	outline: none;
}
.required{
background: url(../graphic/input.png) no-repeat scroll;
    width: 249px;
    height: 66px;
	border: 0px;
padding-left:20px;
padding-right:20px;
font-size: 22px;
	color: #929292;
	font-family: "Arial";
}
.required:focus{
outline: none;
}


.button {
  background:url(../graphic/signup_btn.png) no-repeat;
    cursor:pointer;
    width: 232px;
    height: 66px;
    border: 0px;
}

.button:hover {
  background:url(../graphic/signupHover_btn.png) no-repeat;
    cursor:pointer;
    width: 232px;
    height: 66px;
    border: 0px;
}
.button:focus {
  outline: none;
}

#blanket {
background-color:#111;
opacity: 0.85;
*background:none;
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}

#popUpDiv {
position:absolute;
width:600px;
height:400px;
border:0px solid #000;
z-index: 9002;
}