/** main blocks **/
#container {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 30px;
	color: white;
	margin: 0;
	margin-bottom: 66px;
	padding: 0px 20px 20px 20px;
	box-sizing: border-box;
	display: inherit;
	min-width: 500px;
	width: 800px;
	position: absolute;
	clear: left;
	float: left;
	top: 150px;
}


/** the form elements **/
#hongkiat-form {
	}

#hongkiat-form .txtinput {
	display: block;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 28px;
	padding: 11px 25px;
	width: 90%;
	color: #333333;
	opacity:0.8;
}

#hongkiat-form .txtinput:focus { 
color: #333333;
}

#hongkiat-form input#name {
}
#hongkiat-form input#email {
}
#hongkiat-form input#website {
}
#hongkiat-form input#telephone {
}

#hongkiat-form textarea {
	display: block;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 28px;
	padding: 11px 25px;
	width: 90%;
	height: 180px;
	color: #333333;
	opacity:0.8;
}
#hongkiat-form textarea:focus {
color: #333333;
}
#hongkiat-form textarea.txtblock {
}

#hongkiat-form #slider { width: 60%; }

#hongkiat-form #aligned {
	float: left;
	width: 100%;
}
#hongkiat-form #aside {
	float: left;
	width: 250px;
	padding: 0;
}

#wrapping {
	width: 100%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

span.radiobadge { display: block; margin-bottom: 8px; }
span.radiobadge label { font-size: 1.2em; padding-bottom: 4px; }

select.selmenu {
font-size: 18px;
line-height: 28px;
color: #333333;
padding: 9px !important;
width: 200px;
}

/** custom buttons **/

#buttons {
	display: block;
	padding-top: 10px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#buttons #resetbtn {
	display: block;
	float: left;
	color: #aaaaaa;
	margin-right: 20px;
	height: 3em;
	padding: 0 1em;
	outline: 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	white-space: nowrap;
	word-wrap: normal;
	vertical-align: middle;
	cursor: pointer;
	background-color: #fff;	
}

#buttons #resetbtn:hover {
color: #333333;
background-color: #fff;

}

#buttons #submitbtn {
	display: block;
	float: left;
	color: #aaaaaa;
	margin-right: 20px;
	height: 3em;
	padding: 0 1em;
	outline: 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	white-space: nowrap;
	word-wrap: normal;
	vertical-align: middle;
	cursor: pointer;
	background-color: #fff;	
}
#buttons #submitbtn:hover, #buttons #submitbtn:active {
color: #333333;
background-color: #fff;
}

/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
.clearfix-results {
	display: inline-block;
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #333333;
	font-size: 18px;
	line-height: 28px;

}
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }