/* basic elements */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl, address, abbr, input, select, textarea, table, td, th { margin: 0px; padding: 0px;font-family: Arial,"Trebuchet MS",Helvetica, sans-serif; }
ul{
	margin:0 0 1em 1.4em;
	padding:0;
}
body {
	font: 12px/16pt Arial, Helvetica, sans-serif;
}
p{
	padding-bottom:1em; 
}
a{ 
	text-decoration: none; 
	color:blue;
}
img{
	border:0;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
img.fl{
	margin:0 15px 5px 0;
}
img.fr{
	margin:0 0px 5px 15px;
}
.cl{
	clear:left;
}
/* 2. Container */
#wrapper{
	width:781px;
	padding:0 26px;
	margin:0 auto;
	background:url(bg_main4.jpg) center top repeat-y;
}
/* 3. Homepage */
h1{
	height:63px;
}
h1 a{
	float:left;
	display:block;
	width:151px;
	height:0px;
	padding-top:24px;
	overflow:hidden;
	margin:5px 0 0 17px;
	display:inline;
	line-height:2em;
	background:url(logo.gif) left top no-repeat;
}
#nav2{
	/* background:#559FDC url(bg_nav_l.gif) left top no-repeat;*/
	height:23px;
	line-height:23px;
	overflow:hidden;
	clear:both;
	margin:0 7px;
	padding-left: 50px;
	margin-top: 108px;
}
#nav2 ul{
	/* background:url(bg_nav_r.gif) right top no-repeat;*/
	padding-left:120px;
	position:relative;
	z-index:2;
	height:23px;
	line-height:23px;
}
#nav2 ul li{
	display:inline;
	background:url(bg_nav_line.gif) right center no-repeat;
	padding:0 8px;
}
#nav2 ul li.end{
	background:none;
}
#nav2 li a{
	font-weight:bold;
	color:white;
}
.ordernow {
	/* background:url(tryitfree.gif) right center no-repeat;*/
	position: relative;
    padding-top: 175px;
	padding-left: 520px;
	width: 191px
	height: 45px;
}

/** exhibition **/
.exhibition{
	height:365px;
	position:relative;
	margin-left: 20px;
}
.exhibition_pic{
	background:url(hnslandingpage.jpg) left top no-repeat;
	width:738px;
	height:350px;
	position:absolute;
	top: 2px;
	left:2px;
}

.exhibition2 {
	height:84px;
	position:relative;
	margin-left: 20px;
}
.exhibition2_pic {
	background:url(hns_landing_header2.jpg) left top no-repeat;
	width:738px;
	height:84px;
	position:absolute;
	top: 2px;
	left:2px;
}

/*.exhibition_tro{
	float:left;
	width:378px;
	margin-left:204px;
	display:inline;
	margin-top:17px;
	background:url(bg_exhibition_tro.gif) left bottom no-repeat;
	height:222px;
}
.exhibition_tro ul{
	margin-top:10px;
}
.exhibition_tro ul li{
	background:url(ico_cuntermark.gif) left center no-repeat;
	list-style:none;
	padding:0;
	margin:0;
	padding-left:28px;
	margin-left:60px;
	font-size:14px;
}
.amazing{
	background:url(bg_amazing.jpg) left top no-repeat;
	width:166px;
	height:224px;
	margin-top:10px;
	margin-left:18px;
	display:inline;
	float:left;
	text-align:center;
}
.amazing dt{
	padding:10px 0;
}
.amazing dd{
	padding:0;
	margin:0;
	margin-bottom:3px;
}*/
/** cssbox **/
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head span {
	/*background:transparent url(bg_box.gif) repeat bottom right;*/
	display:block;
	height: 100%;
}
.cssbox {
	padding-right: 8px;
	margin:auto;
	width:748px;
	height: 100%;
}
.cssbox_head {
	background-position: top right;
	margin-right: -8px;
	padding-right: 10px;
}
.cssbox_head span {
	background-position: top left;
	margin: 0;
	border: 0;
	padding: 10px 0 0px 15px; 
	font-size:0;
}
.cssbox_body {
	background-position: bottom left;
	padding: 0px 0px 10px 10px;
	overflow:hidden;
	height: 100%;
}
/** others **/
.cont {
	margin:0;
	padding:0;
	height: 100%;
}
.cont_l{
	float:left;
	width:253px;
}
.cont_r{
	width:469px;
	float:right;
	font-size:14px;
}

