/* CSS Document */

*							{ margin:0; padding:0; border:0; }

body						{ font-family: arial;
							color:#fff;
							margin: 0 auto;
							background-image: url(../images/bg/mh_bg.jpg);
							background-repeat: no-repeat;
							background-attachment: fixed;
							background-color: #000;
							background-position: 50% 0%;
							}
				
#wrapper					{ width:1000px; margin:0 auto; }
	
#header						{ height:321px; margin:0 auto; }

#nav 						{ background-image:url(../images/navbar/mh_navbar.png);
							background-repeat:none; width:100%; height:49px; margin: 0 auto;  
							}
#nav_wrapper 				{ width: 100%; margin: 0 auto; text-align: left; }
#nav ul 					{ list-style-type: none; padding: 0; margin: 0; position: relative; min-width: 200px; }
#nav ul li 					{ display: inline-block; font-size:17px; font-weight: bold; margin: 0 0 0 3%; }
#nav ul li img				{ vertical-align: middle; padding-left: 5px; }
#nav ul li:hover 			{ background-color:rgba(255,255,255,0.15); }
#nav ul li a:hover 			{ }
#nav ul li a, visited 		{ color: #fff; display: block; padding: 15px 10px; text-decoration: none; }
#nav ul li:hover ul 		{ display:block; width: auto; }
#nav ul ul 					{ display: none; position: absolute; background-color: #333; }
#nav ul ul li 				{ display: block; }
#nav ul ul li a:hover 		{ }

#contentheader				{ background:rgba(13,13,13,1.00) }
#content					{ background-image:url(../images/bg/mh_content_bg.png); font-size: 18px;}
#content p					{ text-indent: 25px; line-height: 140%;padding: 0px 25px; }
#content p img				{ padding: 10px; }
#content table				{ margin: 0 auto; }
#content table p			{ font-size:14px; text-indent: -10px; }

#footer						{ clear:both; padding:30px 10px; background-color:#222; }
#footer h5					{ float:right; }
#footer h5 a				{ color:rgba(200,0,2,1.00); text-decoration:none; }
#footer h5 a:hover			{ color: rgba(255,80,83,1.00); text-decoration:none; }
#footer p					{ }

.float_right				{ float:right; }
.float_left					{ float:left; }
.text_indent				{ text-indent: 20px;}
.img_center					{ margin: 0 auto; display: block;}

/* Form field styling */

#bioform {
	position: relative;
	margin: 0 auto;
	padding:10px 0;
	height: auto;
	width: 50%;
	min-width: 325px;
}
input {
	border: 2px solid #eeeeee;
	height: 46px;
	margin: 10px 0 0 0;
	padding: 1%;
	font-size: 1em;
	line-height: 1.5em;
	color: #333333;
	letter-spacing: .01em;
	font-style: normal;
	font-weight: 300;
	font-family: source-sans-pro; sans-serif;
}

#fname{
	width:100%;
}

#lname{
	width:100%;
}

#email {
	width:100%;
}

#address {
	width: 100%;
}
#age {
	width: 30%;
}
#dob {
	width: 60%;
}
#hometown {
	width: 100%;
}
#record {
	width: 100%;
}
input[type=checkbox] {
	visibility: hidden;
}

#checkbox {
	position: absolute;
	top: 0;
  	left: 0;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
}

.customCheck {
	width: 90%;
	float: left;
	margin-top: 20px;
	position: relative;
}

.customCheck label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
  	left: 0;
	background: #eee;
	border:1px solid #ddd;
}

.customCheck label:after {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 5px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.customCheck label:hover::after {
	opacity: 0.5;
}

.customCheck input[type=checkbox]:checked + label:after {
	opacity: 1;
}

.robot {
	display: inline-block;
	position: relative;
	width: 60%;
	margin: 0 0 0 30px;
	line-height: 1em;
}

#submit {
	display: block;
	border: 0;
	width: 25%;
	height: 60px;
	margin: 30px auto 0;
	background: #eee;
	color: #333;
	text-align: center;
	transition: background, color, .5s ease 0;
	border: 0;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #333333;
	letter-spacing: .01em;
	font-style: normal;
	font-weight: 300;
	font-family: source-sans-pro; sans-serif;
}

#submit:hover {
	background: #DADADA;
	border: 1px #DADADA;
	color: #C43C3E;
}