body{
	font-family:Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5{
	padding:0;
	margin:0;
}

#wrapper{
	width:800px;
	margin:0 auto;
	text-align:center;
}

#header, #content, #footer{
	background:#eee;
	height:100px;
	width:100%;
	margin-bottom:8px;
	padding:40px;
}

#content{
	height:500px;
}

#popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#333;
	z-index:9998;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
	display:none;
}

#popup-signup{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:900px;
	z-index:9999;
	display:none;
}


#popup-signup h3{
	font-size:18px;
	margin:15px 0;
	color: #fff;
}

#popup-signup h4{
	font-size:32px;
	color:#fff;
	font-weight:normal;
}

#popup-signup p{
	font-size:18px;
	color:#333;
	font-weight:bold;
}

#popup-signup form{
	position:relative;
}

#popup-signup .text{
	border:0;
	padding:6px;
	width:150px;
	font-size:14px;
	position:relative;
	z-index:999999;	
}

#popup-signup .af-element{
	float:left;
	margin-right:15px;
	margin-top:10px;
}

#popup-signup .buttonContainer{
	position:relative;
	top:14px;
}

#popup-signup .buttonContainer .submit{
	color: white;
	border-radius: 4px;
	border:0;
	font-size:16px;
	padding:4px 6px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	background: #000;
}

#popup-signup .buttonContainer .submit:hover{
	cursor:pointer;
	background:#333;
}

/*#closepopup{
	position:relative;
	top:-25px;
	right:-25px;
}*/

#closepopup:hover{
	cursor:pointer;
}

#popup-signup ul li{
	font-size:16px;
	margin-bottom:10px;
	list-style-type:square;
	margin-left:30px;
}
@media only screen and (max-width:900px) {
#popup-signup{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:800px;
	z-index:9999999;
	display:none;
	overflow:scroll;
}

#popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#333;
	z-index:999999;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
	display:none;
}




}
@media only screen and (max-width: 700px) {
#popup-signup{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:600px;
	z-index:9999999;
	display:none;
	overflow:scroll;
}

#popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#333;
	z-index:999999;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
	display:none;
}



}

@media only screen and (max-width: 600px) {


#popup-signup{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:500px;
	z-index:9999999;
	display:none;
	overflow:scroll;
}

#popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#333;
	z-index:999999;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
	display:none;
}





}