html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: #FFFFFF;
}



#maincon {
	position: absolute;
	width: 100%;
	min-width: 300px;
	background-color: #FFFFFF;
	z-index: 0;
}



#formhold {
	margin: 0 auto;
	width: 900px;
	overflow: hidden;
}


#formdlg {
	padding: 50px;
	float: left;
	width: 350px;
	min-width: 250px;
}


#formdiv {
	padding: 50px;
	float: left;
	width: 350px;
	min-width: 250px;
}

input, select, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#pckgform .txtinput {
	width: 100%;

}

#pckgform textarea {
	width: 100%;
	height: 100px;
	resize: none;
}

h1 {
	font-family: Symbol;
	font-weight: 300;
	font-size: 20px;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	line-height: 2;
}
	

.dlg {
	font-family: Symbol;
	font-weight: 200;
	font-size: 12px;
	font-style: normal;
	letter-spacing: 2.2px;
	line-height: 2;
}

.formlabel {
	font-family: Symbol;
	font-weight: 200;
	font-size: 10px;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.special {
	font-family: Symbol;
	font-weight: 300;
	font-size: 16px;
	font-style: normal;
	color: red;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	line-height: 0;
}




@media (max-width: 900px) {


	#formhold {
		margin: 0 auto;
		width: 450px;
		overflow: hidden;
	}

	#formdlg {
		padding: 50px;
		width: 350px;
	}


	#formdiv {
		padding: 50px;
		width: 350px;
	}

	#pckgform .txtinput {
		width: 100%;
	}


}



@media (max-width: 500px) {



	#formhold {
		width: 100%;
		overflow: hidden;
	}

	#formdlg {
		padding: 0px;
		width: 100%;
	}
	
	#dlghold {
		padding: 20px;
	}

	#formdiv {
		padding: 0px;
		width: 100%;
	}
	
	#forminput {
		padding: 20px;
	}

	#pckgform .txtinput {
		width: 100%;
	}


}



.formlabel a {
	color: #FF0000;
	text-decoration: underline;
}