@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	} 
	
#displaybox {
	z-index: 10000;
	background-color: rgba(255,255,255,0.6);
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}

.popup{
	width:500px;
	left: 50%;
	margin-left:-250px;
	height:300px;
	margin-top: 150px;
	position:relative;
	overflow:visible;
	background-color:transparent;
	opacity: 1

}

	

.topdiv{
	height:412px;
	background-color: white;
}		

.topcontainer{
	width:800px;
	left: 50%;
	margin-left:-400px;
	height:415px;
	position:relative;
	overflow:visible;
	background-color:transparent;
	z-index:1;
	
}

.icons{
	height:40px;
	width: 200px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 15px;
    margin-bottom: 5px;
	position:relative;

}

.subhead{
	height:auto;
	width: 600px;
    margin-left:auto;
    margin-right:auto;
	position:relative;
	text-align: center;

}


.logotype{
	height:auto;
	width: 633px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 5px;
    margin-bottom: 5px;
	position:relative;

}

.pictogram{
	height:auto;
	width: 723px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 5px;
    margin-bottom: 15px;
	position:relative;

}

.caption{
	height:auto;
	width: 600px;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    margin-bottom: 10px;
	position:relative;
	text-align: center;

}

.bottomdiv{
	background-image: url('../images/bkgrndpattern.png');
}	

.bottomcontainer{
	width:800px;
	left: 50%;
	margin-left:-400px;
	height:400px;
	position:relative;
	overflow:visible;
	background-color:transparent;
	z-index:1;
	
}

.formdiv{
	height:65;
	width: 600px;
    margin-left:auto;
    margin-right:auto;
    padding-top: 25px;
	position:relative;
	text-align: center;
	text-shadow: 0 0 5px rgb(77, 77, 77);

}


h1{
	font-family: 'Quicksand', sans-serif;
	font-size:1.4em;
	font-weight: 300;
	letter-spacing: -1px;
	color:#666666;
	margin: 0;
}


h2{
	font-family: 'Quicksand', sans-serif;
	font-size:1.5em;
	font-weight: 700;
	letter-spacing: -1px;
	color:#3399FF;
	margin: 0;
}


h3{
	font-family: 'Quicksand', sans-serif;
	font-size:1.5em;
	font-weight: 500;
	text-align: center;
	text-shadow: 0 0 9px rgb(27, 134, 86);
	vertical-align: text-top;
	letter-spacing: -1px;
	color:#FFFFFF;
	margin:0;
}

h4{
	font-family: 'Quicksand', sans-serif;
	font-size:0.8em;
	font-weight: 800;
	text-align: center;
	text-shadow: 0 0 9px rgb(27, 134, 86);
	vertical-align: text-top;
	letter-spacing: -1px;
	color:#FFFFFF;
	margin-top:100px;
}

	
img{
	border:none;
	padding-right:2px;
	padding-left:2px;
}


hr.horiz {
	height:.5px;
	width:110px;
	color:#666666;

}

hr.horiz2 {
	height:.5px;
	width:400px;
	color:#666666;

}



#social{position:relative;}
#social li{margin-left: 41px; margin-right:auto; padding:0;list-style:none;position:absolute;top:0;}
#social li, #social a{height:39px;display:block;}

#facebook {left:0px;width:39px;}
#facebook {background:url('../images/socials-11.png') 0px 0px;}
#facebook a:hover {background: url('../images/socials-11.png') 0.2px -35.5px;}

#twitter{left:39px;width:39px;}
#twitter{background:url('../images/socials-11.png') -39px 0;}
#twitter a:hover{background: url('../images/socials-11.png') -39px -35.5px;}

#email{left: 78px;width:39px;}
#email{background:url('../images/socials-11.png') -78px 0;}
#email a:hover{background: url('../images/socials-11.png') -78.5px -35.5px;}