style for demo and examples 
	<style>
		{height:100%; min-width:980px;}
		body{margin:0; 
		padding:0; 
		color:#eee; 
		background:#222; 
		font-family:"HelveticaMedium", helvetica, arial, sans-serif; 
		font-size:12px; 
		line-height:17px;}
		
		h12,h13,h14{font-family:"HelveticaMedium", helvetica, arial, sans-serif}
		h12{font-size:42px; line-height:34px; font-weight:normal; color:#000000; margin:10px 0;}
		h13{font-size:22px; line-height:12px; font-weight:normal; color:#000000; margin:10px 0;}
		h14{font-size:22px; line-height:25px; font-weight:normal; color:#000000; margin:10px 0;}

		.content{margin:0px 0 0px 0px; width:430px; height:200px; padding:0px; overflow:auto;}

		.content img{max-width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:4px; border:solid 0px #666;}

		.content_1,.content_2,.content_3{float:left;}

		
		
	
	#contact_form	{
	width:400px;
	margin:0 auto;
	height:180px;
	top:199px;
	padding:10px 10;
	position:absolute;
}
						
	form fieldset		{
	margin:0px 0px 5px 5px;
	width:450px;
	height:180px;
	position:absolute;
	border:0;
	display:block;
	padding: 0px 0px 0px;
	left: -5px;
	top: 18px;
}



}						
	form fieldset legend	{ border-width:0px; border-style:solid; border-color:#BBBB66; color:#3D7169;
						padding:4px 8px; margin:0px 0px 5px 5px; position:absolute; top: 0px; background:white; }
						
	label				{ display:block; float:left; width:10em; text-align:left;
						margin:.2em .2em 0 0; color:#2b8267; padding:0px 0px; }
						
	label.error           	{
	font-weight:bold;
	color:red;
	text-align:left;
	width:213px;
	padding:10px 25px;
	background: transparent url(/images/cancel.png) no-repeat scroll left;
}
						
	input.text-input	{ margin:2px;padding:5px 0;color:#333; }
textarea {
	 
	
}

	label#name_label    { position:absolute; top:0; left:0; }
	input#name            	{ position:absolute; top:0; left:40px; }
	label#name_error    {
	position:absolute;
	top:97px;
	left:18px;
}

	label#email_label  { position:absolute; top:35px; left:0px; }
	input#email           	{ position:absolute; top:35px; left:40px; }
	label#email_error  {
	position:absolute;
	top:97px;
	left:18px;
}

	label#phone_label 	{ position:absolute; top:70px; left:0px; }
	input#phone           	{ position:absolute; top:70px; left:40px; }
	label#phone_error  {
	position:absolute;
	top:98px;
	left:17px;
}

	label#remark_label{ position:absolute; top:-10px; left:235px; }
	textarea#remark         {
	position:absolute;
	top:13px;
	left:235px;
}


	input.button		{ top:80px;  padding:4px 16px;     position:relative;
    float:right;
						border:1px solid #fff; margin:20px 10px 0px 0px; color:#3D7169; 
						background:#CCC; -moz-border-radius:0px; }

	input.button:hover{ background:#d62027 none repeat scroll 0% 0%; color:white; }
	#message		{ width:180px;margin:60px 0 0 100px; }
	#message h2		{ font-size:150%;color:white; }
	#message p		{ color:white;font-weight:bold;margin:6px 0px; }
	#checkmark		{ position:relative;top:-46px;left:-60px; }

		
	</style>