html, body{
	margin: 0;
	padding: 0;
	background: #f5f1e3 url(images/whole_bg.gif) repeat-x top;
	font-family: "Trebuchet MS", Georgia, Arial, sans-serif;
	color: #333333;
}

.whole{
	width: 750px;
}

#header_bg{
	width: 100%;
	height: auto;
	float: left;
	background: url(images/header_bg.gif) no-repeat center top;
}

/* Header Styles */

	#header{
		width: 750px;
		height: auto;
		float: left;
		margin: 12px 0 0 0;
	}

	#htop_c{
		width: 750px;
		height: 21px;
		float: left;
		background: url(images/htop_c.jpg) no-repeat;
		font-size: 0;
	}

	#lvl_menu{
		width: 740px;
		height: 25px;
		float: left;
		margin: 0;
		padding: 0 0 0 10px;
		background: url(images/menu_bg.jpg) no-repeat;
		list-style: none;
		color: #FFFFFF;
		overflow: hidden;
	}

	#lvl_menu li{
		width: auto;
		height: auto;
		float: left;
		padding: 0;
		margin: 0;
		font-size: 14px;
		vertical-align: top;
	}

	#lvl_menu li a, #lvl_menu li a:link, #lvl_menu li a:visited, #lvl_menu li a:active{
		width: auto;
		height: auto;
		float: left;
		padding: 2px;
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
	}

	#lvl_menu li a:hover{
		color: #CCFF00;
		text-decoration: underline;
	}

	#htop_01{
		width: 635px;
		height: 56px;
		float: left;
		background: url(images/htop_01.jpg) no-repeat;
		padding: 42px 0 0 115px;
		text-align: left;
		font-size: 0;
	}

	.main_title{
		font-size: 24px;
		margin: 0;
		padding: 0;
		color: #FFFFFF;
		font-weight: normal;
	}
	
	.main_title a{
	text-decoration: none;
	color: #FFFFFF;
			}

	.punch_line a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #bddcf7;
	font-weight: normal;
	text-decoration: none;
	}
	
	.punch_line{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 0;
		padding: 0;
		color: #bddcf7;
		font-weight: normal;
	}

	#htop_02{
		width: 750px;
		height: 176px;
		float: left;
		background: url(images/htop_02.jpg) no-repeat;
	}

	#order_button{
		width: 241px;
		height: 120px;
		float: left;
		margin: 48px 0 0 17px;
	}

/* Content Styles */

	#content_bg{
		width: 100%;
		height: auto;
		float: left;
		background: url(images/content_bg.gif) no-repeat center top;
	}

	.content{
		width: 730px;
		float: left;
		padding: 10px;
		background: #FFFFFF url(images/cinner_bg.jpg) no-repeat top center;
		text-align: left;
	}

	.left_content{
	width: 460px;
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}

	.right_content{
		width: 255px;
		height: auto;
		float: right;
		padding-left: 5px;
	}

	.title{
		font-size: 20px;
		padding: 0;
		margin: 10px 0 5px 0;
		float: left;
		width: 460px;
		height: auto;
		color: #85C53D;
	}

	.reg{
	font-size: 13px;
	color: #000;
	padding: 0;
	margin: 0 0 10px 0;
	float: left;
	width: 460px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
	}

	.st{
	font-size: 11px;
	color: #36A0E7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-weight: bold;
	}

	.center{
		text-align: center;
	}

	.fleft{
		float: left;
	}

	.margin_top_10px{
		margin-top: 10px;
	}

/* Footer Styles */

	#footer_bg{
		width: 100%;
		height: 76px;
		float: left;
		background: url(images/footer_bg.gif) no-repeat center top;
	}

	.footer{
		width: 750px;
		height: auto;
		float: left;
		background: #3399ff url(images/footerc_bg.gif) repeat-x bottom;
	}

	#footer_lc{
		width: 11px;
		height: 76px;
		background: #3399ff url(images/footerc_lc.gif) no-repeat top;
		float: left;
	}

	#footer_mc{
		width: 716px;
		height: auto;
		float: left;
		padding: 6px;
		text-align: center;
		font-size: 11px;
		color: #FFFFFF;
	}

	#footer_mc a:link, #footer_mc a:visited, #footer_mc a:active{
		color: #FFFFFF;
		text-decoration: none;
	}

	#footer_mc a:hover{
		color: #CCFF00;
	}

	#footer_rc{
		width: 11px;
		height: 76px;
		background: url(images/footerc_rc.gif) no-repeat top;
		float: right;
	}

.cent{
	text-align: center;
	padding-left: 22px;
}