.cont_l h2 {
	/*background:#559FDC url(bg_nav_l.gif) left top no-repeat;*/
}
/*.cont_l h2 span {
	display:block;
	background:url(bg_nav_r.gif) right top no-repeat;
	height:23px;
	text-align:center;
}*/
.cont_l h2 span img{ margin-top:7px; 
}
.cont_r h3{
	font-size:18px;
	text-align:center;
	margin-bottom:1em;
}
.cont_r h4{
	font-size:14px;
	margin-bottom:1em;
}

.cont_mid{
	width:720px;
	height: 100%;
	font-size:14px;
	padding-left: 15px;
}

.cont_lmain{
	width:437px;
	float:left;
	font-size:14px;
}

.cont_sr{
	float:right;
	width:300px;
	font-size: 14px;
}

.red-text {
	font-family: Tahoma; font-size: 16pt; font-weight: 700; color: #cc0000;
}

.h-box {
	margin-top: 10px;
	background:#ffffff url(certborder.jpg) left bottom no-repeat;
	width: 700px;
	height: 530px;
	padding: 10px;
	font-family:Arial;
	font-size: 12pt;
	text-align: center;
}

.g-box {
	width: 550px;
	height: 480px;
	padding: 10px;
	margin-left: 45px;
	float: center;
}

.side-box-bot {
	background-color:#e8eaff; border: 1px solid; margin: 10px; font-family: Arial; font-size: 10pt;
}

.media_wrapper{
	background:url(bg_friend.jpg) left bottom no-repeat;
	padding-bottom:10px;
}
.bg_friend{
	background:url(bg_friend.jpg) 30px bottom no-repeat;
	overflow:hidden;
	margin-bottom:-4px;
}
.media_logo{
	float:left;
	margin:0 8px 0px 0;	
	width:80px;
	text-align:center;
}
.media,.list{
	list-style:disc;
	padding:0;
	margin:0;
	font-size:14px;
}
.media p{
	float:left;
	width:140px;
	padding:0;
	font-size:14px;
}
.media li,.list li{
	list-style:disc;
	padding:8px;
	width:233px;
	line-height:0.1em;
	clear:both;
	/* background:url(bg_media.jpg) left bottom repeat-x;*/
	overflow:hidden;
}
/*.list li{
	background:#EFEFEF url(bg_media2.jpg) left top repeat-x;
}*/
/* .cont_r{
	width:469px;
	float:right;
	font-size:14px;
}

.cont_lmain{
	width:469px;
	float:left;
	font-size:14px;
}

.cont_mid{
	width:720px;
	float:center;
	font-size:14px;
}*/

.answer_what{
	font-size:18px;
	text-align:center;
}
/** tryitfree **/
.tryitfree{
	/*background:url(bg_tryitfree.gif) center center no-repeat;*/
	height:60px;
	text-align:center;
	clear:both;
	padding:10px;
}
.tryitfree img{
	margin-top:6px;
}
.author{
	text-align:right;
	display:block;
}
/** form_cont **/
.form_cont{
	width:650px;
	/* width:438px; */
	margin:auto;
	clear:both;
	position:relative;
}
.form_cont .cssbox{
	width:auto;
	background-color:#EDF5FF;
	border: 2px solid blue;
}
.form_cont h2{
	padding:15px;
	font-size:18px;
	font-weight:normal;
}
.form_cont ul{
	padding:0;
	margin:0;
	overflow:hidden;
	float:left;
	width:100%;
	margin-left:5px;
	display:inline;
}
.form_cont form{
	width:100%;
	overflow:hidden;
}
.form_cont ul li {
	width:49%;
	float:left;
	list-style:none;
	padding:5px 0;
	height:40px;
	overflow:hidden;
}
.star_here{
	position:absolute;
	right:10px;
	top:10px;
}
.form_cont input,.form_cont select{
	/* width:98px; */
	padding:2px 1px 3px;
	border:1px solid #5AADFC;
	background-color:#F1F1F1;
}
.form_cont select{
	padding:2px 1px;
	height:auto;
}
.form_cont .fistbox{
	padding:5px 0;
	margin-left:5px;
}
.form_cont p{
	clear:both;
	text-align:center;
	padding:0.8em 0 0;
}
.form_cont label{
	font-weight:bold;
	display:block;
}
.form_cont p input{
	border:0;
	height:auto;
	width:auto;
}
/* 4. footer */
.footer{
	text-align:center;
	margin:0 15px;
	color:#979D9D;
}
.footer .links{
	/* border-bottom:1px solid #C7C7C7;*/
	padding:10px 0;
}
.footer blockquote{
	width:480px;
	font-size:11px;
	line-height:1em;
	border:1px solid #979D9D;
	margin:10px auto;
	padding:5px 15px;
}
